From f5bff6aafce3653efdcd11daf218ea4d48a75b45 Mon Sep 17 00:00:00 2001
From: valere <dev@valerebron.com>
Date: Mon, 16 Sep 2024 17:31:28 +0200
Subject: [PATCH] center article of compilation

---
 pages/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index f67d86e..783afa9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -22,7 +22,7 @@
         <source src="https://files.erudi.fr/evilspins/sloughi-run-loop-small.webm" type="video/webm"
           media="all and (max-width: 640px)">
       </video>
-      <div class="mix hide bg-black w-full screen overflow-scroll">
+      <div class="mix hide bg-black w-full screen overflow-scroll flex items-center flex-col">
         <button class="button button--close m-4 flex justify-center items-center z-50" @click="closePlayer()">
           <svg width="20px" height="30px">
             <line x1="0" y1="0" x2="20" y2="20" stroke="black" stroke-width="2" />
@@ -33,7 +33,7 @@
           <source :src="mixPlayerSourceHD" type="video/mp4">
           <source :src="mixPlayerSourceSD" type="video/mp4" media="all and (max-width: 640px)">
         </video>
-        <article class="text-white p-8">
+        <article class="text-white p-8 max-w-5xl">
           <h3 class="text-5xl">
             {{ currentTitle }}
           </h3>
@@ -41,16 +41,16 @@
             {{ currentArtist.name }}
           </h2>
           <h4 class="text-xl text-slate-200">
-            {{ currentCompilationName }}
+            evilSpins #{{ currentCompilationName }}
           </h4>
 
           <p class="block mt-10">
             see artist page:<br>
-            <a target="_blank" class="underline text-slate-400" :href="currentLink">
+            <a target="_blank" class="underline text-orange-500 hover:text-orange-400" :href="currentLink">
               {{ currentArtist.url }}
             </a><br>
             purchace the track:<br>
-            <a target="_blank" class="underline text-slate-400" :href="currentLink">
+            <a target="_blank" class="underline text-orange-500 hover:text-orange-400" :href="currentLink">
               {{ currentLink }}
             </a><br>
             <br>