feat: Dernier développement

assets/javascripts/main.js

@@ -0,0 +1,23 @@
+const cachecaches = document.getElementsByClassName("cachecache");
+for (const element of cachecaches) {
+  const link = document.createElement("a");
+  const separators = element.dataset.separators;
+  const protocol = element.dataset.param1.split("").reverse().join("");
+  let url = protocol;
+  for (let i = 0; i < separators.length; i++) {
+    url += separators[i] + element.dataset["param" + (i+2)].split("").reverse().join("");
+  }
+  let text = element.dataset.param2.split("").reverse().join("");
+  for (let i = 1; i < separators.length; i++) {
+    text += separators[i] + element.dataset["param" + (i+2)].split("").reverse().join("");
+  }
+  if (!element.dataset.noinner) {
+    link.innerText = url.replace(new RegExp(element.dataset.regex, 'i'), element.dataset.replace);
+  } else {
+    link.innerHTML = element.innerHTML;
+  }
+  link.href = url;
+  link.rel = "nofollow";
+  element.parentElement.insertBefore(link, element);
+}
+while (cachecaches.length > 0) cachecaches[0].remove();

assets/styles/footer.scss

@@ -11,8 +11,12 @@
         font-weight: normal;
         font-style: normal;
 
-        div a {
+        div {
+            text-align: center;
+            a {
                 margin-left: .5rem;
+                white-space: nowrap;
+            }
         }
     }
 
@@ -28,10 +32,16 @@
 
 @media screen and (max-width: 1024px) {
     .footer .container {
+        margin: 1rem .2rem;
         flex-direction: column-reverse;
 
+        div a {
+            margin-left: .2rem;
+        }
+
         p {
             margin-top: .5rem;
+            text-align: center;
         }
     }
 }

assets/styles/main.scss

@@ -2,3 +2,4 @@
 @import "style.scss";
 @import "header.scss";
 @import "footer.scss";
+@import "obfuscates.scss";

assets/styles/obfuscates.scss

@@ -0,0 +1,4 @@
+.cachecache:not([data-noinner="true"]) {
+  unicode-bidi: bidi-override;
+  direction: rtl;
+}

content/_index.md

@@ -4,7 +4,9 @@ title: Takubeh - Kombucha
 description: "Takubeh Kombucha, cette boisson fermentée à base de thé, peu sucrée, subtilement acidulée et naturellement pétillante, est produite de façon artisanale et écoresponsable dans un atelier dans le Pilat. Une gamme variée: Thé vert ou thé noir, chai rooibos chanvre eucalyptus citronnelle hibiscus vanille"
 ---
 
+<main>
 {{< takubeh_kombucha >}}
 {{< gamme >}}
 {{< kombucha_en_fut >}}
 <!-- instagram -->
+</main>

content/a-propos.md

@@ -7,6 +7,8 @@ menus: main
 weight: 30
 ---
 
+<main>
 {{< fondateurs >}}
 <!-- histoire -->
 {{< identite >}}
+</main>

content/engagements.md

@@ -7,6 +7,8 @@ menus: main
 weight: 20
 ---
 
+<main>
 {{< philosophie >}}
 {{< engagement >}}
-<!-- consigne -->
+{{< consigne >}}
+</main>

content/ou-nous-trouver.md

@@ -8,5 +8,7 @@ menus: main
 weight: 10
 ---
 
+<main>
 <!-- {{< reseau >}} -->
 {{< points_de_vente >}}
+</main>

layouts/_default/_markup/render-link.html

@@ -23,13 +23,16 @@
   {{ end }}
   {{- $params = $params | append (string $string) -}}
   <span
-    class="obfuscate{{ if $isMailtoLink }} at{{ end }}"
+    class="cachecache{{ if $isMailtoLink }} at{{ end }}"
     data-separators="{{ $separators }}"
     {{ range $param_index, $param_value := $params }}
       data-param{{add $param_index 1}}="{{ range $index := seq (sub (len $param_value) 1) 0}}{{ substr $param_value $index 1}}{{ end }}"
     {{ end }}
     data-regex="{{ $regex }}"
     data-replace="{{ $replace }}"
