update music api to listenbrainz

static/css/bases/base.css

@@ -40,6 +40,8 @@
     --smileos2-box: url(/static/content/smileos/SmileOS_2_Box.webp) 17 3 3 fill / 51px 9px 9px;
     --smileos2-font: 'Ultrafont2';
     --smileos2-emphasis: #FF4343;
+    --line-height: normal;
+    --header-line-height: normal;
 }
 
 body {
@@ -48,6 +50,7 @@ body {
     color: var(--text-color);
     font-size: var(--font-size);
     font-family: var(--font-family);
+    line-height: var(--line-height);
     display: grid;
     grid-template-columns: auto auto;
     grid-template-rows: 1fr;
@@ -58,6 +61,10 @@ body {
     width: 940px;
 }
 
+h1, h2, h3, h4, h5, h6 {
+    line-height: var(--header-line-height);
+}
+
 #sidebar {
     grid-area: sidebar;
     display: flex;

static/css/index.css

@@ -43,7 +43,7 @@
     transform: scale(1.1) rotate(-5deg);
 }
 
-#spotify {
+#listenbrainz {
     background-image: none;
     backdrop-filter: blur(2px) brightness(0.6);
     border: var(--secondary-background-color) 2px solid;
@@ -58,8 +58,8 @@
     flex-direction: column;
 }
 
-#spotify-title {
-    font-size: 1.5rem;
+#listenbrainz-title {
+    font-size: 1.2rem;
     font-weight: 900;
     margin: 0;
     padding: 0;
@@ -67,15 +67,29 @@
     color: white;
 }
 
-#spotify-artist {
+#listenbrainz-artist {
     color: white;
-    font-size: 1rem;
+    font-size: 0.7rem;
     font-weight: 900;
     margin: 0;
     padding: 0;
     mix-blend-mode: difference;
 }
 
+#listenbrainz-live {
+    color: white;
+    font-size: 0.6rem;
+    font-weight: 900;
+    margin: 0;
+    padding: 0;
+    margin-top: auto;
+    margin-left: auto;
+    background-color: gray;
+    border-radius: 30px;
+    padding: 2px 6px;
+    font-family: var(--ultrafont-font);
+}
+
 #button-collection {
     display: flex;
     flex-direction: row;