rough first draft of v2!

templates/html/music.html

@@ -1,13 +1,13 @@
 {{define "head"}}
 <title>music - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
+<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
 
 <meta name="description" content="music from your local SPACEGIRL 💫">
 
 <meta property="og:title" content="ari melody music">
 <meta property="og:type" content="website">
 <meta property="og:url" content="www.arimelody.space/music">
-<meta property="og:image" content="https://www.arimelody.space/img/favicon.png">
+<meta property="og:image" content="https://www.arimelody.space/img/favicon.webp">
 <meta property="og:site_name" content="ari melody 💫">
 <meta property="og:description" content="music from your local SPACEGIRL 💫">
 
@@ -17,13 +17,20 @@
 {{end}}
 
 {{define "content"}}
+<div class="fancyheader">
+    <div class="fancyheader-inner">
+        <div class="left">
+            <h1>my music</h1>
+            <div class="subheader">
+                <span>art for your ears!</span>
+            </div>
+        </div>
+    </div>
+</div>
+
 <main>
     <script type="module" src="/script/music.js"></script>
 
-    <h1 class="typeout">
-        # my music
-    </h1>
-
     <div id="music-container">
         {{range $Release := .}}
         <div class="music" id="{{$Release.ID}}">
@@ -54,7 +61,7 @@
 
     <h2 id="usage" class="question typeout">
         <a href="#usage">
-            &gt; "can i use your music in my content?"
+            Q: "can i use your music in my content?"
         </a>
     </h2>
     <div class="answer">