-  >
+  >{{ if $isMailtoLink }}
+    {{ $mail := index (split .Destination ":") 1 }}
+    {{ range $index := seq (sub (len $mail) 1) 0}}{{ substr $mail $index 1}}{{ end }}
+  {{ end }}
   </span>
 {{- end -}}

layouts/partials/javascripts.html

@@ -1,4 +1,4 @@
-{{ $js := resources.Get "js/main.js" }}
+{{ $js := resources.Get "javascripts/main.js" }}
 {{ with $js }}
     {{ $secureJS := . | js.Build }}
     {{ if not $.Site.Params.debug }}

layouts/partials/pied_de_page.html

@@ -3,7 +3,7 @@
         <p>Lieu dit Le Clapeau, 42100 Rochetaillée</p>
         <p>{{ now.Format "2006" }} © Takubeh - <a href="/mentions-legales/">Mentions légales</a></p>
         <div>
-            <a href="mailto:kombucha@takubeh.fr" title="E-mail"><img src="/images/tabler/mail-heart.svg"><span> E-mail</span></a>
+            <span class="cachecache at" data-noinner="true" data-separators=":@." data-param1="otliam" data-param2="ahcubmok" data-param3="hebukat" data-param4="rf" data-regex="[a-z]*:(.*)" data-replace="$1"><img src='/images/tabler/mail-heart.svg'> <span>E-mail</span></span>
             <a href="https://www.instagram.com/takubehkombucha/" title="Instagram"><img src="/images/tabler/brand-instagram.svg"><span> Instagram</span></a>
             <a href="https://www.facebook.com/profile.php?id=100076292530719" title="Facebook"><img src="/images/tabler/brand-facebook.svg"><span> Facebook</span></a>
         </div>

layouts/shortcodes/engagement.html

@@ -38,7 +38,7 @@
     <div class="picture">
         <img
             srcset="/images/3bouteilles-bleu-portrait.webp 768w, /images/3bouteilles-bleu-paysage.webp 1024w"
-            sizes="(max-width: 1400px) 768px, 1024px"
+            sizes="(max-width: 768px) 100vw, 45vw"
             src="/images/3bouteilles-bleu-portrait.webp"
             alt="Murielle & Grégory"
         >

layouts/shortcodes/fondateurs.html

@@ -2,7 +2,7 @@
     <div class="picture">
         <img
             srcset="/images/fondateurs-portrait.webp 768w, /images/fondateurs-paysage.webp 1024w"
-            sizes="(max-width: 1400px) 768px, 1024px"
+            sizes="(max-width: 768px) 100vw, 45vw"
             src="/images/fondateurs-portrait.webp"
             alt="Murielle & Grégory"
         >

layouts/shortcodes/kombucha_en_fut.html

@@ -2,7 +2,7 @@
     <div class="picture">
         <img
             srcset="/images/tireuse-portrait.webp 768w, /images/tireuse-paysage.webp 1024w"
-            sizes="(max-width: 1400px) 768px, 1024px"
+            sizes="(max-width: 768px) 100vw, 45vw"
             src="/images/tireuse-portrait.webp"
             alt="matériel pour tirer les fûts de kombucha"
         >

layouts/shortcodes/philosophie.html

@@ -2,7 +2,7 @@
     <div class="picture">
         <img
             srcset="/images/avion-portrait.webp 768w, /images/avion-paysage.webp 1024w"
-            sizes="(max-width: 1400px) 768px, 1024px"
+            sizes="(max-width: 768px) 100vw, 45vw"
             src="/images/avion-portrait.webp"
             alt="Murielle boit du Kombucha de Takubeh devant un avion"
         >