feat: Ajout des modifications

assets/styles/style.scss

@@ -50,6 +50,7 @@ body {
     --color-blue1: #3ea1da;
     --color-blue2: #154f8e;
     --color-blue3: #002830;
+    --color-violet1: #713678;
     --color-black: black;
 
     --gutter: 4rem;
@@ -78,6 +79,7 @@ body {
 .-blue1   { --color: var(--color-white); --bg-color: var(--color-blue1) }
 .-blue2   { --color: var(--color-white); --bg-color: var(--color-blue2) }
 .-blue3   { --color: var(--color-white); --bg-color: var(--color-blue3) }
+.-violet1 { --color: var(--color-white); --bg-color: var(--color-violet1) }
 .-black   { --color: var(--color-white); --bg-color: var(--color-black) }
 
 

content/_index.md

@@ -6,5 +6,5 @@ description: "Takubeh Kombucha, cette boisson fermentée à base de thé, peu su
 
 {{< takubeh_kombucha >}}
 {{< gamme >}}
-<!-- kombucha_en_fut -->
+{{< kombucha_en_fut >}}
 <!-- instagram -->

layouts/shortcodes/consigne.html

@@ -1 +1,46 @@
-<p>La partie « Consigne » est encore à construire</p>
+<div class="container -c2">
+    <div class="picture">
+        <img src="/images/avion.webp" alt="">
+    </div>
+    <div class="content color -orange3">
+        <h2 id="la-consigne">La consigne</h2>
+        <p>
+            Vous l’aurez compris, la philosophie de Takubeh et les ambitions qui y sont
+            associées résident principalement dans le désir de travailler de façon 
+            éco-responsable.
+        </p>
+        <p>
+            En accord avec les valeurs que nous portons, c’est tout naturellement que nous
+            nous sommes tournés vers la consigne de nos contenants en verre au format 1L.
+        </p>
+        <p>
+            Nous sommes depuis plusieurs années partenaire du collecteur Rebooteille, qui est
+            le principal acteur local dans le réseau du réemploi.
+        </p>
+        <p>
+            Les motivations de notre engagement sont les bénéfices du réemploi :
+        </p>
+        <ul class="chiffre">
+            <li>
+                <img src="/images/eau.png">
+                <h3>- 51%</h3>
+                <p>d’eau</p>
+            </li>
+            <li>
+                <img src="/images/eclair.png">
+                <h3>- 76%</h3>
+                <p>d’énergie</p>
+            </li>
+            <li>
+                <img src="/images/terre.png">
+                <h3>- 79%</h3>
+                <p>de gaz à effet de serre</p>
+            </li>
+        </ul>
+        <p class="right"><small>Source : cabinet Deroche consultant</small></p>
+        <blockquote>
+            « Etablir des modes de consommation et de production durables »,<br>
+            c’est le point de départ de la logique Rebooteille
+        </blockquote>
+    </div>
+</div>

layouts/shortcodes/fondateurs.html

@@ -1,6 +1,11 @@
 <div class="container fondateur -c2">
     <div class="picture">
-        <img src="/images/takubeh-fondateurs.webp" alt="">
+        <img
+            srcset="/images/fondateurs-portrait.webp 768w, /images/fondateurs-paysage.webp 1024w"
+            sizes="(max-width: 1400px) 768px, 1024px"
+            src="/images/fondateurs-portrait.webp"
+            alt="Murielle & Grégory"
+        >
     </div>
     <div class="content color -red2">
         <h2 class="center">Les fondateurs</h2>

layouts/shortcodes/gamme.html

@@ -4,20 +4,36 @@
         <h2>Notre gamme</h2>
         <div class="boxes">
             <div class="box">
-                <img src="/images/bouteilles/chai_rooibos.webp" alt="" width="100" height="300">
+                <img src="/images/bouteilles/tropical.webp" alt="" width="100" height="300">
                 <div class="detail">
                     <div class="title">
-                        <h3 class="tag color -red2">Chai Rooibos</h3>
+                        <h3 class="tag color -violet1">Tropical</h3>
                         <h4>33 cl / 1 L</h4>
                     </div>
                     <p>
-                        Le Rooibos, l’or rouge d’Afrique du Sud,
-                        soutenu par les incontournables épices
-                        indiennes de cannelle, clou de girofle,
-                        cardamome, gingembre, appelle au voyage.
+                        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
+                        plantes cultivées localement.
                     </p>
                 </div>
             </div>
+            <div class="box">
+                <img src="/images/bouteilles/chanvre.webp" alt="" width="100" height="300">
+                <div class="detail">
+                    <div class="title">
+                        <h3 class="tag color -green2">Chanvre</h3>
+                        <h4>33 cl / 1 L</h4>
+                    </div>
+                    <p>
+                        Ce kombucha au chanvre est une invitation
+                        à la détente et au laché prise. Cette plante à
+                        la réputation mystique possède un parfum
+                        atypique et enivrant.
+                    </p>
+                </div>
+            </div>
+            <br>
             <div class="box">
                 <img src="/images/bouteilles/pu_erh.webp" alt="" width="100" height="300">
                 <div class="detail">
@@ -51,6 +67,38 @@
                     </p>
                 </div>
             </div>
+            <div class="box">
+                <img src="/images/bouteilles/eucalyptus.webp" alt="" width="100" height="300">
+                <div class="detail">
+                    <div class="title">
+                        <h3 class="tag color -blue3">Eucalyptus</h3>
+                        <h4>33 cl / 1 L</h4>
+                    </div>
+                    <p>
+                        L’eucalyptus, sans doute une des plantes
+                        les plus désaltérantes !
+                        Ce kombucha servi bien frais est
+                        extrêmement parfumé et parfait
+                        pour étancher les grandes soifs.
+                    </p>
+                </div>
+            </div>
+            <br>
+            <div class="box">
+                <img src="/images/bouteilles/chai_rooibos.webp" alt="" width="100" height="300">
+                <div class="detail">
+                    <div class="title">
+                        <h3 class="tag color -red2">Chai Rooibos</h3>
+                        <h4>33 cl / 1 L</h4>
+                    </div>
+                    <p>
+                        Le Rooibos, l’or rouge d’Afrique du Sud,
+                        soutenu par les incontournables épices
+                        indiennes de cannelle, clou de girofle,
+                        cardamome, gingembre, appelle au voyage.
+                    </p>
+                </div>
+            </div>
             <div class="box">
                 <img src="/images/bouteilles/vanille.webp" alt="" width="100" height="300">
                 <div class="detail">
@@ -68,22 +116,6 @@
                     </p>
                 </div>
             </div>
-            <div class="box">
-                <img src="/images/bouteilles/eucalyptus.webp" alt="" width="100" height="300">
-                <div class="detail">
-                    <div class="title">
-                        <h3 class="tag color -blue3">Eucalyptus</h3>
-                        <h4>33 cl / 1 L</h4>
-                    </div>
-                    <p>
-                        L’eucalyptus, sans doute une des plantes
-                        les plus désaltérantes !
-                        Ce kombucha servi bien frais est
-                        extrêmement parfumé et parfait
-                        pour étancher les grandes soifs.
-                    </p>
-                </div>
-            </div>
         </div>
     </div>
 </div>

layouts/shortcodes/kombucha_en_fut.html

@@ -1 +1,42 @@
-<p>La partie « kombucha en fût » est encore à construire</p>
+<div class="container -c2">
+    <div class="picture">
+        <img
+            srcset="/images/avion-portrait.webp 768w, /images/avion-paysage.webp 1024w"
+            sizes="(max-width: 1400px) 768px, 1024px"
+            src="/images/avion-portrait.webp"
+            alt="Murielle boit du Kombucha de Takubeh devant un avion"
+        >
+    </div>
+    <div class="content color -orange1">
+        <h2>Du kombucha en fût</h2>
+        <p>
+            Notre ambition de servir du kombucha en festivals, concerts, foires et autres
+événements culturels ne nous a finalement jamais quitté.
+        </p>
+        <p>
+            C’est grâce au soutien de notre communauté, qui a répondu présente à la campagne
+de crowdfunding, que nous avons pu financer le matériel necessaire au démarrage de
+la distribution en fûts de 20L de notre production.
+        </p>
+        <p>
+            Nous mêmes consommateurs de manifestations culturelles en tout genre, nous
+apportons de cette manière notre contribution à la tenue d’évènements plus
+écologiques. De cette facon, il est possible de profiter d’une boisson bien travaillée,
+fraichement tirée du fût, qui a bien d’autres qualités :
+        </p>
+        <ul>
+            <li>Soft drink</li>
+            <li>Fermentée et festive</li>
+            <li>Pétillant naturel</li>
+            <li>Originale et tendance</li>
+            <li>Bio</li>
+            <li>Peu sucrée</li>
+            <li>Fraîche et désaltérante</li>
+            <li>Zéro emballage pour une <b>empreinte carbone réduite</b></li>
+        </ul>
+        <blockquote>
+            Les enjeux planetaires sont immenses,<br>
+            alors chaque geste compte.
+        </blockquote>
+    </div>
+</div>

layouts/shortcodes/takubeh_kombucha.html

@@ -1,9 +1,9 @@
 <!-- Takubeh Kombucha ? -->
 <div class="container -c2">
     <div class="content color -green3">
-        <h2>Takubeh Kombucha ?</h2>
+        <h2>Boisson alternative</h2>
         <p>
-            Takubeh est une jeune entreprise de production artisanale de kombucha, une
+            Takubeh est une entreprise de production artisanale de kombucha, une
             boisson fermentée à base de thé, naturellement pétillante, extrêmement peu
             sucrée, désaltérante et savoureuse.
         </p>