🔥 De-massacre homepage update mess

antistatique · Apr 25, 2024 · a0f18f8 · a0f18f8
1 parent ffd09d8
commit a0f18f8
Showing 1 changed file with 21 additions and 12 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -14,12 +14,9 @@ import key from '../assets/svgs/key.svg?raw';
     <h1
       class="z-10 row-start-1 md:col-start-3 md:col-span-10 text-h-xl md:text-h-3xl md:mt-10 *:block uppercase"
     >
-      <!-- <span class="relative">06.06.2024</span>
+      <span class="relative">06.06.2024</span>
       <span class="md:text-end text-core">Cérémonie du</span>
-      <span class="text-core">Grand</span> -->
-      <span class="relative">Soumettez</span>
-      <span class="md:text-end text-core">vos projets</span>
-      <span class="text-core">Deadline : 13 mai</span>
+      <span class="text-core">Grand</span>
     </h1>
     <div
       class="relative col-start-3 md:col-start-5 col-span-full md:row-start-1 max-md:-mt-5"
@@ -41,21 +38,33 @@ import key from '../assets/svgs/key.svg?raw';
       </p>
     </div>
     <p
-      class="z-10 md:!col-start-3 md:col-span-7 xl:col-span-6 md:text-lg -mt-10 md:-mt-[5.5rem] max-md:mb-10 indent-[calc(min(16.6vw,18rem)+20px)]"
+      class="z-10 md:!col-start-3 md:col-span-7 xl:col-span-6 md:text-lg -mt-10 max-md:mb-10 indent-[calc(min(16.6vw,18rem)+20px)]"
     >
       Depuis 15 éditions, le GRAND Prix Romand de la Création célèbre
       l'excellence en matière de travaux de création en communication, avec un
       concours et un gala mettant en avant les talents, la créativité et le
       savoir-faire "made in Suisse romande".
     </p>
     <!-- please pardon me for this css calc my lord -->
-    <Button
-      href="https://inscription.associationgrand.ch/grand/ "
-      scheme="core"
-      classes="md:mt-[min(min(50rem,calc(55vw-10rem)),max(26rem,calc(100vh-15.4rem)))] md:row-start-1 md:col-start-2 md:col-span-3 z-20"
+    <div
+      class="md:mt-[min(min(50rem,calc(55vw-13.5rem)),max(26rem,calc(100vh-23.4rem)))] md:row-start-1 md:col-start-2 md:col-span-3 z-20"
     >
-      Inscrire un projet
-    </Button>
+      <!-- <p
+        class="w-30 h-30 rounded-full bg-neutral-100 grid place-content-center text-sm text-neutral-900 text-center rotate-[-15deg] -translate-x-8 translate-y-4"
+      >
+        Plus qu'une semaine !
+      </p> -->
+      <Icon name="bird" classes="-scale-x-100 w-6 h-6" />
+      <p class="text-core mt-2">Soumettez vos projets pour l’édition 2024 !</p>
+      <p>Deadline : 13 mai</p>
+      <Button
+        href="https://inscription.associationgrand.ch/grand/ "
+        scheme="core"
+        classes="mt-6"
+      >
+        Inscrire un projet
+      </Button>
+    </div>
     <div
       class="col-span-full row-start-1 flex justify-end items-end pr-20 z-10 -mb-20 max-md:hidden pointer-events-none"
     >