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/scripts/ccd.js

@@ -5,7 +5,7 @@ document.addEventListener('keydown', function(event) {
   if (event.code === konamiCode[keyIndex]) {
     keyIndex++;
     if (keyIndex === konamiCode.length) {
-        window.location.href = './static/toyourdreams.txt'
+        window.location.href = '/static/toyourdreams.txt'
         keyIndex = 0;
     }
   } else {

static/scripts/tips.js

@@ -0,0 +1,15 @@
+/* This script provides functionality similar to FL Studio's hint panel. */
+
+const elements = document.querySelectorAll('[data-tip]');
+const hint = document.querySelector("#headerSubtitle");
+const hintPanelDefaultText = hint.innerHTML;
+
+elements.forEach(el => {
+    el.addEventListener('mouseenter', function() {
+      hint.innerHTML = `${this.dataset.tip}`;
+    });
+    
+    el.addEventListener('mouseleave', function() {
+      hint.innerHTML = hintPanelDefaultText;
+    });
+})