feat: Dernière modification

assets/styles/header.scss

@@ -62,6 +62,7 @@
         margin: .6rem;
         padding: .6rem;
         font-size: 1rem;
+        box-shadow: 1px 1px var(--color-red3),-1px -1px var(--color-red3),1px -1px var(--color-red3),-1px 1px var(--color-red3);
     }
 
     h1 {
@@ -72,6 +73,7 @@
 
     a.active {
         text-decoration: underline;
+        box-shadow: 1px 1px var(--color-yellow2),-1px -1px var(--color-yellow2),1px -1px var(--color-yellow2),-1px 1px var(--color-yellow2);
     }
 }
 

assets/styles/style.scss

@@ -173,6 +173,24 @@ body {
     display: flex;
     align-items: center;
     max-width: 500px;
+
+    &:hover img {
+        animation: tiltBottle 1s 1 linear;
+    }
+    @keyframes tiltBottle{
+        20%{
+            transform: rotate(2deg);
+        }
+        40%{
+            transform: rotate(-2deg);
+        }
+        60%{
+            transform: rotate(2deg);
+        }
+        80%{
+            transform: rotate(-2deg);
+        }
+    }
 }
 .gamme img { 
     width: var(--bottle-width); 

layouts/shortcodes/gamme.html

@@ -3,7 +3,7 @@
         <h2>Notre gamme</h2>
         <div class="boxes">
             <div class="box">
-                <img src="/images/bouteilles/Tropical-detouré-200px.webp" alt="" width="200" height="650">
+                <img src="/images/bouteilles/tropical.webp" alt="" width="100" height="300">
                 <div class="detail">
                     <div class="title">
                         <h3 class="tag color -violet1">Tropical</h3>
@@ -12,13 +12,13 @@
                     <p>
                         Kombucha aux sérieux accents de fruit de la
                         passion, suivit d’une légère amertume. Aucune
-                        importation de fruits exotiques. A base de
+                        importation de fruits exotiques. À base de
                         plantes cultivées localement.
                     </p>
                 </div>
             </div>
             <div class="box">
-                <img src="/images/bouteilles/chanvre-detouré-100*326px.webp" alt="" width="100" height="326">
+                <img src="/images/bouteilles/chanvre.webp" alt="" width="100" height="300">
                 <div class="detail">
                     <div class="title">
                         <h3 class="tag color -green2">Chanvre</h3>
@@ -26,7 +26,7 @@
                     </div>
                     <p>
                         Ce kombucha au chanvre est une invitation
-                        à la détente et au laché prise. Cette plante 
+                        à la détente et au lâché prise. Cette plante
                         à la réputation mystique possède un parfum
                         atypique et enivrant.
                     </p>
@@ -34,7 +34,7 @@
             </div>
             <br>
             <div class="box">
-                <img src="/images/bouteilles/pu_erh.webp" alt="" width="100" height="300">
+                <img src="/images/bouteilles/original.webp" alt="" width="100" height="300">
                 <div class="detail">
                     <div class="title">
                         <h3 class="tag color -green5">L'Original</h3>
@@ -82,7 +82,6 @@
                     </p>
                 </div>
             </div>
-            <br>
             <div class="box">
                 <img src="/images/bouteilles/chai_rooibos.webp" alt="" width="100" height="300">
                 <div class="detail">