miniplayer: add pause when going on music page

static/miniplayer.js

@@ -108,6 +108,17 @@ function initMiniPlayer() {
       handlePlayPause();
     }
   });
+
+
+  audio.addEventListener("pause", () => {
+    isPlaying = false;
+    updatePlayState();
+  });
+
+  audio.addEventListener("play", () => {
+    isPlaying = true;
+    updatePlayState();
+  });
 }
 
 initMiniPlayer();

templates/base.html

@@ -37,6 +37,10 @@
       if (miniplayer) {
         miniplayer.style.display = isMusicPage ? 'none' : '';
       }
+      if (isMusicPage) {
+        const audio = document.querySelector('mini-player audio');
+        if (audio) audio.pause();
+      }
     }
 
     function updateNavState() {

templates/partials/home.html

@@ -52,7 +52,7 @@
         <a href="https://www.instagram.com/agahnim_music/" target="_blank"><img src="/static/assets/icons/insta.webp"
             width="30px" /></a>
       </socials>
-      <img src="/static/assets/gifs/divider2.gif" />
+      <img width="200px" src="/static/assets/gifs/divider2.gif" />
     </box>
   </boxes>
 </home-content>