about v1

pages/index.vue

@@ -1,14 +1,16 @@
 <template>
-  <div class="bg-black">
-    <section class="splash-screen flex items-center flex-col" @keydown.esc="closePlayer">
+  <div>
+    <div class="w-full flex justify-center">
+      <nav class="[&>*]:p-2 text-white bottom-0 right-0 fixed flex justify-center z-50 bg-black">
+        <a href="https://www.youtube.com/channel/UCATtFHnOLDCv8qroi2KW3ZA" target="about:blank" class="mt-1">
+          <img src="/youtube.svg" alt="ho no" />
+        </a>
+        <a href="mailto:contact@evilspins.com">📬</a>
+        <a href="/about">❓</a>
+      </nav>
+    </div>
+    <section class="splash-screen flex items-center flex-col" @keydown.esc="closePlayer()">
       <figure class="ui">
-        <!-- <ul>
-            <li>
-              <a href="mailto:contact@evilspins.com">contact</a>
-              <a href="/newsletter">newsletter</a>
-              <a href="/infos">?</a>
-            </li>
-          </ul> -->
         <img class="logo" src="/logo.svg">
         <button class="button button--screened relative top-16 flex justify-center items-center" @click="scrollDown()">
           ↓
@@ -41,9 +43,18 @@
           <h4 class="text-xl text-slate-200">
             {{ currentCompilationName }}
           </h4>
-          <a :href="currentLink" class="block mt-10">
-            {{ currentLink }}
-          </a>
+
+          <p class="block mt-10">
+            see artist page:<br>
+            <a target="_blank" class="underline text-slate-400" :href="currentLink">
+              {{ currentArtist.url }}
+            </a><br>
+            purchace the track:<br>
+            <a target="_blank" class="underline text-slate-400" :href="currentLink">
+              {{ currentLink }}
+            </a><br>
+            <br>
+          </p>
         </article>
         <section class=" bg-black">
           <zero-a @click="play('ES00A')" class="w-40">