Added favicon

2026-07-28 21:27:48 +01:00
parent 3a75c7d848
commit cad8b2280f
3 changed files with 7 additions and 1 deletions
@@ -1835,7 +1835,7 @@ checksum = "e6d5a32815ae3f33302d95fdcb2ce17862f8c65363dcfd29360480ba1001fc9c"

 [[package]]
 name = "furumusic"
-version = "0.9.5"
+version = "0.9.6"
 dependencies = [
 "anyhow",
 "async-stream",
@@ -3,6 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23111827'/%3E%3Cpath d='M27 15v31.5a9 9 0 1 1-5-8.1V22l27-6v24.5a9 9 0 1 1-5-8.1V15.9L27 20.5' fill='%2367e8f9'/%3E%3C/svg%3E">
    <title>{% block title %}{{ t.site_name }}{% endblock title %}</title>
    {% block head_extra %}{% endblock head_extra %}
 </head>
@@ -735,6 +735,7 @@ document.addEventListener('alpine:init', () => {
        _remoteStateReceivedAt: 0,
        _remoteStateTimer: null,
        _prefetchedQueueKey: null,
+        _baseDocumentTitle: '',

        _hasInitialShareLink() {
            const params = new URLSearchParams(window.location.search);
@@ -744,6 +745,10 @@ document.addEventListener('alpine:init', () => {

        init() {
            audio.volume = this.volume;
+            this._baseDocumentTitle = document.title.replace(/^▶\s*/, '');
+            Alpine.effect(() => {
+                document.title = `${this.isPlaying ? '▶ ' : ''}${this._baseDocumentTitle}`;
+            });

            audio.addEventListener('timeupdate', () => {
                this.currentTime = audio.currentTime;