From 120c352aa8f05bc5982eed810d853472289a06e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Mon, 6 Jul 2026 08:15:02 +0400
Subject: [PATCH] =?UTF-8?q?refactor:=20localiser=20le=20layout,=20hreflang?=
 =?UTF-8?q?,=20d=C3=A9tection=20langue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/_includes/layouts/base.njk | 57 ++++++++++++++++++++++++----------
 1 file changed, 40 insertions(+), 17 deletions(-)
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
index 65cccc9..c96723b 100644
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -1,37 +1,42 @@
 <!DOCTYPE html>
-<html lang="fr">
+<html lang="{{ locale }}">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <!-- Title & Description -->
-    <title>{% if title %}{{ title }} | {{ site.name }}{% else %}{{ site.name }} | {{ site.shortName }}{% endif %}</title>
-    <meta name="description" content="{{ description or site.description }}">
-    <meta name="keywords" content="OKI, ORGANISATION KA INTERNATIONALE, application web sur mesure, associations militantes, développement web, souveraineté numérique, tarifs solidaires, logiciel libre, Guadeloupe, Martinique, Caraïbes, numérique éthique, Castopod, KUTE, hébergement libre, alternative GAFAM">
-    <meta name="author" content="{{ site.name }}">
+    <title>{% if title %}{{ title }} | {{ t.site.name }}{% else %}{{ t.site.name }} | {{ t.site.shortName }}{% endif %}</title>
+    <meta name="description" content="{{ description or t.site.description }}">
+    <meta name="keywords" content="{{ t.site.keywords }}">
+    <meta name="author" content="{{ t.site.name }}">
 
     <!-- Canonical URL -->
     <link rel="canonical" href="https://o-k-i.net{{ page.url or '/' }}">
 
+    <!-- Alternate languages -->
+    <link rel="alternate" hreflang="fr" href="https://o-k-i.net/">
+    <link rel="alternate" hreflang="en" href="https://o-k-i.net/en/">
+    <link rel="alternate" hreflang="x-default" href="https://o-k-i.net/">
+
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://o-k-i.net{{ page.url or '/' }}">
-    <meta property="og:title" content="{% if title %}{{ title }}{% else %}{{ site.name }} - Prenons le contrôle de notre internet{% endif %}">
-    <meta property="og:description" content="{{ description or site.description }}">
+    <meta property="og:title" content="{% if title %}{{ title }}{% else %}{{ t.site.name }} - {{ t.site.og_tagline }}{% endif %}">
+    <meta property="og:description" content="{{ description or t.site.description }}">
     <meta property="og:image" content="https://o-k-i.net/assets/images/logo-512x512.png">
     <meta property="og:image:width" content="512">
     <meta property="og:image:height" content="512">
-    <meta property="og:image:alt" content="Logo {{ site.name }}">
-    <meta property="og:locale" content="fr_FR">
-    <meta property="og:site_name" content="{{ site.name }}">
+    <meta property="og:image:alt" content="Logo {{ t.site.name }}">
+    <meta property="og:locale" content="{{ t.site.og_locale }}">
+    <meta property="og:site_name" content="{{ t.site.name }}">
 
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:url" content="https://o-k-i.net{{ page.url or '/' }}">
-    <meta name="twitter:title" content="{% if title %}{{ title }}{% else %}{{ site.name }} - Prenons le contrôle de notre internet{% endif %}">
-    <meta name="twitter:description" content="{{ description or site.description }}">
+    <meta name="twitter:title" content="{% if title %}{{ title }}{% else %}{{ t.site.name }} - {{ t.site.og_tagline }}{% endif %}">
+    <meta name="twitter:description" content="{{ description or t.site.description }}">
     <meta name="twitter:image" content="https://o-k-i.net/assets/images/logo-512x512.png">
-    <meta name="twitter:image:alt" content="Logo {{ site.name }}">
+    <meta name="twitter:image:alt" content="Logo {{ t.site.name }}">
 
     <!-- Favicons -->
     <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
@@ -51,11 +56,11 @@
     {
       "@context": "https://schema.org",
       "@type": "Organization",
-      "name": "{{ site.name }}",
-      "alternateName": "{{ site.shortName }}",
+      "name": "{{ t.site.name }}",
+      "alternateName": "{{ t.site.shortName }}",
       "url": "https://o-k-i.net",
       "logo": "https://o-k-i.net/assets/images/logo-512x512.png",
-      "description": "{{ site.description }}",
+      "description": "{{ t.site.description }}",
       "address": {
         "@type": "PostalAddress",
         "streetAddress": "36 Rue Lethière",
@@ -89,7 +94,7 @@
       "sameAs": ["https://djangokam.pawol.nu"],
       "member": {
         "@type": "Organization",
-        "name": "{{ site.name }}",
+        "name": "{{ t.site.name }}",
         "url": "https://o-k-i.net"
       }
     }
@@ -114,6 +119,24 @@
             }
         })();
     </script>
+
+    <script>
+        (function() {
+            // Redirection automatique selon la langue du navigateur, sauf choix explicite déjà mémorisé
+            var pref = localStorage.getItem('oki-lang-pref');
+            if (pref) return;
+
+            var browserLang = (navigator.language || navigator.userLanguage || '').toLowerCase();
+            var wantsEnglish = browserLang.indexOf('en') === 0;
+            var currentLocale = '{{ locale }}';
+
+            if (wantsEnglish && currentLocale !== 'en') {
+                window.location.replace('/en/' + window.location.hash);
+            } else if (!wantsEnglish && currentLocale === 'en') {
+                window.location.replace('/' + window.location.hash);
+            }
+        })();
+    </script>
 </head>
 <body>
     {% include "partials/nav.njk" %}
