about: add about page and I did smth else but I can't remember

templates/about.html

@@ -0,0 +1,3 @@
+{% extends "base.html" %} {% block content %} {% include "partials/about.html" %}
+{% endblock %} {% block miniplayer %} {% include "partials/miniplayer.html" %}
+{% endblock %}

templates/partials/about.html

@@ -0,0 +1,3 @@
+<about>
+  <p>a</p>
+</about>

templates/partials/music.html

@@ -1,9 +1,10 @@
 <music>
-  <vertical-marquee id="bg-text"></vertical-marquee>
+  <vertical-marquee id="bg-text" aria-hidden="true"></vertical-marquee>
   <cute-container>
     <img src="/static/assets/gifs/music.gif" alt="Animated text 'Music'" />
   </cute-container>
 </music>
+<!-- Wall of text go!! -->
 <script>
   (function () {
     const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
@@ -17,23 +18,14 @@
       const cols = Math.ceil(window.innerWidth / colWidth);
       const rows = Math.ceil(window.innerHeight / rowHeight);
       for (let c = 0; c < cols; c++) {
-        const col = document.createElement("vertical-marquee-inner");
-        col.style.left = c * colWidth + "px";
-        for (let r = 0; r < rows; r++) {
-          const span = document.createElement("text");
-          span.textContent = chars[Math.floor(Math.random() * chars.length)];
-          col.appendChild(span);
-        }
-        container.appendChild(col);
+        const col = document.createElement("vertical-marquee-inner"); col.style.left = c *
+          colWidth + "px"; for (let r = 0; r < rows; r++) {
+            const span = document.createElement("text");
+            span.textContent = chars[Math.floor(Math.random() * chars.length)]; col.appendChild(span);
+          } container.appendChild(col);
       }
-    }
-
-    let resizeTimer;
-    window.addEventListener("resize", function () {
+    } let resizeTimer; window.addEventListener("resize", function () {
       clearTimeout(resizeTimer);
       resizeTimer = setTimeout(build, 150);
-    });
-
-    build();
-  })();
-</script>
+    }); build();
+  })(); </script>