add twitch API stuff, add follow/sub/cheer labels

music/music.go

@@ -106,7 +106,7 @@ func (srv *Service) BindRoutes(group *gin.RouterGroup) {
 	})
 
 	group.GET("/artwork", func(ctx *gin.Context) {
-		ctx.Header("cache-control", "no-cache")
+		ctx.Header("cache-control", "no-store")
 
 		if srv.track == nil || srv.track.ArtworkURL == "" {
 			http.ServeFileFS(ctx.Writer, ctx.Request, publicFS, "public/default-cover-art.png")

music/pages/music.html

@@ -26,6 +26,5 @@
             </div>
         </div>
         <script type="module" src="/music/public/music.js"></script>
-        <div id="cover"></div>
     </body>
 </html>

music/public/music.css

@@ -65,6 +65,7 @@ p {
     left: 0;
     bottom: 0;
     width: min-content;
+    max-width: calc(100% - 4em);
     padding: 2em;
 }
 
@@ -87,7 +88,7 @@ p {
 }
 
 .title-artist {
-    max-width: calc(100vw - 2em - 80px);
+    max-width: calc(100vw - 4em - 80px);
 }
 
 .title {
@@ -118,3 +119,9 @@ p {
         opacity: 0;
     }
 }
+
+#music.switching {
+    .artwork {
+        filter: blur(4px);
+    }
+}