edit: nouveau mail et correction heure + réglages mineurs

v0-appel-projet/public/background_styles.css

@@ -4,7 +4,7 @@ html, body{
   inset: 0;
   position: absolute;
   z-index: 0;
-  background-color: #000000;
+  background-color: #FFFFFF;
   height: 100%;
   width: 100%;
   overflow: hidden;

v0-appel-projet/src/App.vue

@@ -150,7 +150,7 @@
     height:auto;
     fill: currentColor;
     z-index:35;
-    animation: blink 10s infinite;
+    animation: blink 33s infinite;
   }
 
   #drag{

v0-appel-projet/src/assets/style.css

@@ -35,9 +35,9 @@
 }
 /*=====================Référencement*/
 .referenceText{
-  visibility: hidden;
+  position:absolute;
-  height:0;
+  z-index: -33;
-  overflow: hidden;
+  color: var(--light-color);
 }
 
 /*====================App Racine Vue*/

v0-appel-projet/src/components/AboutPannel.vue

@@ -42,7 +42,7 @@
         <br>
         <br>
         <br>
-        .
+        <p class="referenceText">.</p>
       </div>
     </div>
   </div>

v0-appel-projet/src/components/ContactPannel.vue

@@ -12,18 +12,18 @@
     </div>
     <div class="windowContent" id="contactContent">
       <div id="contactCardContainer">
+        <a href="mailto:drags-nerds@epickiwi.fr" target="_blank" class="contactLink">
+          <div class="contactCard" id="contactAtelier">
+            <div id="contactName">Ateliers meet-up</div>
+            <div id="contactField">Envoie nous 1 mail!</div>
+          </div>
+        </a>
         <a href="mailto:urazoriapro@gmail.com" target="_blank" class="contactLink">
           <div class="contactCard">
             <div id="contactName">Urazoria</div>
             <div id="contactField">Perf Drag</div>
           </div>
         </a>
-        <a href="mailto:me@epickiwi.fr" target="_blank" class="contactLink">
-          <div class="contactCard">
-            <div id="contactName">Kiwi</div>
-            <div id="contactField">Perf Nerds</div>
-          </div>
-        </a>
         <a href="https://signal.me/#eu/jPBmn2MoCUWsKN0eJbWl_3w-HuPNu2SndVwaWZX3iC9HBnQEi4FPSZefIkfS86T8" target="_blank" class="contactLink">
           <div class="contactCard">
             <div id="contactName">Vega</div>
@@ -66,7 +66,9 @@
   }
 
   .contactCard:hover{
-    animation: blinkBack 10s infinite;
+    animation: none;
+    background-color: var(--dark-color);
+    color: var(--light-color);
   }
 
   .contactLink{
@@ -89,6 +91,7 @@
   }
 
   #contactField{
+    text-align: center;
     font-family: 'lineal';
     font-size: 20px;
   }
@@ -97,6 +100,11 @@
     position:relative;
     height:100%;
   }
+
+  #contactAtelier{
+    animation: blinkBack 5s infinite;
+  }
+
   /*=======================Format PC*/
   @media(min-width: 1000px){
     #contactContainer{

v0-appel-projet/src/components/WorkshopPannel.vue

@@ -19,7 +19,8 @@
               Vous êtes invité·es à participer aux ateliers meetup Drags&Nerds !
           </p>
           <p>
-              Le premier atelier meetup c'est le <strong id="accentWS"><time datetime="2026-03-21">21 Mars 2026</time> <br>
+              Le premier atelier meetup c'est le<br>
+              <strong id="accentWS"><time datetime="2026-03-21T14:00">21 Mars 2026 à 14h00</time><br>
                 au <a href="https://labolyon.fr">Laboratoire Ouvert Lyonnais</a></strong><br>7 Place Louis Chazette 69001 Lyon
           </p>
           <p>
@@ -44,7 +45,7 @@
           <br>
           <br>
           <br>
-          .
+          <p class="referenceText">.</p>
       </div>
     </div>
   </div>
@@ -97,7 +98,7 @@
       color: var(--dark-color);
       margin-top: 3.33px;
       padding-left: 3.33px;
-      animation: blinkBack 10s infinite;
+      animation: blinkBack 5s infinite;
   }
   /*=======================Format PC*/
   @media(min-width: 1000px){