Added new box style for page headers, support for hint when hovering interactible elements, add support for expanding 88x31 pictures on click, updated index look and feel/text, switch to macros for reusable elements, fix ccd path, rename main.js to music to better reflect it's purpose and update i18n.js export global strings.

static/main.css

@@ -102,6 +102,7 @@ header div {
     mask-size: 100% 100%;
     user-select: none;
     transition: .4s;
+    -webkit-user-drag: none;
 }
 
 header ul {
@@ -147,7 +148,7 @@ blockquote, main p {
 }
 
 main h1, main h2 {
-    /* margin-bottom: .2em; */
+    margin-bottom: .2em;
 }
 
 main h2 {
@@ -169,6 +170,7 @@ hr {
     2px 7px 5px rgba(0,0,0,0.3),
     0px -4px 10px rgba(0,0,0,0.3);
     /* margin: .5em 0; */
+    margin-bottom: 1em;
 }
 
 .box {
@@ -297,6 +299,15 @@ header div:first-child {
     gap: 10px;
 }
 
+.youtubeCardHolderHelper {
+    display: flex;
+    justify-content: center;
+}
+
+.hsMusicCard .youtubeCardHolder {
+    width: 50%;
+}
+
 div.hs {
     display: none;
 }
@@ -785,6 +796,8 @@ hs {
 .i88x31 {
     transition: .2s;
     image-rendering: pixelated;
+    width: 88px;
+    height: 31px;
 }
 
 .i88x31.selected {