fix: remove cdn

fix: npm audit fix
chore: change la licence
2026-07-22 21:22:56 +04:00 · 2026-07-22 21:22:36 +04:00 · 2026-07-22 21:22:22 +04:00 · 2026-07-22 21:12:34 +04:00 · 2026-07-13 23:07:45 +04:00 · 2026-07-13 21:39:48 +04:00
108 changed files with 3360 additions and 1274 deletions
@@ -1,5 +1,25 @@
 # Changelog
 ## [Unreleased]
 ### 🛡️ Sécurité
 - ✅ **Headers HTTP de sécurité** : ajout d'un `.htaccess` Apache avec `Strict-Transport-Security`, `Content-Security-Policy`, `X-Frame-Options`, `X-Content-Type-Options`, `Referrer-Policy` et `Permissions-Policy`
 - ✅ **Redirection HTTP → HTTPS** : forçage du HTTPS via `mod_rewrite`
 - ✅ **CSP stricte** : refactorisation des scripts inline en fichiers externes et suppression des gestionnaires `onclick` inline
 ### 🎬 Contenu
 - ✅ **Nouveau projet** : ajout de `FEDIVERSE.OKI` dans la section projets
 - ✅ **Logos clients** : récupération locale des logos distants et service via le CDN
 - ✅ **Réseaux sociaux** : mise à jour du lien Discord, retrait de Stoat, X (Twitter) et TikTok
 - ✅ **Chaînes PAWOL.NU** : distinction visuelle dans la page contact entre les chaînes WhatsApp/Telegram et les autres moyens de contact
 - ✅ **Mentions légales** : hébergeur mis à jour (OVH → o2switch)
 - ✅ **Footer** : année du copyright générée automatiquement via un shortcode Eleventy
 - ✅ **Liens Labola** : lien footer vers le dépôt du site, lien contact vers l'organisation Gitea
 ### 🔧 Technique
 - ✅ Shortcode Eleventy `{% year %}` pour l'année en cours
 - ✅ Événements JS attachés dans `main.js` pour les accordéons FAQ et les dons personnalisés
 ## Version 2.1.0 - Design Afrofuturisme Caribéen (2025-11-05)
 ### 🌓 Système de Thème Clair/Sombre
@@ -1,17 +1,16 @@
 # Guide de contribution
-Merci de votre intérêt pour contribuer au site dE l'ORGANISATION KA INTERNATIONALE !
+Merci de votre intérêt pour contribuer au site de l'ORGANISATION KA INTERNATIONALE !
 ## Ajouter du contenu
-### Ajouter un service Fédiverse
+### Ajouter un service hébergé
-Éditez `src/_data/services.json` :
+Éditez `src/_data/i18n/fr/services.json` (et la version `en/`) :
 ```json
 {
  "name": "NOM_DU_SERVICE",
  "icon": "🎯",
  "platform": "Nom de la plateforme",
  "description": "Description du service",
  "url": "https://service.o-k-i.net/",
@@ -21,20 +20,25 @@ Merci de votre intérêt pour contribuer au site dE l'ORGANISATION KA INTERNATIO
 ### Ajouter un projet web
-Éditez `src/_data/projects.json` :
+Éditez `src/_data/i18n/fr/projects.json` (et la version `en/`) :
 ```json
 {
  "name": "NOM.PROJET",
  "icon": "📱",
  "domain": "nom.projet",
-  "description": "Description du projet"
+  "description": "Description du projet",
  "url": "https://nom.projet/"
 }
 ```
 ### Ajouter un client ou partenaire
 Pour les logos, privilégiez une image locale dans `src/assets/images/` et utilisez le filtre `| cdn` dans les templates. Les URLs distantes fonctionnent mais ne passent pas par le CDN.
 ### Ajouter une valeur
-Éditez `src/_data/values.json` :
+Éditez `src/_data/i18n/fr/values.json` (et la version `en/`) :
 ```json
 {
@@ -46,7 +50,7 @@ Merci de votre intérêt pour contribuer au site dE l'ORGANISATION KA INTERNATIO
 ### Modifier la navigation
-Éditez `src/_data/navigation.json` :
+Éditez `src/_data/i18n/fr/navigation.json` (et la version `en/`) :
 ```json
 {
@@ -58,18 +62,15 @@ Merci de votre intérêt pour contribuer au site dE l'ORGANISATION KA INTERNATIO
 Pour un lien externe, mettez `"external": true`.
-### Ajouter une section de contact
+### Modifier les informations de contact
-Éditez `src/_data/contact.json` :
+Les liens de contact sont regroupés par section dans `src/_data/i18n/fr/contact.json` (et la version `en/`). L'icône affichée est déterminée automatiquement à partir du texte du lien (`whatsapp`, `telegram`, `discord`, `labola`, `kontak`/`mail`).
 ```json
 {
-  "title": "🔗 Titre de la section",
+  "title": "💬 Communauté",
  "links": [
-    {
+    { "text": "Discord", "url": "https://discord.gg/DPvUCA8dD" }
      "text": "Nom du lien",
      "url": "https://example.com"
    }
  ]
 }
 ```
@@ -78,17 +79,19 @@ Pour un lien externe, mettez `"external": true`.
 Les styles sont dans `src/assets/css/styles.css`.
-### Variables CSS disponibles
+### Variables CSS principales
 ```css
--bleu-ocean: #003566;
+--or-oki: #E8A625;
--jaune-soleil: #FFB700;
+--noir-oki: #000000;
--rouge-resistance: #D62828;
+--vert-oki: #00A854;
--vert-terre: #2A9134;
+--rouge-oki: #ED1C4C;
--orange-communaute: #FB8500;
+--blanc-creme: #F7F7F2;
--noir-profond: #0A0908;
+--noir-profond: #1A1A1A;
--blanc-lumiere: #F7F7F2;
+--gris-sombre: #2A2A2A;
--violet-fedi: #6364FF;
+--or-clair: #F5BD4F;
 --vert-clair: #00C569;
 --rouge-clair: #FF2D5F;
 ```
 ## Créer une nouvelle page
@@ -108,9 +111,11 @@ description: Description pour le SEO
 </section>
 ```
-2. Ajoutez le lien dans `src/_data/navigation.json` si nécessaire
+2. Ajoutez le lien dans `src/_data/i18n/fr/navigation.json` (et `en/`) si nécessaire.
-3. Reconstruisez le site : `npm run build`
+3. Mettez à jour `src/sitemap.xml`.
 4. Reconstruisez le site : `npm run build`.
 ## Modifier un partial
@@ -118,11 +123,15 @@ Les partials sont dans `src/_includes/partials/` :
 - `nav.njk` - Navigation
 - `hero.njk` - Section hero (accueil)
- `fediverse.njk` - Services Fédiverse
+- `services.njk` - Services hébergés
 - `projects.njk` - Projets web
 - `mission.njk` - Mission et valeurs
 - `hosting.njk` - Services d'hébergement
 - `support.njk` - Section dons
 - `clients.njk` - Clients / organisations ayant fait confiance
 - `partners.njk` - Partenaires
 - `faq.njk` - Questions fréquentes
 - `engagement.njk` - Appels à l'action
 - `contact.njk` - Informations de contact
 - `footer.njk` - Pied de page
@@ -133,7 +142,7 @@ Les partials sont dans `src/_includes/partials/` :
   git checkout -b feature/ma-fonctionnalite
   ```
-2. Faites vos modifications
+2. Faites vos modifications.
 3. Testez localement :
   ```bash
@@ -151,7 +160,7 @@ Les partials sont dans `src/_includes/partials/` :
   git commit -m "Description de vos changements"
   ```
-6. Poussez et créez une pull request :
+6. Poussez et créez une merge request :
   ```bash
   git push origin feature/ma-fonctionnalite
   ```
@@ -174,6 +183,10 @@ Les partials sont dans `src/_includes/partials/` :
 - Commentaires en français
 - Gestion des erreurs
 ### Sécurité
 - Ne pas ajouter de scripts inline sans ajuster la CSP dans `src/.htaccess`.
 - Conserver les headers de sécurité lors d'une modification du serveur.
 ## Questions ?
-Contactez-nous à kontak@o-k-i.net ou ouvrez une issue sur Codeberg.
+Contactez-nous à kontak@o-k-i.net ou ouvrez une issue sur [Labola](https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net).
@@ -1,6 +1,6 @@
 # o-k-i.net V2
-Site web officiel de **ORGANISATION KA INTERNATIONALE  (OKI)** - Version 2 construite avec 11ty (Eleventy).
+Site web officiel de **ORGANISATION KA INTERNATIONALE (OKI)** - Version 2 construite avec 11ty (Eleventy).
 ## À propos
@@ -16,6 +16,7 @@ Pas aux GAFAM qui en font leur business. Pas d'algorithmes aveugles, pas de cens
 - **Nunjucks** - Moteur de templates
 - **CSS personnalisé** - Sans framework
 - **JavaScript Vanilla** - Interactions et animations
 - **Apache `.htaccess`** - Headers de sécurité et redirection HTTPS
 ## Structure du projet
@@ -23,14 +24,17 @@ Pas aux GAFAM qui en font leur business. Pas d'algorithmes aveugles, pas de cens
 o-k-i.net-V2/
 ├── src/
 │   ├── _data/              # Données JSON (services, projets, valeurs, etc.)
 │   │   └── i18n/           # Fichiers de traduction FR/EN
 │   ├── _includes/
 │   │   ├── layouts/        # Layouts de base
 │   │   └── partials/       # Composants réutilisables
 │   ├── assets/
 │   │   ├── css/            # Feuilles de style
 │   │   ├── js/             # Scripts JavaScript
-│   │   └── images/         # Images
+│   │   └── images/         # Images (logos, clients, etc.)
-│   └── index.njk           # Page d'accueil
+│   ├── .htaccess           # Headers de sécurité et rewrite rules
 │   ├── index.njk           # Page d'accueil
 │   └── mentions-legales.njk
 ├── _site/                  # Site généré (git ignoré)
 ├── eleventy.config.js      # Configuration 11ty
 └── package.json
@@ -40,8 +44,8 @@ o-k-i.net-V2/
 ```bash
 # Cloner le dépôt
-git clone https://codeberg.org/OKI/o-k-i.net-V2.git
+git clone https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net.git
-cd o-k-i.net-V2
+cd o-k-i.net
 # Installer les dépendances
 npm install
@@ -69,16 +73,21 @@ npm run build
 ### Modifier les données
-Les données du site sont organisées dans `src/_data/` :
+Les données du site sont organisées dans `src/_data/i18n/fr/` et `src/_data/i18n/en/` :
 - `site.json` - Informations générales du site
- `services.json` - Services Fédiverse (KUTE, GADE, BOKANTAJ, MIZIK)
+- `services.json` - Services hébergés (BOKANTE, GADE, NIYAJ, KUTE)
- `projects.json` - Projets web (FEDIVERSE OKI, OKI.RE, NUVEL.NU, JWE.OVH, GONG.GP)
+- `projects.json` - Projets web (PAWOL.NU, GONG.GP, FEDIVERSE.OKI)
- `partners.json` - Partenaires (Joukawouvè, Aktivist Vybz #AKV)
+- `partners.json` - Partenaires (Joukawouvè, cyber-mawonaj, Aktivist Vybz #AKV)
 - `clients.json` - Clients / organisations ayant fait confiance à OKI
 - `values.json` - Valeurs de l'organisation
- `contact.json` - Informations de contact
+- `contact.json` - Informations de contact (groupées par section)
 - `navigation.json` - Liens de navigation
 ### Images et CDN
 Les images locales placées dans `src/assets/images/` sont automatiquement copiées dans `_site/assets/images/`. Le filtre `| cdn` appliqué dans les templates préfixe les chemins commençant par `/` avec l'URL du pull zone BunnyCDN définie dans `src/_data/cdn.json`.
 ### Modifier les styles
 Les styles sont dans `src/assets/css/styles.css`. La charte graphique est basée sur les couleurs du logo officiel d'OKI :
@@ -104,6 +113,7 @@ Les styles sont dans `src/assets/css/styles.css`. La charte graphique est basée
 ## Fonctionnalités
 - ✅ Design responsive et moderne
 - ✅ Bilingue FR/EN
 - ✅ Animations fluides
 - ✅ Navigation mobile
 - ✅ Scroll smooth
@@ -112,14 +122,18 @@ Les styles sont dans `src/assets/css/styles.css`. La charte graphique est basée
 - ✅ Performance optimisée
 - ✅ Logo et favicon intégrés
 - ✅ Charte graphique basée sur le logo officiel
 - ✅ Headers de sécurité HTTP (CSP, HSTS, XFO, etc.)
 - ✅ Redirection automatique HTTP → HTTPS
 - ✅ Année du footer générée automatiquement
 ### SEO & Référencement
 - ✅ Meta tags Open Graph (Facebook, LinkedIn)
- ✅ Twitter Cards
+- ✅ Twitter / X Cards
 - ✅ JSON-LD Structured Data (Schema.org)
 - ✅ Sitemap.xml
 - ✅ Robots.txt
 - ✅ Balises canonical
 - ✅ Hreflang FR/EN
 - ✅ Meta description personnalisées
 - ✅ Mots-clés pertinents
@@ -127,19 +141,20 @@ Les styles sont dans `src/assets/css/styles.css`. La charte graphique est basée
 1. **Hero** - Présentation de l'organisation avec accroche percutante
 2. **Solutions** - Segmentation par public (associations, entreprises, citoyens)
-3. **Fédiverse** - Services alternatifs (GADE, BOKANTAJ, MIZIK, KUTE)
+3. **Services hébergés** - Alternatives libres (BOKANTE, GADE, NIYAJ, KUTE)
-4. **Projets Web** - Nos projets (FEDIVERSE OKI, OKI.RE, NUVEL.NU, JWE.OVH, GONG.GP)
+4. **Projets Web** - Nos projets (PAWOL.NU, GONG.GP, FEDIVERSE.OKI)
 5. **Mission** - Valeurs et objectifs avec message anti-GAFAM
 6. **Hébergement** - Services d'hébergement et infrastructure
 7. **Support** - Options de dons (Stripe, Liberapay, Ko-fi)
 8. **Partenaires** - Joukawouvè, cyber-mawonaj, Aktivist Vybz #AKV
-9. **FAQ** - Questions fréquentes avec storytelling sur le nom "Ka"
+9. **Ils nous ont fait confiance** - KA Ubuntu, KBM
-10. **Engagement** - Formulaire de contact et appels à l'action
+10. **FAQ** - Questions fréquentes avec storytelling sur le nom "Ka"
-11. **Contact** - Liens vers réseaux sociaux et plateformes
+11. **Engagement** - Appels à l'action
 12. **Contact** - Email, WhatsApp, Discord, chaînes PAWOL.NU, Labola
 ## Contribution
-Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request sur [Codeberg](https://codeberg.org/OKI/o-k-i.net-V2).
+Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request sur [Labola](https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net).
 ## Licence
@@ -154,14 +169,18 @@ La licence AGPL-V3 est une licence de logiciel libre qui garantit :
 Voir le fichier [LICENSE](LICENSE) pour plus de détails ou consultez : https://www.gnu.org/licenses/agpl-3.0.html
-© 2024  ORGANISATION KA INTERNATIONALE 
+© 2026 ORGANISATION KA INTERNATIONALE
 ## Liens
 - 🌐 [Site web](https://o-k-i.net)
 - 📺 [GADE (PeerTube)](https://gade.o-k-i.net/)
- 🐦 [BOKANTAJ (Pleroma)](https://bokantaj.o-k-i.net/)
+- 🐘 [BOKANTE (Mastodon)](https://bokante.o-k-i.net/)
- 🎵 [MIZIK (Funkwhale)](https://mizik.o-k-i.net/library)
+- ☁️ [NIYAJ (Nextcloud)](https://niyaj.o-k-i.net/)
 - 🎙️ [KUTE (Castopod)](https://kute.o-k-i.net/)
- 💻 [Codeberg](https://codeberg.org/OKI)
+- 💬 [Discord](https://discord.gg/DPvUCA8dD)
 - 📱 [WhatsApp](https://wa.me/262692229740)
 - 📢 [Chaîne WhatsApp PAWOL.NU](https://whatsapp.com/channel/0029VbCv7N9AjPXTxygrRu1w)
 - ✈️ [Chaîne Telegram PAWOL.NU](https://t.me/OrganisationKA)
 - 💻 [Labola (Gitea)](https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE)
 - 📧 kontak@o-k-i.net
@@ -70,7 +70,7 @@ Données structurées conformes à Schema.org pour améliorer l'affichage dans l
 - Description
 - Adresse physique (Basse-Terre, Guadeloupe)
 - Email de contact
- Liens vers les plateformes sociales (GADE, BOKANTAJ, MIZIK, KUTE, Codeberg, Liberapay)
+- Liens vers les plateformes sociales (GADE, BOKANTE, NIYAJ, KUTE, Discord, Labola, Liberapay)
 - Statut : Organisation à but non lucratif
 ## 🔍 Optimisations par page
@@ -182,7 +182,8 @@ curl http://localhost:8080/ | grep -E "(og:|twitter:)"
 - [x] Logo haute résolution (512x512)
 - [ ] Images avec attributs alt
 - [ ] Performance optimale (Lighthouse score)
- [ ] Mobile-friendly (déjà responsive)
+- [x] Mobile-friendly (déjà responsive)
- [ ] HTTPS activé (à configurer en production)
+- [x] HTTPS activé et HSTS configuré
 - [x] Hreflang FR/EN pour les versions multilingues
 - [ ] Google Search Console configuré
 - [ ] Analytics installé (optionnel, respectueux RGPD)
@@ -1,4 +1,10 @@
 module.exports = function(eleventyConfig) {
  // Locale-aware content: `t` resolves to the content bundle for the page's locale (fr by default)
  eleventyConfig.addGlobalData("eleventyComputed", {
    locale: (data) => data.locale || "fr",
    t: (data) => data.i18n[data.locale || "fr"]
  });
  // Copy assets folders to output
  eleventyConfig.addPassthroughCopy("src/assets");
@@ -6,12 +12,18 @@ module.exports = function(eleventyConfig) {
  eleventyConfig.addPassthroughCopy("src/robots.txt");
  eleventyConfig.addPassthroughCopy("src/sitemap.xml");
  // Copy Apache security headers config to the site root
  eleventyConfig.addPassthroughCopy({ "src/.htaccess": ".htaccess" });
  // Watch CSS files for changes
  eleventyConfig.addWatchTarget("src/assets/css/");
  // Watch JS files for changes
  eleventyConfig.addWatchTarget("src/assets/js/");
  // Dynamic current-year shortcode for the footer
  eleventyConfig.addShortcode("year", () => new Date().getFullYear().toString());
  // Configure browser sync to reload on CSS changes
  eleventyConfig.setBrowserSyncConfig({
    files: ['_site/assets/css/**/*.css', '_site/assets/js/**/*.js']
@@ -7,7 +7,7 @@
    "": {
      "name": "o-k-i.net-v2",
      "version": "1.0.0",
-      "license": "ISC",
+      "license": "AGPL-3.0",
      "devDependencies": {
        "@11ty/eleventy": "^3.1.2"
      }
@@ -278,9 +278,9 @@
      }
    },
    "node_modules/anymatch/node_modules/picomatch": {
-      "version": "2.3.1",
+      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -410,9 +410,9 @@
      }
    },
    "node_modules/brace-expansion": {
-      "version": "1.1.12",
+      "version": "1.1.16",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -844,9 +844,9 @@
      }
    },
    "node_modules/gray-matter/node_modules/js-yaml": {
-      "version": "3.14.1",
+      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.15.0.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "integrity": "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -1035,10 +1035,20 @@
      }
    },
    "node_modules/js-yaml": {
-      "version": "4.1.0",
+      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
      "dev": true,
      "funding": [
        {
          "type": "github",
          "url": "https://github.com/sponsors/puzrin"
        },
        {
          "type": "github",
          "url": "https://github.com/sponsors/nodeca"
        }
      ],
      "license": "MIT",
      "dependencies": {
        "argparse": "^2.0.1"
@@ -1078,19 +1088,29 @@
      }
    },
    "node_modules/linkify-it": {
-      "version": "5.0.0",
+      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.2.tgz",
-      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "integrity": "sha512-ONTm2jCMAVZjgQa/Fy1kScXsuOoF5NPTsoFBdE1KVIZ2vAh/r9+Bqo+0jINCBYnavTPQZz38QzFTme79ENoN3Q==",
      "dev": true,
      "funding": [
        {
          "type": "github",
          "url": "https://github.com/sponsors/puzrin"
        },
        {
          "type": "github",
          "url": "https://github.com/sponsors/markdown-it"
        }
      ],
      "license": "MIT",
      "dependencies": {
        "uc.micro": "^2.0.0"
      }
    },
    "node_modules/liquidjs": {
-      "version": "10.24.0",
+      "version": "10.27.2",
-      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.24.0.tgz",
+      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.27.2.tgz",
-      "integrity": "sha512-TAUNAdgwaAXjjcUFuYVJm9kOVH7zc0mTKxsG9t9Lu4qdWjB2BEblyVIYpjWcmJLMGgiYqnGNJjpNMHx0gp/46A==",
+      "integrity": "sha512-kvknfAEtOHjHkAAv7GxLEJh8ghpMQm3Fc4uWVyF7hERSTsSRsdC7saWs0p5aDG7GDcWsu5o+T4232O+8KZO55w==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
@@ -1126,15 +1146,25 @@
      }
    },
    "node_modules/markdown-it": {
-      "version": "14.1.0",
+      "version": "14.3.0",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.3.0.tgz",
-      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "integrity": "sha512-RCEsPjR+sr0x+AuYp601tKTkgFG4YEPLCzHST3cQ/fhlJkqAkz1L2/Qbp1j9qw5SBwQHFBoW8+hoN5xssOF0Tw==",
      "dev": true,
      "funding": [
        {
          "type": "github",
          "url": "https://github.com/sponsors/puzrin"
        },
        {
          "type": "github",
          "url": "https://github.com/sponsors/markdown-it"
        }
      ],
      "license": "MIT",
      "dependencies": {
        "argparse": "^2.0.1",
-        "entities": "^4.4.0",
+        "entities": "^4.5.0",
-        "linkify-it": "^5.0.0",
+        "linkify-it": "^5.0.2",
        "mdurl": "^2.0.0",
        "punycode.js": "^2.3.1",
        "uc.micro": "^2.1.0"
@@ -1216,9 +1246,9 @@
      }
    },
    "node_modules/minimatch": {
-      "version": "3.1.2",
+      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
      "dev": true,
      "license": "ISC",
      "dependencies": {
@@ -1358,9 +1388,9 @@
      }
    },
    "node_modules/picomatch": {
-      "version": "4.0.3",
+      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -1474,9 +1504,9 @@
      }
    },
    "node_modules/readdirp/node_modules/picomatch": {
-      "version": "2.3.1",
+      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -1675,9 +1705,9 @@
      "license": "MIT"
    },
    "node_modules/ws": {
-      "version": "8.18.3",
+      "version": "8.21.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.1.tgz",
-      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "integrity": "sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -0,0 +1,28 @@
 <IfModule mod_rewrite.c>
    RewriteEngine On
    # Redirect HTTP to HTTPS, including behind reverse proxies
    RewriteCond %{REQUEST_URI} !^/\.well-known/acme-challenge/
    RewriteCond %{HTTPS} off
    RewriteCond %{HTTP:X-Forwarded-Proto} !https
    RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
 </IfModule>
 <IfModule mod_headers.c>
    # Force HTTPS for one year
    Header always set Strict-Transport-Security "max-age=31536000"
    # Prevent MIME sniffing
    Header always set X-Content-Type-Options "nosniff"
    # Prevent clickjacking (also enforced via CSP frame-ancestors)
    Header always set X-Frame-Options "DENY"
    # Control referrer leakage
    Header always set Referrer-Policy "strict-origin-when-cross-origin"
    # Restrict browser features
    Header always set Permissions-Policy "geolocation=(), microphone=(), camera=(), payment=(), usb=(), magnetometer=(), gyroscope=()"
    # Content Security Policy (no unsafe-inline/unsafe-eval in script-src)
    Header always set Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' https://organisationka.b-cdn.net; font-src 'self' https://fonts.gstatic.com; connect-src 'self'; frame-ancestors 'none'; base-uri 'self'; form-action 'self'; object-src 'none'"
 </IfModule>
@@ -1,23 +0,0 @@
 [
  {
    "name": "KA UBUNTU",
    "domain": "kaubuntu.com",
    "url": "https://kaubuntu.com",
    "logo": "https://kaubuntu.com/wp-content/uploads/2026/04/logo-ka-ubuntu.png",
    "description": "Mouvement politique panafricaniste et indépendantiste réunionnais. Lutte pour l'autodétermination de La Réunion et l'unité africaine. \"Je suis parce que nous sommes.\""
  },
  {
    "name": "KA UBUNTU — Hub multimédia",
    "domain": "kaubuntu.re",
    "url": "https://kaubuntu.re",
    "logo": "https://kaubuntu.re/img/logo.png",
    "description": "Agrégateur multimédia centralisé pour Ka Ubuntu : vidéos YouTube, articles, Instagram et TikTok réunis en une seule page. Application web progressive (PWA)."
  },
  {
    "name": "KBM – Ka Pou Nou Bwè é Manjé",
    "domain": "kbm.gp",
    "url": "https://kbm.gp",
    "logo": "https://kbm.gp/images/logo-1024.webp",
    "description": "Mouvement pour l'émancipation et la souveraineté alimentaire du peuple guadeloupéen. Radio communautaire Radyo Bòkaz, podcasts, lakou et agriculture locale."
  }
 ]
@@ -1,48 +0,0 @@
 {
  "sections": [
    {
      "title": "🌐 Web & Contact",
      "links": [
        {
          "text": "kontak@o-k-i.net",
          "url": "mailto:kontak@o-k-i.net"
        }
      ]
    },
    {
      "title": "💬 Réseaux sociaux",
      "links": [
        {
          "text": "Telegram",
          "url": "https://t.me/OrganisationKA"
        },
        {
          "text": "X (Twitter)",
          "url": "https://x.com/OrganisationKA"
        }
      ]
    },
    {
      "title": "💬 Communauté",
      "links": [
        {
          "text": "Discord",
          "url": "https://discord.gg/a2r9NYNM"
        },
        {
          "text": "Revolt",
          "url": "https://rvlt.gg/e1zJrg3p"
        }
      ]
    },
    {
      "title": "💻 Code & Développement",
      "links": [
        {
          "text": "Labola (Gitea)",
          "url": "https://labola.o-k-i.net/"
        }
      ]
    }
  ]
 }
@@ -1,55 +0,0 @@
 {
  "surtitre": "Notre projet musical",
  "titre": "DJANGOKAM",
  "titreAccent": "l'artiste IA caribéen",
  "accroche": "Quand l'intelligence artificielle chante en KA.",
  "message_cle": "DJANGOKAM n'est pas simplement un artiste virtuel. Il est le premier projet musical porté par l'ORGANISATION KA INTERNATIONALE (OKI), une association culturelle guadeloupéenne qui explore les possibilités offertes par l'intelligence artificielle pour promouvoir les langues, les cultures et la création artistique caribéennes. À travers ce projet, OKI démontre que les technologies émergentes peuvent être mises au service du patrimoine culturel plutôt que de s'y opposer.",
  "histoire": [
    "DJANGOKAM est né il y a 29 ans à Wanakaera — le nom que les Kalinas, premiers habitants de l'île, donnaient à ce qu'on appelle aujourd'hui la Martinique. Il porte le reggae, le zouk et le konpa de scène en scène, jusqu'à la K-pop qu'il chante en coréen. La langue de son cœur est le KA, celle qu'on appelle à tort « créole » ; son arme, la musique. Ses scènes préférées : Wanakaera et Karukera, l'île de son grand-père — la Guadeloupe.",
    "À ses côtés, NYYOKA, artiste IA caribéenne du même collectif, mène le même combat depuis la mer — en solo ou en duo, comme sur le single « She Told Me (Fanm-la di mwen) »."
  ],
  "faits": [
    {
      "icon": "🎵",
      "chiffre": "12 sorties",
      "texte": "disponibles sur toutes les plateformes (Spotify, Apple Music, Deezer, Tidal, Qobuz, Amazon Music, SoundCloud), référencées sur MusicBrainz"
    },
    {
      "icon": "🎬",
      "chiffre": "2 clips officiels",
      "texte": "pour les singles « I Want You Girl » et « Ish Mwen KUTE »"
    },
    {
      "icon": "🎤",
      "chiffre": "2 artistes IA",
      "texte": "DJANGOKAM et NYYOKA, duos et remixes croisés"
    },
    {
      "icon": "📝",
      "chiffre": "Paroles & traductions",
      "texte": "transcriptions, traductions et karaokés de chaque titre sur PAWOL.NU"
    }
  ],
  "ia_instrument": "L'intelligence artificielle n'a pas vocation à remplacer les artistes : elle constitue un nouvel instrument, un outil de création, un laboratoire artistique — et un moyen de faire rayonner les cultures créoles. DJANGOKAM est un personnage artistique complet — identité, univers graphique, répertoire — créé et dirigé par des humains. Il est la vitrine musicale de l'écosystème d'OKI : PAWOL.NU, médias libres, outils libres et plateformes du Fédiverse.",
  "boutons": [
    {
      "text": "Écouter DJANGOKAM",
      "url": "https://djangokam.pawol.nu",
      "primary": true
    },
    {
      "text": "Découvrir NYYOKA",
      "url": "https://nyyoka.pawol.nu",
      "primary": false
    },
    {
      "text": "PAWOL.NU",
      "url": "https://pawol.nu",
      "primary": false
    }
  ],
  "presse": {
    "texte": "Presse & médias : dossier de presse, visuels HD et interviews sur demande —",
    "email": "kontak@o-k-i.net"
  }
 }
@@ -0,0 +1,18 @@
 {
  "oneTime": [
    { "amount": 1, "url": "https://don.o-k-i.net/b/aEUdTw5SD3SH7m0bII" },
    { "amount": 5, "url": "https://don.o-k-i.net/b/4gw6r480L1Kz5dScMO" },
    { "amount": 10, "url": "https://don.o-k-i.net/b/5kA02G1Cn4WLbCgeUV" },
    { "amount": 20, "url": "https://don.o-k-i.net/b/fZebLo94PfBpayc5kn" },
    { "amount": 50, "url": "https://don.o-k-i.net/b/6oE5n05SDdth49O004" }
  ],
  "monthly": [
    { "amount": 1, "url": "https://don.o-k-i.net/b/7sI9Dgch14WL7m0fZ3" },
    { "amount": 5, "url": "https://don.o-k-i.net/b/8wM4iW4Ozbl95dS6ow" },
    { "amount": 10, "url": "https://don.o-k-i.net/b/8wM2aO80L74TcGk3ci" },
    { "amount": 20, "url": "https://don.o-k-i.net/b/00g7v894P88XgWAfZ7" },
    { "amount": 50, "url": "https://don.o-k-i.net/b/4gw8zc6WHgFtcGkbIP" }
  ],
  "liberapay": "https://liberapay.com/OKI/donate",
  "kofi": "https://ko-fi.com/J3J5TOZPI"
 }
@@ -1,26 +0,0 @@
 [
  {
    "question": "Qu'est-ce qu'une application web sur mesure ?",
    "answer": "C'est une application développée spécifiquement pour répondre à VOS besoins, pas un template générique qu'on adapte à la va-vite. On part de votre fonctionnement réel : gestion de membres, agenda militant, système de pétitions, caisse de grève, newsletter... et on construit l'outil qui correspond exactement à votre organisation."
  },
  {
    "question": "Quels sont vos tarifs préférentiels pour les associations militantes ?",
    "answer": "Nous appliquons une grille tarifaire solidaire basée sur vos ressources réelles. Pour les syndicats, collectifs et associations militantes à but non lucratif, nous pratiquons des prix réduits et pouvons étaler le paiement. L'audit initial est gratuit. Contactez-nous pour un devis personnalisé : kontak@o-k-i.net"
  },
  {
    "question": "Faut-il être expert en informatique pour utiliser vos solutions ?",
    "answer": "Pas du tout. Nous concevons des interfaces simples, adaptées à vos bénévoles et adhérents. On inclut systématiquement une formation à la prise en main et un accompagnement continu. Si quelque chose ne fonctionne pas ou doit évoluer, on est là."
  },
  {
    "question": "Combien de temps pour développer notre application ?",
    "answer": "Ça dépend de la complexité. Un site vitrine : 2 à 4 semaines. Une application avec gestion de membres et d'événements : 4 à 8 semaines. On travaille en transparence avec vous, avec des points réguliers pour valider chaque étape."
  },
  {
    "question": "Nos données sont-elles en sécurité ?",
    "answer": "Oui. Vos données vous appartiennent et restent sur des serveurs que nous contrôlons, pas chez des géants américains. Nous n'avons aucun intérêt commercial à exploiter vos informations. Sauvegardes automatiques quotidiennes et accès sécurisé inclus."
  },
  {
    "question": "Pourquoi le nom 'KA' ?",
    "answer": "Le Ka représente avant tout l'énergie vitale, la force divine présente en chaque être vivant. Dans la spiritualité caribéenne héritée des traditions africaines et égyptiennes, le Ka est cette puissance intérieure qui nous anime et nous relie les uns aux autres. Le Ka, c'est aussi notre tambour sacré, nos langues, nos traditions – tout ce qui porte notre identité. ORGANISATION KA INTERNATIONALE incarne cette force vitale collective : un internet qui nous ressemble, qui vibre de nos énergies, de nos voix, de notre puissance créatrice."
  }
 ]
@@ -0,0 +1,29 @@
 {
  "section_title": "Organisations that",
  "section_title_accent": "trusted us",
  "section_subtitle": "Committed organisations that chose OKI to build their digital presence",
  "link_text": "Visit the site",
  "items": [
    {
      "name": "KA UBUNTU",
      "domain": "kaubuntu.com",
      "url": "https://kaubuntu.com",
      "logo": "/assets/images/clients/kaubuntu-com.png",
      "description": "Pan-Africanist and pro-independence political movement from Réunion. Fighting for the self-determination of Réunion and African unity. \"I am because we are.\""
    },
    {
      "name": "KA UBUNTU — Media hub",
      "domain": "kaubuntu.re",
      "url": "https://kaubuntu.re",
      "logo": "/assets/images/clients/kaubuntu-re.png",
      "description": "Centralised media aggregator for Ka Ubuntu: YouTube videos, articles, Instagram and TikTok brought together on a single page. Progressive web application (PWA)."
    },
    {
      "name": "KBM – Ka Pou Nou Bwè é Manjé",
      "domain": "kbm.gp",
      "url": "https://kbm.gp",
      "logo": "/assets/images/clients/kbm.gp.webp",
      "description": "Movement for the emancipation and food sovereignty of the Guadeloupean people. Community radio Radyo Bòkaz, podcasts, lakou and local farming."
    }
  ]
 }
@@ -0,0 +1,31 @@
 {
  "title": "Ready to take action?",
  "lede": "\"But I don't know where to start!\" No worries! We'll walk you through it step by step. A message on our socials, an email to <a href=\"mailto:kontak@o-k-i.net\">kontak@o-k-i.net</a>, and we'll show you how your talent can change things. Even if it's just an idea in your head – with us, ideas become actions.",
  "sections": [
    {
      "title": "🌐 Web & Contact",
      "links": [
        { "text": "kontak@o-k-i.net", "url": "mailto:kontak@o-k-i.net" }
      ]
    },
    {
      "title": "📢 PAWOL.NU channels",
      "links": [
        { "text": "WhatsApp channel", "url": "https://whatsapp.com/channel/0029VbCv7N9AjPXTxygrRu1w" },
        { "text": "Telegram channel", "url": "https://t.me/OrganisationKA" }
      ]
    },
    {
      "title": "💬 Community",
      "links": [
        { "text": "Discord", "url": "https://discord.gg/DPvUCA8dD" }
      ]
    },
    {
      "title": "💻 Code & Development",
      "links": [
        { "text": "Labola (Gitea)", "url": "https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE" }
      ]
    }
  ]
 }
@@ -0,0 +1,63 @@
 {
  "surtitre": "Our music project",
  "titre": "DJANGOKAM",
  "titreAccent": "the Caribbean AI artist",
  "accroche": "When artificial intelligence sings in KA.",
  "message_cle": "DJANGOKAM is not simply a virtual artist. He is the first music project carried by ORGANISATION KA INTERNATIONALE (OKI), a Guadeloupean cultural association exploring what artificial intelligence can offer to promote the languages known as \"Creole\", and Caribbean cultures and artistic creation. Through this project, OKI shows that emerging technologies can serve cultural heritage rather than oppose it.",
  "histoire": [
    "DJANGOKAM was born 29 years ago in Wanakaera - the name the Kalinas, the island's first inhabitants, gave to what is known today as Martinique. He carries reggae, zouk and konpa from stage to stage, all the way to K-pop, which he sings in Korean. The language of his heart is KA, wrongly called \"Creole\"; his weapon is music. His favourite stages: Wanakaera and Karukera, his grandfather's island - Guadeloupe.",
    "By his side, NYYOKA, a Caribbean AI artist from the same collective, leads the same fight from the sea - solo or in duet, as on the single \"She Told Me (Fanm-la di mwen)\"."
  ],
  "duo": {
    "image": "/assets/images/djangokam-she-told-me.webp",
    "alt": "Cover art for the single \"She Told Me (Fanm-la di mwen)\" - DJANGOKAM x NYYOKA",
    "legende": "\"She Told Me (Fanm-la di mwen)\" - DJANGOKAM x NYYOKA",
    "url": "https://pawol.nu/paroles/djangokam-nyyoka-she-told-me-fanm-la-di-mwen"
  },
  "clips": [
    {
      "titre": "I Want You Girl",
      "image": "/assets/images/djangokam-i-want-you-girl.webp",
      "alt": "Cover art for the video \"I Want You Girl\"",
      "url": "https://pawol.nu/paroles/djangokam-i-want-you-girl"
    },
    {
      "titre": "Ish Mwen KUTE",
      "image": "/assets/images/djangokam-ish-mwen-kute.jpg",
      "alt": "Cover art for the video \"Ish Mwen KUTE\"",
      "url": "https://pawol.nu/paroles/djangokam-ish-mwen-kute"
    }
  ],
  "faits": [
    {
      "icon": "🎵",
      "chiffre": "12 releases",
      "texte": "available on every platform (Spotify, Apple Music, Deezer, Tidal, Qobuz, Amazon Music, SoundCloud), listed on MusicBrainz"
    },
    {
      "icon": "🎬",
      "chiffre": "2 official videos",
      "texte": "for the singles \"I Want You Girl\" and \"Ish Mwen KUTE\""
    },
    {
      "icon": "🎤",
      "chiffre": "2 AI artists",
      "texte": "DJANGOKAM and NYYOKA, cross duets and remixes"
    },
    {
      "icon": "📝",
      "chiffre": "Lyrics & translations",
      "texte": "transcriptions, translations and karaoke versions of every track on <a href=\"https://pawol.nu\" target=\"_blank\" rel=\"noopener noreferrer\">PAWÒL-NU</a>"
    }
  ],
  "ia_instrument": "Artificial intelligence is not meant to replace artists: it is a new instrument, a creative tool, an artistic laboratory - and a way to give the languages known as \"Creole\" a wider stage. DJANGOKAM is a complete artistic character - identity, visual universe, repertoire - created and directed by humans. He is the musical showcase of OKI's ecosystem: <a href=\"https://pawol.nu\" target=\"_blank\" rel=\"noopener noreferrer\">PAWÒL-NU</a>, free media, free tools and Fediverse platforms.",
  "boutons": [
    { "text": "Listen to DJANGOKAM", "url": "https://djangokam.pawol.nu", "primary": true },
    { "text": "Discover NYYOKA", "url": "https://nyyoka.pawol.nu", "primary": false },
    { "text": "PAWÒL-NU", "url": "https://pawol.nu", "primary": false }
  ],
  "presse": {
    "texte": "Press & media: press kit, HD visuals and interviews on request -",
    "email": "kontak@o-k-i.net"
  }
 }
@@ -0,0 +1,25 @@
 {
  "section_title": "Your project",
  "section_title_accent": "starts here",
  "section_subtitle": "Because every organisation deserves digital tools worthy of its ambitions",
  "cards": [
    {
      "icon": "✊🏿",
      "title": "Activist Associations",
      "text": "A custom web application with preferential rates for your struggles",
      "cta": "Contact us"
    },
    {
      "icon": "🏛️",
      "title": "Associations & Collectives",
      "text": "Showcase site, member management, calendar, built for you",
      "cta": "Contact us"
    },
    {
      "icon": "💼",
      "title": "Responsible Businesses",
      "text": "Ethical digital presence, hosting independent from GAFAM",
      "cta": "Contact us"
    }
  ]
 }
@@ -0,0 +1,33 @@
 {
  "section_title": "Frequently",
  "section_title_accent": "asked questions",
  "section_subtitle": "Everything you need to know to start your digital transition",
  "footer_text": "Have other questions?",
  "footer_cta": "Contact us",
  "items": [
    {
      "question": "What is a custom web application?",
      "answer": "It's an application built specifically to meet YOUR needs, not a generic template hastily adapted. We start from how you actually work: member management, activist calendar, petition system, strike fund, newsletter... and we build the tool that matches your organisation exactly."
    },
    {
      "question": "What are your preferential rates for activist associations?",
      "answer": "We apply a solidarity pricing scale based on your actual resources. For unions, collectives and non-profit activist associations, we offer reduced prices and can spread out payment. The initial audit is free. Contact us for a personalised quote: kontak@o-k-i.net"
    },
    {
      "question": "Do I need to be a computer expert to use your solutions?",
      "answer": "Not at all. We design simple interfaces, suited to your volunteers and members. We always include hands-on training and ongoing support. If something isn't working or needs to evolve, we're here."
    },
    {
      "question": "How long does it take to develop our application?",
      "answer": "It depends on the complexity. A showcase website: 2 to 4 weeks. An application with member and event management: 4 to 8 weeks. We work transparently with you, with regular check-ins to validate each step."
    },
    {
      "question": "Is our data secure?",
      "answer": "Yes. Your data belongs to you and stays on servers we control, not with American giants. We have no commercial interest in exploiting your information. Automatic daily backups and secure access included."
    },
    {
      "question": "Why the name 'KA'?",
      "answer": "The Ka represents above all the vital energy, the divine force present in every living being. In Caribbean spirituality inherited from African and Egyptian traditions, the Ka is that inner power that animates us and connects us to one another. The Ka is also our sacred drum, our languages, our traditions – everything that carries our identity. ORGANISATION KA INTERNATIONALE embodies this collective vital force: an internet that resembles us, that vibrates with our energies, our voices, our creative power."
    }
  ]
 }
@@ -0,0 +1,4 @@
 {
  "tagline_line": "Non-profit association | Promotion of languages and cultures | Free alternatives to GAFAM",
  "legal_link": "Legal Notice"
 }
@@ -0,0 +1,9 @@
 {
  "tags": [
    "✊🏿 Web applications for your associations",
    "💸 Preferential rates for activist organisations",
    "🔓 Independent from GAFAM"
  ],
  "cta_primary": "Our Solutions",
  "cta_secondary": "Our Mission"
 }
@@ -0,0 +1,68 @@
 {
  "section_title": "Custom",
  "section_title_accent": "Web Development",
  "section_subtitle": "Every organisation has unique needs. We design and build the digital tool that matches exactly how you work, not a template, a real application.",
  "banner_title": "Complete solutions, from A to Z",
  "banner_text": "OKI supports associations and collectives at every step: design, development, hosting, training and maintenance.",
  "features": [
    "Custom web application development",
    "Professional showcase websites",
    "Turnkey Fediverse instances",
    "Secure, independent hosting",
    "Domain name management",
    "Automatic daily backups",
    "Training and technical support included"
  ],
  "offerings_title": "Our service offerings",
  "offer_cards": [
    {
      "modifier": "",
      "title": "Custom Web Application",
      "items": [
        "Membership management",
        "Calendar and event management",
        "Petitions and online mobilisation",
        "Solidarity fund, donations",
        "Newsletter and internal communication"
      ],
      "tagline": "Custom development"
    },
    {
      "modifier": "hosting",
      "title": "Showcase Website & Hosting",
      "items": [
        "WordPress or static site",
        "Secure shared hosting",
        "MySQL/PostgreSQL database",
        "Free SSL certificate",
        "Mail server included"
      ],
      "tagline": "Ethical hosting"
    },
    {
      "modifier": "fediverse",
      "title": "Fediverse Instance",
      "intro": "Does your association want its own free platform, without depending on a third party? We install and administer your instance:",
      "items": [
        "Mastodon / Pleroma (social network)",
        "PeerTube (video)",
        "Castopod (podcast)",
        "Pixelfed (photos)",
        "Funkwhale (music)"
      ],
      "tagline": "Installation & maintenance"
    }
  ],
  "note_title": "Secure digital management",
  "note_intro": "OKI can fully manage your digital assets:",
  "note_items": [
    "Domain name ownership and management",
    "Web account administration (social networks, emails)",
    "Secure management of access and passwords",
    "Protection against internal takeovers",
    "Mediation in case of conflicts over digital tools"
  ],
  "why_title": "Why choose OKI?",
  "why_text": "Our technical team, made up of committed experts, guarantees the impartiality, security and longevity of your digital tools. We pool costs across solidarity projects for fair, accessible rates, and we apply preferential rates to activist organisations.",
  "why_cta": "Contact us"
 }
@@ -0,0 +1,6 @@
 {
  "section_title": "Our",
  "section_title_accent": "Mission",
  "paragraph_main": "OKI builds custom web applications for associations, collectives and organisations that are changing the world. We believe the quality of digital tools shouldn't be reserved for those who can afford it, which is why we offer rates matched to the reality of each structure, with particular attention to activist organisations.",
  "paragraph_secondary": "Our languages, our cultures, our struggles deserve tools that look like them. Not generic templates, real solutions designed for you."
 }
@@ -0,0 +1,19 @@
 [
  { "text": "Solutions", "url": "/en/#solutions" },
  { "text": "Our projects", "url": "/en/#projets" },
  { "text": "Partners", "url": "/en/#partenaires" },
  { "text": "DJANGOKAM", "url": "/en/#djangokam" },
  { "text": "Services", "url": "/en/#hebergement" },
  { "text": "Donate", "url": "/en/donate/" },
  {
    "text": "Resources",
    "children": [
      { "text": "Our work", "url": "/en/#clients" },
      { "text": "Our instances", "url": "/en/#services-libres" },
      { "text": "FAQ", "url": "/en/#faq" },
      { "text": "Press", "url": "/en/press/" },
      { "text": "Labola", "url": "https://labola.o-k-i.net/", "external": true }
    ]
  },
  { "text": "Contact", "url": "/en/#contact" }
 ]
@@ -0,0 +1,35 @@
 {
  "section_title": "Our",
  "section_title_accent": "Partners",
  "section_subtitle": "They share our values and help enrich our free digital ecosystem",
  "items": [
    {
      "name": "Joukawouvè",
      "logo": "/assets/images/joukawouve.png",
      "description": "Sharing Guadeloupean and international news.",
      "links": [
        { "url": "https://kute.o-k-i.net/@joukawouve", "text": "Discover on KUTE" },
        { "url": "https://bokante.o-k-i.net/@joukawouve", "text": "Discover on BOKANTE" },
        { "url": "https://gade.o-k-i.net/accounts/joukawouve", "text": "Discover on GADE" }
      ]
    },
    {
      "name": "Aktivist Vybz #AKV",
      "logo": "/assets/images/akv.png",
      "description": "Committed selectors and DJs, with content focused on activism and cultural expression.",
      "links": [
        { "url": "https://mizik.o-k-i.net/channels/aktivistvybzakv", "text": "Discover on MIZIK" },
        { "url": "https://gade.o-k-i.net/c/aktivist_vybz-1_channel/videos", "text": "Discover on GADE" }
      ]
    },
    {
      "name": "cyber-mawonaj",
      "logo": "/assets/images/cyber_mawonaj.jpg",
      "description": "Towards digital mawonaj - Winning your freedom also runs through the digital world.",
      "links": [
        { "url": "https://bokante.o-k-i.net/@cybermawonaj", "text": "Discover on BOKANTE" },
        { "url": "https://gade.o-k-i.net/c/cyber.mawonaj/videos", "text": "Discover on GADE" }
      ]
    }
  ]
 }
@@ -0,0 +1,33 @@
 {
  "title": "Press",
  "title_accent": "& Media",
  "lede": "Press resources for DJANGOKAM, the first Caribbean AI artist, produced by ORGANISATION KA INTERNATIONALE (OKI). HD visuals and listening links, ready to use for newsrooms and radio programmers.",
  "facts_title": "The essentials",
  "facts": [
    { "label": "Artist", "value": "DJANGOKAM, the first Caribbean AI artist, joined by NYYOKA in duets" },
    { "label": "Producer", "value": "ORGANISATION KA INTERNATIONALE (OKI), a cultural association based in Basse-Terre, Guadeloupe" },
    { "label": "Discography", "value": "12 releases available on every platform, listed on MusicBrainz" },
    { "label": "Official videos", "value": "\"I Want You Girl\" and \"Ish Mwen KUTE\"" },
    { "label": "Language", "value": "Sings in KA, a language known as \"Creole\", with lyrics and translations on PAWÒL-NU" }
  ],
  "visuals_title": "HD visuals",
  "visuals_intro": "Free to use for editorial coverage of DJANGOKAM. Click a cover for a preview, or download the high-resolution PDF.",
  "visuals": [
    { "image": "/assets/images/djangokam-she-told-me.webp", "caption": "\"She Told Me (Fanm-la di mwen)\" — DJANGOKAM x NYYOKA", "pdf": "DJANGOKAM_She_Told_Me_HD.pdf" },
    { "image": "/assets/images/djangokam-i-want-you-girl.webp", "caption": "\"I Want You Girl\"", "pdf": "DJANGOKAM_I_Want_You_Girl_HD.pdf" },
    { "image": "/assets/images/djangokam-ish-mwen-kute.jpg", "caption": "\"Ish Mwen KUTE\"", "pdf": "DJANGOKAM_Ish_Mwen_Kute_HD.pdf" }
  ],
  "visual_pdf_label": "HD PDF",
  "visuals_pdf_label": "Download all 3 HD visuals (PDF)",
  "visuals_pdf_file": "DJANGOKAM_Visuels_HD.pdf",
  "links_title": "Listen & watch",
  "links": [
    { "text": "Listen on PAWÒL-NU (lyrics & translations)", "url": "https://pawol.nu" },
    { "text": "DJANGOKAM on every platform", "url": "https://djangokam.pawol.nu" },
    { "text": "NYYOKA on every platform", "url": "https://nyyoka.pawol.nu" },
    { "text": "Videos on GADE (PeerTube, sovereign hosting)", "url": "https://gade.o-k-i.net" }
  ],
  "contact_title": "Press contact",
  "contact_text": "Localised press kit, additional visuals, broadcast WAV or interview requests: get in touch, we reply quickly.",
  "contact_email": "kontak@o-k-i.net"
 }
@@ -0,0 +1,28 @@
 {
  "section_title": "Our",
  "section_title_accent": "Web Projects",
  "link_text": "Visit the site",
  "items": [
    {
      "name": "PAWOL.NU",
      "icon": "🎶",
      "domain": "pawol.nu",
      "description": "Transcriptions and translations of musical works",
      "url": "https://pawol.nu/"
    },
    {
      "name": "GONG.GP",
      "icon": "📚",
      "domain": "gong.gp",
      "description": "Historical documents from the GONG",
      "url": "https://gong.gp/"
    },
    {
      "name": "FEDIVERSE.OKI",
      "icon": "🎬",
      "domain": "fediverse.o-k-i.net",
      "description": "Independent multimedia platform: PeerTube videos, Mastodon feed, Castopod podcasts and WordPress articles",
      "url": "https://fediverse.o-k-i.net/"
    }
  ]
 }
@@ -0,0 +1,48 @@
 {
  "section_title": "Solutions for",
  "section_title_accent": "every need",
  "section_subtitle": "Whether you're an association, a business or an engaged citizen, we have the tools for your digital transition",
  "benefits_label": "What you get:",
  "footer_line1": "Ready to take the leap?",
  "footer_line2": "Because every great change starts with a conversation",
  "items": [
    {
      "icon": "✊🏿",
      "title": "Activist Associations & Unions",
      "description": "You fight, you organise, you mobilise, your digital tool should be up to the task. OKI offers preferential rates to committed organisations so budget is never a barrier.",
      "cta": "Request a quote",
      "benefits": [
        "Solidarity pricing matched to your resources",
        "Custom web application (membership, calendar, petitions...)",
        "Professional, accessible showcase website",
        "Secure hosting, independent from GAFAM",
        "Ongoing technical support"
      ]
    },
    {
      "icon": "🏛️",
      "title": "Associations & Collectives",
      "description": "Whatever your cause, we build the digital tool that matches exactly what you need, not a generic template, a real application designed for you.",
      "cta": "Contact us",
      "benefits": [
        "Custom web application development",
        "WordPress site or static solution",
        "Event, member and donation management",
        "Ethical, secure hosting",
        "Training and support included"
      ]
    },
    {
      "icon": "💼",
      "title": "Responsible Businesses",
      "description": "Want an ethical digital presence, without depending on the giants of the web? We build solid web solutions that match your values.",
      "cta": "Contact us",
      "benefits": [
        "Custom web development",
        "Ethical, secure hosting",
        "Audit of your existing infrastructure",
        "Free-software strategy consulting"
      ]
    }
  ]
 }
@@ -0,0 +1,35 @@
 {
  "section_title": "Our",
  "section_title_accent": "hosted services",
  "section_subtitle": "Free alternatives to the giants of the web, your data stays under your control, not on Google's or Amazon's servers.",
  "items": [
    {
      "name": "BOKANTE",
      "platform": "Mastodon",
      "description": "Our free social network instance. Exchange, share and connect without surveillance or algorithms, far from X or Facebook.",
      "url": "https://bokante.o-k-i.net",
      "linkText": "Join BOKANTE"
    },
    {
      "name": "GADE",
      "platform": "PeerTube",
      "description": "Our free and sovereign video instance. Stream your videos without algorithms or censorship, dedicated to Afro-diasporic languages, cultures and productions.",
      "url": "https://gade.o-k-i.net",
      "linkText": "Watch on GADE"
    },
    {
      "name": "NIYAJ",
      "platform": "Nextcloud",
      "description": "Your personal cloud, far from Google's servers. Files, calendar, contacts, collaborative documents, everything Google Drive offers, but your data stays yours.",
      "url": "https://niyaj.o-k-i.net",
      "linkText": "Access NIYAJ"
    },
    {
      "name": "KUTE",
      "platform": "Castopod",
      "description": "Our free podcasting instance. Create, host and distribute your podcasts fully autonomously, without algorithms or censorship.",
      "url": "https://kute.o-k-i.net/",
      "linkText": "Discover KUTE"
    }
  ]
 }
@@ -0,0 +1,11 @@
 {
  "name": "ORGANISATION KA INTERNATIONALE",
  "shortName": "OKI",
  "description": "We build custom web applications for grassroots associations, collectives and activist organisations, with rates that match your means.",
  "url": "https://o-k-i.net",
  "email": "kontak@o-k-i.net",
  "tagline": "Digital tools in service of your struggles",
  "og_tagline": "Taking back control of our internet",
  "keywords": "OKI, ORGANISATION KA INTERNATIONALE, custom web application, activist associations, web development, digital sovereignty, solidarity pricing, free software, Guadeloupe, Martinique, Caribbean, ethical digital, Castopod, KUTE, ethical hosting, GAFAM alternative",
  "og_locale": "en_US"
 }
@@ -0,0 +1,22 @@
 {
  "section_title": "Support",
  "section_title_accent": "Us",
  "lede": "Every like, every share, every donation matters to build that internet",
  "lede_secondary": "One where our ancestors wouldn't be erased by blind algorithms. One where a young woman from Lapwent (Pointe-à-Pitre) can launch a media outlet in a language called \"Creole\", without asking a multinational for permission.",
  "one_time_title": "One-time donation",
  "one_time_suffix": "€",
  "custom_amount_label": "Custom amount:",
  "custom_amount_placeholder": "Amount",
  "custom_amount_btn": "Donate",
  "monthly_title": "Monthly donation",
  "monthly_suffix": "€/month",
  "custom_monthly_label": "Custom monthly amount:",
  "custom_monthly_btn": "Subscribe",
  "alt_title": "Other ways to support us",
  "liberapay_title": "Liberapay",
  "liberapay_text": "Support us via Liberapay, a free and ethical platform",
  "kofi_title": "Ko-fi",
  "kofi_text": "Buy us a coffee on Ko-fi to cheer us on",
  "security_stripe": "Direct donations (amounts above) are secured by <a href=\"https://stripe.com/\" target=\"_blank\">Stripe</a>.",
  "security_alt": "Liberapay and Ko-fi use their own secure payment systems."
 }
@@ -0,0 +1,5 @@
 {
  "theme_toggle": "Toggle theme",
  "lang_switch_label": "FR",
  "back_home": "Back to home"
 }
@@ -0,0 +1,22 @@
 [
  {
    "icon": "✊🏿",
    "title": "Commitment",
    "description": "Priority to organisations fighting for a fairer world"
  },
  {
    "icon": "🔓",
    "title": "Freedom",
    "description": "Free software, your data under your control"
  },
  {
    "icon": "🤝🏿",
    "title": "Solidarity",
    "description": "Rates that match what you can actually pay"
  },
  {
    "icon": "🛡️",
    "title": "Sovereignty",
    "description": "Independence from GAFAM and centralised platforms"
  }
 ]
@@ -0,0 +1,29 @@
 {
  "section_title": "Ils nous ont",
  "section_title_accent": "fait confiance",
  "section_subtitle": "Des organisations engagées qui ont choisi OKI pour construire leur présence numérique",
  "link_text": "Visiter le site",
  "items": [
    {
      "name": "KA UBUNTU",
      "domain": "kaubuntu.com",
      "url": "https://kaubuntu.com",
      "logo": "/assets/images/clients/kaubuntu-com.png",
      "description": "Mouvement politique panafricaniste et indépendantiste réunionnais. Lutte pour l'autodétermination de La Réunion et l'unité africaine. \"Je suis parce que nous sommes.\""
    },
    {
      "name": "KA UBUNTU — Hub multimédia",
      "domain": "kaubuntu.re",
      "url": "https://kaubuntu.re",
      "logo": "/assets/images/clients/kaubuntu-re.png",
      "description": "Agrégateur multimédia centralisé pour Ka Ubuntu : vidéos YouTube, articles, Instagram et TikTok réunis en une seule page. Application web progressive (PWA)."
    },
    {
      "name": "KBM – Ka Pou Nou Bwè é Manjé",
      "domain": "kbm.gp",
      "url": "https://kbm.gp",
      "logo": "/assets/images/clients/kbm.gp.webp",
      "description": "Mouvement pour l'émancipation et la souveraineté alimentaire du peuple guadeloupéen. Radio communautaire Radyo Bòkaz, podcasts, lakou et agriculture locale."
    }
  ]
 }
@@ -0,0 +1,31 @@
 {
  "title": "Envie de passer à l'action ?",
  "lede": "« Mais je sais pas par où commencer ! » Aucun souci ! On t'accompagne pas à pas. Un message sur nos réseaux, un mail à <a href=\"mailto:kontak@o-k-i.net\">kontak@o-k-i.net</a>, et on te montre comment ton talent peut changer les choses. Même si c'est juste une idée dans ta tête – chez nous, les idées deviennent des actions.",
  "sections": [
    {
      "title": "🌐 Web & Contact",
      "links": [
        { "text": "kontak@o-k-i.net", "url": "mailto:kontak@o-k-i.net" }
      ]
    },
    {
      "title": "📢 Chaînes PAWOL.NU",
      "links": [
        { "text": "WhatsApp channel", "url": "https://whatsapp.com/channel/0029VbCv7N9AjPXTxygrRu1w" },
        { "text": "Telegram channel", "url": "https://t.me/OrganisationKA" }
      ]
    },
    {
      "title": "💬 Communauté",
      "links": [
        { "text": "Discord", "url": "https://discord.gg/DPvUCA8dD" }
      ]
    },
    {
      "title": "💻 Code & Développement",
      "links": [
        { "text": "Labola (Gitea)", "url": "https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE" }
      ]
    }
  ]
 }
@@ -0,0 +1,63 @@
 {
  "surtitre": "Notre projet musical",
  "titre": "DJANGOKAM",
  "titreAccent": "l'artiste IA Caribéen",
  "accroche": "Quand l'intelligence artificielle chante en KA.",
  "message_cle": "DJANGOKAM n'est pas simplement un artiste virtuel. Il est le premier projet musical porté par ORGANISATION KA INTERNATIONALE (OKI), une association culturelle guadeloupéenne qui explore les possibilités offertes par l'intelligence artificielle pour promouvoir les langues dites « créoles », les cultures et la création artistique Caribéennes. À travers ce projet, OKI démontre que les technologies émergentes peuvent être mises au service du patrimoine culturel plutôt que de s'y opposer.",
  "histoire": [
    "DJANGOKAM est né il y a 29 ans à Wanakaera - le nom que les Kalinas, premiers habitants de l'île, donnaient à ce qu'on appelle aujourd'hui la Martinique. Il porte le reggae, le zouk et le konpa de scène en scène, jusqu'à la K-pop qu'il chante en coréen. La langue de son cœur est le KA, celle qu'on appelle à tort « créole » ; son arme, la musique. Ses scènes préférées : Wanakaera et Karukera, l'île de son grand-père - la Guadeloupe.",
    "À ses côtés, NYYOKA, artiste IA Caribéenne du même collectif, mène le même combat - en solo ou en duo, comme sur le single « She Told Me (Fanm-la di mwen) »."
  ],
  "duo": {
    "image": "/assets/images/djangokam-she-told-me.webp",
    "alt": "Pochette du single « She Told Me (Fanm-la di mwen) » - DJANGOKAM x NYYOKA",
    "legende": "« She Told Me (Fanm-la di mwen) » - DJANGOKAM x NYYOKA",
    "url": "https://pawol.nu/paroles/djangokam-nyyoka-she-told-me-fanm-la-di-mwen"
  },
  "clips": [
    {
      "titre": "I Want You Girl",
      "image": "/assets/images/djangokam-i-want-you-girl.webp",
      "alt": "Pochette du clip « I Want You Girl »",
      "url": "https://pawol.nu/paroles/djangokam-i-want-you-girl"
    },
    {
      "titre": "Ish Mwen KUTE",
      "image": "/assets/images/djangokam-ish-mwen-kute.jpg",
      "alt": "Pochette du clip « Ish Mwen KUTE »",
      "url": "https://pawol.nu/paroles/djangokam-ish-mwen-kute"
    }
  ],
  "faits": [
    {
      "icon": "🎵",
      "chiffre": "12 sorties",
      "texte": "disponibles sur toutes les plateformes (Spotify, Apple Music, Deezer, Tidal, Qobuz, Amazon Music, SoundCloud), référencées sur MusicBrainz"
    },
    {
      "icon": "🎬",
      "chiffre": "2 clips officiels",
      "texte": "pour les singles « I Want You Girl » et « Ish Mwen KUTE »"
    },
    {
      "icon": "🎤",
      "chiffre": "2 artistes IA",
      "texte": "DJANGOKAM et NYYOKA, duos et remixes croisés"
    },
    {
      "icon": "📝",
      "chiffre": "Paroles & traductions",
      "texte": "transcriptions, traductions et karaokés de chaque titre sur <a href=\"https://pawol.nu\" target=\"_blank\" rel=\"noopener noreferrer\">PAWÒL-NU</a>"
    }
  ],
  "ia_instrument": "L'intelligence artificielle n'a pas vocation à remplacer les artistes : elle constitue un nouvel instrument, un outil de création, un laboratoire artistique - et un moyen de faire rayonner les cultures dites « créoles ». DJANGOKAM est un personnage artistique complet - identité, univers graphique, répertoire - créé et dirigé par des humains. Il est la vitrine musicale de l'écosystème de OKI : <a href=\"https://pawol.nu\" target=\"_blank\" rel=\"noopener noreferrer\">PAWÒL-NU</a>, médias libres, outils libres et plateformes du Fédiverse.",
  "boutons": [
    { "text": "Écouter DJANGOKAM", "url": "https://djangokam.pawol.nu", "primary": true },
    { "text": "Découvrir NYYOKA", "url": "https://nyyoka.pawol.nu", "primary": false },
    { "text": "PAWÒL-NU", "url": "https://pawol.nu", "primary": false }
  ],
  "presse": {
    "texte": "Presse & médias : dossier de presse, visuels HD et interviews sur demande -",
    "email": "kontak@o-k-i.net"
  }
 }
@@ -0,0 +1,25 @@
 {
  "section_title": "Votre projet",
  "section_title_accent": "commence ici",
  "section_subtitle": "Parce que chaque organisation mérite des outils numériques à la hauteur de ses ambitions",
  "cards": [
    {
      "icon": "✊🏿",
      "title": "Associations Militantes",
      "text": "Une application web sur mesure avec tarifs préférentiels pour vos luttes",
      "cta": "Contactez-nous"
    },
    {
      "icon": "🏛️",
      "title": "Associations & Collectifs",
      "text": "Site vitrine, gestion de membres, agenda, développé pour vous",
      "cta": "Contactez-nous"
    },
    {
      "icon": "💼",
      "title": "Entreprises Responsables",
      "text": "Présence numérique éthique, hébergement indépendant des GAFAM",
      "cta": "Contactez-nous"
    }
  ]
 }
@@ -0,0 +1,33 @@
 {
  "section_title": "Questions",
  "section_title_accent": "fréquentes",
  "section_subtitle": "Tout ce que vous devez savoir pour commencer votre transition numérique",
  "footer_text": "Vous avez d'autres questions ?",
  "footer_cta": "Contactez-nous",
  "items": [
    {
      "question": "Qu'est-ce qu'une application web sur mesure ?",
      "answer": "C'est une application développée spécifiquement pour répondre à VOS besoins, pas un template générique qu'on adapte à la va-vite. On part de votre fonctionnement réel : gestion de membres, agenda militant, système de pétitions, caisse de grève, newsletter... et on construit l'outil qui correspond exactement à votre organisation."
    },
    {
      "question": "Quels sont vos tarifs préférentiels pour les associations militantes ?",
      "answer": "Nous appliquons une grille tarifaire solidaire basée sur vos ressources réelles. Pour les syndicats, collectifs et associations militantes à but non lucratif, nous pratiquons des prix réduits et pouvons étaler le paiement. L'audit initial est gratuit. Contactez-nous pour un devis personnalisé : kontak@o-k-i.net"
    },
    {
      "question": "Faut-il être expert en informatique pour utiliser vos solutions ?",
      "answer": "Pas du tout. Nous concevons des interfaces simples, adaptées à vos bénévoles et adhérents. On inclut systématiquement une formation à la prise en main et un accompagnement continu. Si quelque chose ne fonctionne pas ou doit évoluer, on est là."
    },
    {
      "question": "Combien de temps pour développer notre application ?",
      "answer": "Ça dépend de la complexité. Un site vitrine : 2 à 4 semaines. Une application avec gestion de membres et d'événements : 4 à 8 semaines. On travaille en transparence avec vous, avec des points réguliers pour valider chaque étape."
    },
    {
      "question": "Nos données sont-elles en sécurité ?",
      "answer": "Oui. Vos données vous appartiennent et restent sur des serveurs que nous contrôlons, pas chez des géants américains. Nous n'avons aucun intérêt commercial à exploiter vos informations. Sauvegardes automatiques quotidiennes et accès sécurisé inclus."
    },
    {
      "question": "Pourquoi le nom 'KA' ?",
      "answer": "Le Ka représente avant tout l'énergie vitale, la force divine présente en chaque être vivant. Dans la spiritualité caribéenne héritée des traditions africaines et égyptiennes, le Ka est cette puissance intérieure qui nous anime et nous relie les uns aux autres. Le Ka, c'est aussi notre tambour sacré, nos langues, nos traditions – tout ce qui porte notre identité. ORGANISATION KA INTERNATIONALE incarne cette force vitale collective : un internet qui nous ressemble, qui vibre de nos énergies, de nos voix, de notre puissance créatrice."
    }
  ]
 }
@@ -0,0 +1,4 @@
 {
  "tagline_line": "Association à but non lucratif | Promotion des langues et cultures | Alternatives libres aux GAFAM",
  "legal_link": "Mentions Légales"
 }
@@ -0,0 +1,9 @@
 {
  "tags": [
    "✊🏿 Applications web pour vos associations",
    "💸 Tarifs préférentiels pour les organisations militantes",
    "🔓 Indépendant des GAFAM"
  ],
  "cta_primary": "Nos Solutions",
  "cta_secondary": "Notre Mission"
 }
@@ -0,0 +1,68 @@
 {
  "section_title": "Développement",
  "section_title_accent": "Web sur Mesure",
  "section_subtitle": "Chaque organisation a des besoins uniques. Nous concevons et développons l'outil numérique qui correspond exactement à votre fonctionnement, pas un template, une vraie application.",
  "banner_title": "Des solutions complètes, de A à Z",
  "banner_text": "OKI accompagne les associations et collectifs à chaque étape : conception, développement, hébergement, formation et maintenance.",
  "features": [
    "Développement d'applications web sur mesure",
    "Sites vitrine professionnels",
    "Instances Fédiverse clé en main",
    "Hébergement sécurisé et indépendant",
    "Gestion de noms de domaine",
    "Sauvegardes automatiques quotidiennes",
    "Formation et support technique inclus"
  ],
  "offerings_title": "Nos offres de services",
  "offer_cards": [
    {
      "modifier": "",
      "title": "Application Web Sur Mesure",
      "items": [
        "Gestion de membres et adhésions",
        "Agenda et gestion d'événements",
        "Pétitions et mobilisation en ligne",
        "Caisse de solidarité, dons",
        "Newsletter et communication interne"
      ],
      "tagline": "Développement sur mesure"
    },
    {
      "modifier": "hosting",
      "title": "Site Vitrine & Hébergement",
      "items": [
        "WordPress ou site statique",
        "Hébergement mutualisé sécurisé",
        "Base de données MySQL/PostgreSQL",
        "Certificat SSL gratuit",
        "Serveur mail inclus"
      ],
      "tagline": "Hébergement éthique"
    },
    {
      "modifier": "fediverse",
      "title": "Instance Fédiverse",
      "intro": "Votre association veut sa propre plateforme libre, sans dépendre d'un tiers ? On installe et administre votre instance :",
      "items": [
        "Mastodon / Pleroma (réseau social)",
        "PeerTube (vidéo)",
        "Castopod (podcast)",
        "Pixelfed (photos)",
        "Funkwhale (musique)"
      ],
      "tagline": "Installation & maintenance"
    }
  ],
  "note_title": "Gestion numérique sécurisée",
  "note_intro": "OKI peut assurer la gestion complète de vos propriétés numériques :",
  "note_items": [
    "Propriété et gestion de noms de domaine",
    "Administration de comptes web (réseaux sociaux, emails)",
    "Gestion sécurisée des accès et mots de passe",
    "Protection contre les prises de contrôle internes",
    "Médiation en cas de conflits sur les outils numériques"
  ],
  "why_title": "Pourquoi choisir OKI ?",
  "why_text": "Notre équipe technique, composée d'experts engagés, garantit l'impartialité, la sécurité et la pérennité de vos outils numériques. Nous mutualisons les coûts entre projets solidaires pour des tarifs justes et accessibles et nous appliquons des tarifs préférentiels aux organisations militantes.",
  "why_cta": "Contactez-nous"
 }
@@ -0,0 +1,6 @@
 {
  "section_title": "Notre",
  "section_title_accent": "Mission",
  "paragraph_main": "OKI développe des applications web sur mesure pour les associations, collectifs et organisations qui changent le monde. Nous croyons que la qualité des outils numériques ne devrait pas être réservée à ceux qui ont les moyens, c'est pourquoi nous proposons des tarifs adaptés à la réalité de chaque structure, avec une attention particulière pour les organisations militantes.",
  "paragraph_secondary": "Nos langues, nos cultures, nos luttes méritent des outils qui leur ressemblent. Pas des templates génériques, de vraies solutions pensées pour vous."
 }
@@ -0,0 +1,19 @@
 [
  { "text": "Solutions", "url": "/#solutions" },
  { "text": "Nos projets", "url": "/#projets" },
  { "text": "Partenaires", "url": "/#partenaires" },
  { "text": "DJANGOKAM", "url": "/#djangokam" },
  { "text": "Services", "url": "/#hebergement" },
  { "text": "Dons", "url": "/dons/" },
  {
    "text": "Ressources",
    "children": [
      { "text": "Réalisations", "url": "/#clients" },
      { "text": "Nos instances", "url": "/#services-libres" },
      { "text": "FAQ", "url": "/#faq" },
      { "text": "Presse", "url": "/presse/" },
      { "text": "Labola", "url": "https://labola.o-k-i.net/", "external": true }
    ]
  },
  { "text": "Contact", "url": "/#contact" }
 ]
@@ -0,0 +1,35 @@
 {
  "section_title": "Nos",
  "section_title_accent": "Partenaires",
  "section_subtitle": "Ils partagent nos valeurs et contribuent à enrichir notre écosystème numérique libre",
  "items": [
    {
      "name": "Joukawouvè",
      "logo": "/assets/images/joukawouve.png",
      "description": "Partage de l'actualité guadeloupéenne et internationale.",
      "links": [
        { "url": "https://kute.o-k-i.net/@joukawouve", "text": "Découvrir sur KUTE" },
        { "url": "https://bokante.o-k-i.net/@joukawouve", "text": "Découvrir sur BOKANTE" },
        { "url": "https://gade.o-k-i.net/accounts/joukawouve", "text": "Découvrir sur GADE" }
      ]
    },
    {
      "name": "Aktivist Vybz #AKV",
      "logo": "/assets/images/akv.png",
      "description": "Sélecteurs et DJs engagés, avec un contenu axé sur l'activisme et l'expression culturelle.",
      "links": [
        { "url": "https://mizik.o-k-i.net/channels/aktivistvybzakv", "text": "Découvrir sur MIZIK" },
        { "url": "https://gade.o-k-i.net/c/aktivist_vybz-1_channel/videos", "text": "Découvrir sur GADE" }
      ]
    },
    {
      "name": "cyber-mawonaj",
      "logo": "/assets/images/cyber_mawonaj.jpg",
      "description": "Vers le mawonaj numérique - Conquérir sa liberté passe aussi par le numérique.",
      "links": [
        { "url": "https://bokante.o-k-i.net/@cybermawonaj", "text": "Découvrir sur BOKANTE" },
        { "url": "https://gade.o-k-i.net/c/cyber.mawonaj/videos", "text": "Découvrir sur GADE" }
      ]
    }
  ]
 }
@@ -0,0 +1,33 @@
 {
  "title": "Presse",
  "title_accent": "& Médias",
  "lede": "Ressources presse pour DJANGOKAM, le premier artiste IA caribéen produit par ORGANISATION KA INTERNATIONALE (OKI). Visuels HD et liens d'écoute, prêts à l'emploi pour les rédactions et programmateurs radio.",
  "facts_title": "L'essentiel",
  "facts": [
    { "label": "Artiste", "value": "DJANGOKAM, premier artiste IA caribéen, porté par NYYOKA en duo" },
    { "label": "Producteur", "value": "ORGANISATION KA INTERNATIONALE (OKI), association culturelle basée à Basse-Terre, Guadeloupe" },
    { "label": "Discographie", "value": "12 sorties disponibles sur toutes les plateformes, référencées sur MusicBrainz" },
    { "label": "Clips officiels", "value": "\"I Want You Girl\" et \"Ish Mwen KUTE\"" },
    { "label": "Langue", "value": "Chante en KA, langue dite « créole », avec paroles et traductions sur PAWÒL-NU" }
  ],
  "visuals_title": "Visuels HD",
  "visuals_intro": "Libres de droits pour un usage rédactionnel autour de DJANGOKAM. Cliquez sur une pochette pour l'aperçu, ou téléchargez le PDF haute résolution.",
  "visuals": [
    { "image": "/assets/images/djangokam-she-told-me.webp", "caption": "« She Told Me (Fanm-la di mwen) » — DJANGOKAM x NYYOKA", "pdf": "DJANGOKAM_She_Told_Me_HD.pdf" },
    { "image": "/assets/images/djangokam-i-want-you-girl.webp", "caption": "« I Want You Girl »", "pdf": "DJANGOKAM_I_Want_You_Girl_HD.pdf" },
    { "image": "/assets/images/djangokam-ish-mwen-kute.jpg", "caption": "« Ish Mwen KUTE »", "pdf": "DJANGOKAM_Ish_Mwen_Kute_HD.pdf" }
  ],
  "visual_pdf_label": "PDF HD",
  "visuals_pdf_label": "Télécharger les 3 visuels HD (PDF)",
  "visuals_pdf_file": "DJANGOKAM_Visuels_HD.pdf",
  "links_title": "Écoute & visionnage",
  "links": [
    { "text": "Écouter sur PAWÒL-NU (paroles & traductions)", "url": "https://pawol.nu" },
    { "text": "DJANGOKAM sur toutes les plateformes", "url": "https://djangokam.pawol.nu" },
    { "text": "NYYOKA sur toutes les plateformes", "url": "https://nyyoka.pawol.nu" },
    { "text": "Vidéos sur GADE (PeerTube, hébergement souverain)", "url": "https://gade.o-k-i.net" }
  ],
  "contact_title": "Contact presse",
  "contact_text": "Dossier de presse localisé, visuels complémentaires, WAV broadcast ou proposition d'interview : contactez-nous, nous répondons rapidement.",
  "contact_email": "kontak@o-k-i.net"
 }
@@ -0,0 +1,28 @@
 {
  "section_title": "Nos",
  "section_title_accent": "Projets Web",
  "link_text": "Visiter le site",
  "items": [
    {
      "name": "PAWOL.NU",
      "icon": "🎶",
      "domain": "pawol.nu",
      "description": "Transcriptions et traductions de productions musicales",
      "url": "https://pawol.nu/"
    },
    {
      "name": "GONG.GP",
      "icon": "📚",
      "domain": "gong.gp",
      "description": "Documents historiques du GONG",
      "url": "https://gong.gp/"
    },
    {
      "name": "FEDIVERSE.OKI",
      "icon": "🎬",
      "domain": "fediverse.o-k-i.net",
      "description": "Plateforme multimédia indépendante : vidéos PeerTube, fil Mastodon, podcasts Castopod et articles WordPress",
      "url": "https://fediverse.o-k-i.net/"
    }
  ]
 }
@@ -0,0 +1,48 @@
 {
  "section_title": "Des solutions pour",
  "section_title_accent": "chaque besoin",
  "section_subtitle": "Que vous soyez association, entreprise ou citoyen engagé, nous avons les outils pour votre transition numérique",
  "benefits_label": "Ce que vous obtenez :",
  "footer_line1": "Prêt à franchir le pas ?",
  "footer_line2": "Parce que tout grand changement commence par une conversation",
  "items": [
    {
      "icon": "✊🏿",
      "title": "Associations Militantes & Syndicats",
      "description": "Vous luttez, vous organisez, vous mobilisez, votre outil numérique doit être à la hauteur. OKI propose des tarifs préférentiels aux organisations engagées pour que le budget ne soit jamais un frein.",
      "cta": "Demander un devis",
      "benefits": [
        "Tarifs solidaires adaptés à vos ressources",
        "Application web sur mesure (gestion membres, agenda, pétitions...)",
        "Site vitrine professionnel et accessible",
        "Hébergement sécurisé et indépendant des GAFAM",
        "Accompagnement technique continu"
      ]
    },
    {
      "icon": "🏛️",
      "title": "Associations & Collectifs",
      "description": "Quelle que soit votre cause, nous développons l'outil numérique qui correspond exactement à vos besoins pas un template générique, une vraie application pensée pour vous.",
      "cta": "Contactez-nous",
      "benefits": [
        "Développement d'application web sur mesure",
        "Site WordPress ou solution statique",
        "Gestion d'événements, de membres, de dons",
        "Hébergement éthique et sécurisé",
        "Formation et support inclus"
      ]
    },
    {
      "icon": "💼",
      "title": "Entreprises Responsables",
      "description": "Vous voulez une présence numérique éthique, sans dépendre des géants du web ? Nous construisons des solutions web solides qui correspondent à vos valeurs.",
      "cta": "Contactez-nous",
      "benefits": [
        "Développement web sur mesure",
        "Hébergement éthique et sécurisé",
        "Audit de votre infrastructure existante",
        "Conseil en stratégie numérique libre"
      ]
    }
  ]
 }
@@ -0,0 +1,35 @@
 {
  "section_title": "Nos",
  "section_title_accent": "services hébergés",
  "section_subtitle": "Des alternatives libres aux géants du web, vos données restent sous votre contrôle, pas dans les serveurs de Google ou d'Amazon.",
  "items": [
    {
      "name": "BOKANTE",
      "platform": "Mastodon",
      "description": "Notre instance du réseau social libre. Échangez, partagez et connectez-vous sans surveillance ni algorithme, loin des réseaux de X ou Facebook.",
      "url": "https://bokante.o-k-i.net",
      "linkText": "Rejoindre BOKANTE"
    },
    {
      "name": "GADE",
      "platform": "PeerTube",
      "description": "Notre instance vidéo libre et souveraine. Diffusez vos vidéos sans algorithme ni censure, dédiée aux langues, cultures et productions afro-diasporiques.",
      "url": "https://gade.o-k-i.net",
      "linkText": "Regarder sur GADE"
    },
    {
      "name": "NIYAJ",
      "platform": "Nextcloud",
      "description": "Votre cloud personnel, loin des serveurs de Google. Fichiers, agenda, contacts, documents collaboratifs, tout ce que Google Drive propose, mais vos données restent les vôtres.",
      "url": "https://niyaj.o-k-i.net",
      "linkText": "Accéder à NIYAJ"
    },
    {
      "name": "KUTE",
      "platform": "Castopod",
      "description": "Notre instance de podcasting libre. Créez, hébergez et diffusez vos podcasts en toute autonomie, sans algorithme ni censure.",
      "url": "https://kute.o-k-i.net/",
      "linkText": "Découvrir KUTE"
    }
  ]
 }
@@ -0,0 +1,11 @@
 {
  "name": "ORGANISATION KA INTERNATIONALE",
  "shortName": "OKI",
  "description": "Nous développons des applications web sur mesure pour les associations, collectifs et organisations militantes, avec des tarifs adaptés à vos moyens.",
  "url": "https://o-k-i.net",
  "email": "kontak@o-k-i.net",
  "tagline": "Le numérique au service de vos luttes",
  "og_tagline": "Prenons le contrôle de notre internet",
  "keywords": "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",
  "og_locale": "fr_FR"
 }
@@ -0,0 +1,22 @@
 {
  "section_title": "Nous",
  "section_title_accent": "Soutenir",
  "lede": "Chaque like, chaque partage, chaque don compte pour construire cet internet-là",
  "lede_secondary": "Celui où nos ancêtres ne seraient pas effacés par des algorithmes aveugles. Celui où une jeune fille de Lapwent (Pointe-à-Pitre) peut lancer un média en langue dite \"créole\", sans demander la permission à une multinationale.",
  "one_time_title": "Don ponctuel",
  "one_time_suffix": "€",
  "custom_amount_label": "Montant personnalisé :",
  "custom_amount_placeholder": "Montant",
  "custom_amount_btn": "Donner",
  "monthly_title": "Don mensuel",
  "monthly_suffix": "€/mois",
  "custom_monthly_label": "Montant mensuel personnalisé :",
  "custom_monthly_btn": "S'abonner",
  "alt_title": "Autres moyens de nous soutenir",
  "liberapay_title": "Liberapay",
  "liberapay_text": "Soutenez-nous via Liberapay, une plateforme libre et éthique",
  "kofi_title": "Ko-fi",
  "kofi_text": "Offrez-nous un café sur Ko-fi pour nous encourager",
  "security_stripe": "Les dons directs (montants ci-dessus) sont sécurisés par <a href=\"https://stripe.com/\" target=\"_blank\">Stripe</a>.",
  "security_alt": "Liberapay et Ko-fi utilisent leurs propres systèmes de paiement sécurisés."
 }
@@ -0,0 +1,5 @@
 {
  "theme_toggle": "Changer de thème",
  "lang_switch_label": "EN",
  "back_home": "Retour à l'accueil"
 }
@@ -1,6 +1,6 @@
 [
  {
-    "icon": "✊",
+    "icon": "✊🏿",
    "title": "Engagement",
    "description": "Priorité aux organisations qui luttent pour un monde plus juste"
  },
@@ -10,7 +10,7 @@
    "description": "Logiciels libres, données sous votre contrôle"
  },
  {
-    "icon": "🤝",
+    "icon": "🤝🏿",
    "title": "Solidarité",
    "description": "Tarifs adaptés à vos moyens réels"
  },
@@ -1,43 +0,0 @@
 [
  {
    "text": "Solutions",
    "url": "#solutions"
  },
  {
    "text": "Nos projets",
    "url": "#projets"
  },
  {
    "text": "DJANGOKAM",
    "url": "#djangokam"
  },
  {
    "text": "Services",
    "url": "#hebergement"
  },
  {
    "text": "Réalisations",
    "url": "#clients"
  },
  {
    "text": "Nos instances",
    "url": "#services-libres"
  },
  {
    "text": "FAQ",
    "url": "#faq"
  },
  {
    "text": "Dons",
    "url": "#dons"
  },
  {
    "text": "Contact",
    "url": "#contact"
  },
  {
    "text": "Labola",
    "url": "https://labola.o-k-i.net/",
    "external": true
  }
 ]
@@ -1,20 +0,0 @@
 [
  {
    "name": "Joukawouvè",
    "logo": "/assets/images/joukawouve.png",
    "description": "Partage de l'actualité guadeloupéenne et internationale.",
    "url": "https://gade.o-k-i.net/accounts/joukawouve"
  },
  {
    "name": "cyber-mawonaj",
    "logo": "/assets/images/cyber_mawonaj.jpg",
    "description": "Vers le mawonaj numérique - Conquérir sa liberté passe aussi par le numérique.",
    "url": "https://gade.o-k-i.net/c/cyber_mawonaj/videos"
  },
  {
    "name": "Aktivist Vybz #AKV",
    "logo": "/assets/images/akv.png",
    "description": "Sélecteurs et DJs engagés, avec un contenu axé sur l'activisme et l'expression culturelle.",
    "url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv"
  }
 ]
@@ -1,16 +0,0 @@
 [
  {
    "name": "PAWOL.NU",
    "icon": "🎶",
    "domain": "pawol.nu",
    "description": "Transcriptions et traductions de productions musicales",
    "url": "https://pawol.nu/"
  },
  {
    "name": "GONG.GP",
    "icon": "📚",
    "domain": "gong.gp",
    "description": "Documents historiques du GONG",
    "url": "https://gong.gp/"
  }
 ]
@@ -1,40 +0,0 @@
 [
  {
    "icon": "✊",
    "title": "Associations Militantes & Syndicats",
    "description": "Vous luttez, vous organisez, vous mobilisez, votre outil numérique doit être à la hauteur. OKI propose des tarifs préférentiels aux organisations engagées pour que le budget ne soit jamais un frein.",
    "cta": "Demander un devis",
    "benefits": [
      "Tarifs solidaires adaptés à vos ressources",
      "Application web sur mesure (gestion membres, agenda, pétitions...)",
      "Site vitrine professionnel et accessible",
      "Hébergement sécurisé et indépendant des GAFAM",
      "Accompagnement technique continu"
    ]
  },
  {
    "icon": "🏛️",
    "title": "Associations & Collectifs",
    "description": "Quelle que soit votre cause, nous développons l'outil numérique qui correspond exactement à vos besoins pas un template générique, une vraie application pensée pour vous.",
    "cta": "Contactez-nous",
    "benefits": [
      "Développement d'application web sur mesure",
      "Site WordPress ou solution statique",
      "Gestion d'événements, de membres, de dons",
      "Hébergement éthique et sécurisé",
      "Formation et support inclus"
    ]
  },
  {
    "icon": "💼",
    "title": "Entreprises Responsables",
    "description": "Vous voulez une présence numérique éthique, sans dépendre des géants du web ? Nous construisons des solutions web solides qui correspondent à vos valeurs.",
    "cta": "Contactez-nous",
    "benefits": [
      "Développement web sur mesure",
      "Hébergement éthique et sécurisé",
      "Audit de votre infrastructure existante",
      "Conseil en stratégie numérique libre"
    ]
  }
 ]
@@ -1,34 +0,0 @@
 [
  {
    "name": "BOKANTE",
    "icon": "🐘",
    "platform": "Mastodon",
    "description": "Notre instance du réseau social libre. Échangez, partagez et connectez-vous sans surveillance ni algorithme, loin des réseaux de X ou Facebook.",
    "url": "https://bokante.o-k-i.net",
    "linkText": "Rejoindre BOKANTE"
  },
  {
    "name": "GADE",
    "icon": "📺",
    "platform": "PeerTube",
    "description": "Notre instance vidéo libre et souveraine. Diffusez vos vidéos sans algorithme ni censure, dédiée aux langues, cultures et productions afro-diasporiques.",
    "url": "https://gade.o-k-i.net",
    "linkText": "Regarder sur GADE"
  },
  {
    "name": "NIYAJ",
    "icon": "☁️",
    "platform": "Nextcloud",
    "description": "Votre cloud personnel, loin des serveurs de Google. Fichiers, agenda, contacts, documents collaboratifs, tout ce que Google Drive propose, mais vos données restent les vôtres.",
    "url": "https://niyaj.o-k-i.net",
    "linkText": "Accéder à NIYAJ"
  },
  {
    "name": "KUTE",
    "icon": "🎙️",
    "platform": "Castopod",
    "description": "Notre instance de podcasting libre. Créez, hébergez et diffusez vos podcasts en toute autonomie, sans algorithme ni censure.",
    "url": "https://kute.o-k-i.net/",
    "linkText": "Découvrir KUTE"
  }
 ]
@@ -1,9 +0,0 @@
 {
  "name": "ORGANISATION KA INTERNATIONALE",
  "shortName": "OKI",
  "description": "Nous développons des applications web sur mesure pour les associations, collectifs et organisations militantes, avec des tarifs adaptés à vos moyens.",
  "url": "https://o-k-i.net",
  "email": "kontak@o-k-i.net",
  "copyright": "© 2025 ORGANISATION KA INTERNATIONALE",
  "tagline": "Le numérique au service de vos luttes"
 }
@@ -0,0 +1 @@
 <svg viewBox="0 86.4 512 339.2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><mask id="casto-face"><rect y="86.4" width="512" height="339.2" fill="#fff"/><path d="M372.7 159.7H139c-40.1 0-72.8 32.8-72.8 72.8S98.9 305 139 305h233.8c40.1 0 72.8-32.5 72.8-72.5.4-39.8-31.7-72.4-71.5-72.8zm-207.1 93.6s-10.7-7.9-25.8-7.9c-11.3 0-24.4 6.8-24.4 6.8-3.7-5.3-5.7-11.6-5.8-18.1 0-17.3 14-31.2 31.3-31.2s31.3 13.9 31.3 31.2c0 7.4-2.4 14-6.6 19.2m90.4 18c-34.3 0-33-26.3-33-26.3-.5-4.9 5.8-6.6 8-3.6 1.1 1.6 1.1 1.6 1.9 4.6 4.7 16.1 23.1 15.3 23.1 15.3s18.4 1.1 23.1-15.3c.8-2.7.8-3 1.9-4.6 2.2-2.7 8.5-1.4 8 3.6 0 .1 1.3 26.3-33 26.3m140.4-18.9s-13.2-6.8-24.5-6.8c-15.1 0-25.8 7.9-25.8 7.9-4.3-5.4-6.6-12.2-6.6-19.1 0-17.3 14-31.2 31.3-31.2s31.3 13.9 31.3 31.2c.2 6.5-1.8 12.9-5.7 18" fill="#000"/><path d="M107.4 129.1c-17.3-4.6-32.1 5.7-40.4 20-1.9 3.3-.6 6 1.4 7.1 2.8.8 4.7.3 7.7-4.1 6-10.7 16.2-16.7 27.7-14.5 0 0 8 2.5 9.1-2.7.8-3.4-2.2-5-5.5-5.8M417.2 140c-.3 5.2 8 5.2 8 5.2 11.5 1.1 18.7 6.3 21.4 18.3 1.6 5.2 3.3 6 6.3 6 2.2-.3 4.4-2.7 3.3-6.6-3.8-15.9-14-26.8-32.1-27.1-3.3-.2-6.6.7-6.9 4.2" fill="#000"/></mask><path d="M477.7 425.6h-89.3s-3.3-6.8-6.9-13.4-12.1-6.3-12.1-6.3H142s-8.2-1.1-12.4 6.3c-2.6 4.3-5 8.8-7.1 13.4H34.6C15.7 425.6 0 410.3 0 391.4V120.9C0 102 15.4 86.4 34.3 86.4h443.1c18.9 0 34.6 15.3 34.6 34.2v270.5c.3 18.9-15.4 34.5-34.3 34.5" mask="url(#casto-face)"/><path d="M371.1 203.2c-17.3 0-31.3 13.9-31.3 31.2 0 7.1 2.5 13.7 6.6 19.1 0 0 10.7-7.9 25.8-7.9 11.3 0 24.4 6.8 24.4 6.8 3.6-5.2 5.8-11.2 5.8-18.1 0-17.2-14-31.1-31.3-31.1m-230.2 0c-17.3 0-31.3 13.9-31.3 31.2 0 6.8 2.2 12.9 5.8 18.1 0 0 13.2-6.8 24.4-6.8 15.1 0 25.8 7.9 25.8 7.9 4.1-5.2 6.6-11.8 6.6-19.1 0-17.4-14-31.3-31.3-31.3"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="0 0 126.644 96" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M81.15,0c-1.2376,2.1973-2.3489,4.4704-3.3591,6.794-9.5975-1.4396-19.3718-1.4396-28.9945,0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166,1.5407-17.8059,4.2431-26.1405,8.0568C2.779,32.5304-1.6914,56.3725.5312,79.8863c9.6732,7.1476,20.5083,12.603,32.0505,16.0884,2.6014-3.4854,4.8998-7.1981,6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567,1.7932-1.3386,2.6519-1.9953,20.281,9.547,43.7696,9.547,64.0758,0,.8587.7072,1.7427,1.3891,2.6519,1.9953-3.4601,2.0457-7.0718,3.7632-10.835,5.1776,1.97,3.8642,4.2683,7.5769,6.8698,11.0623,11.5419-3.4854,22.3769-8.9156,32.0509-16.0631,2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811,4.2684,90.1918,1.5659,81.1752.0505l-.0252-.0505ZM42.2802,65.4144c-6.2383,0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788,11.3907-12.6788,11.5169,5.708,11.4159,12.6788c-.101,6.9708-5.026,12.6535-11.3907,12.6535ZM84.3576,65.4144c-6.2637,0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788,11.3907-12.6788,11.4917,5.708,11.3906,12.6788c-.101,6.9708-5.026,12.6535-11.3906,12.6535Z"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="5.67 143.05 628.65 387.55" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z"/><path d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8C343.2,346.5,335,363.3,326.8,380.1z"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="0 0 75 79" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><mask id="masto-m"><rect width="75" height="79" fill="#fff"/><path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="#000"/></mask><path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" mask="url(#masto-m)"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="14 34.5 122.5 57" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M75.091,35.685c-12.438,0-22.981,8.433-26.248,19.857-2.84-6.06-8.994-10.305-16.082-10.305-9.748,0-17.761,8.013-17.761,17.761s8.013,17.765,17.761,17.765c7.088,0,13.242-4.248,16.082-10.309,3.268,11.426,13.81,19.861,26.248,19.861,12.346,0,22.835-8.308,26.186-19.605,2.892,5.924,8.97,10.053,15.958,10.053,9.748,0,17.765-8.017,17.765-17.765s-8.017-17.761-17.765-17.761c-6.988,0-13.065,4.127-15.958,10.05-3.352-11.296-13.84-19.601-26.186-19.601h0ZM75.091,46.11c9.39,0,16.89,7.497,16.89,16.887s-7.501,16.89-16.89,16.89-16.887-7.501-16.887-16.89,7.497-16.887,16.887-16.887ZM32.762,55.663c4.114,0,7.338,3.221,7.338,7.335s-3.225,7.338-7.338,7.338-7.335-3.225-7.335-7.338,3.221-7.335,7.335-7.335ZM117.234,55.663c4.114,0,7.338,3.221,7.338,7.335s-3.225,7.338-7.338,7.338-7.335-3.225-7.335-7.338,3.221-7.335,7.335-7.335Z"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="2799 -911 512 682.688" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m2799-911v341.344l256-170.656"/><path d="m2799-569.656v341.344l256-170.656"/><path d="m3055-740.344v341.344l256-170.656"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="0 0 307 307" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="fill-rule:evenodd;clip-rule:evenodd;"><g transform="matrix(1,0,0,1,-757,-1483)"><g transform="matrix(1.432974,0,0,1.80298,-288.929017,-864.20063)"><g transform="matrix(0.629919,0,0,0.500647,539.407527,1110.972982)"><path d="M356.969,675.637C323.753,644.675 302.968,600.546 302.968,551.6C302.968,458.019 378.944,382.044 472.524,382.044C566.105,382.044 642.08,458.019 642.08,551.6C642.08,629.48 589.46,695.166 517.864,715.015C501.974,691.667 487.572,670.399 498.34,635.393C485.202,642.099 476.944,655.288 474.445,669.626C469.556,661.943 464.129,654.533 457.841,647.931C441.837,631.125 420.016,619.373 409.919,597.549C405.306,587.241 402.145,572.504 405.799,561.838C408.436,582.54 418.507,601.587 436.545,612.617C450.296,621.023 465.703,622.408 481.126,625.661C497.203,629.048 522.738,636.688 538.403,633.928C551.425,631.638 578.749,617.255 578.02,601.656C577.765,596.289 571.213,587.245 568.79,582.066C565.566,575.171 567.48,573.682 567.848,566.765C568.885,547.188 563.715,537.516 554.206,521.395C542.674,501.84 530.016,490.024 508.095,482.087C488.062,474.831 457.231,478.938 456.996,479.271C461.046,483.711 464.773,488.906 465.295,495.055C457.084,487.46 449.14,479.387 439.945,472.948C419.607,458.71 406.868,460.052 398.782,484.817C394.568,497.72 391.382,515.255 395.288,528.453C397.657,536.447 402.575,542.952 408.175,548.951C397.217,547.458 390.574,537.94 388.158,527.623C360.997,586.373 354.95,614.781 356.969,675.637ZM558.455,619.379L558.452,619.376C554.235,619.505 550.344,617.264 547.164,614.697C545.37,613.176 542.74,611.209 542.372,608.931C541.643,604.396 545.254,601.153 547.406,599.808C549.251,598.658 551.495,598.017 553.613,597.527C558.442,596.411 563.455,595.377 568.319,596.323C569.774,596.606 571.22,597.077 572.417,597.951C573.614,598.821 574.544,600.138 574.705,601.612C574.824,602.705 574.525,603.796 574.164,604.833C573.322,607.217 572.16,609.476 570.71,611.548C569.274,613.613 567.556,615.508 565.485,616.934C563.414,618.361 560.969,619.304 558.455,619.379ZM486.399,552.769C503.076,550.51 505.109,576.334 489.02,577.418C472.931,578.502 471.118,554.84 486.399,552.769ZM430.213,501.5C431.753,505.171 434.926,507.616 437.667,510.309C431.445,512.197 425.166,510.394 419.704,507.264C420.028,513.033 424.299,518.121 427.498,522.174C422.225,523.384 417.564,521.577 413.944,517.769C413.891,523.13 415.717,527.806 418.347,532.34C408.062,537.456 403.622,526.696 403.097,518.275C402.522,509.02 406.267,485.669 412.907,478.941C420.336,471.412 431.875,480.182 438.166,485.238C443.719,489.698 449.061,495.087 454.092,500.111C447.487,504.476 437.648,504.294 430.213,501.5ZM559.47,568.921C555.834,562.599 554.722,560.76 552.607,556.182C551.168,553.064 550.439,549.366 555.655,549.256C565.117,549.055 568.395,564.041 561.026,569.27C560.844,569.397 560.628,569.465 560.407,569.465C560.02,569.465 559.662,569.257 559.47,568.921ZM553.254,508.59C555.938,471.688 555.624,447.806 521.4,481.304C534.318,487.312 545.181,496.897 553.254,508.59Z"/></g></g></g></svg>
@@ -0,0 +1 @@
 <svg viewBox="181 296 556 462" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="15.6 11.4 17.1 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.5172 25.0575C25.4647 26.4295 24.3093 27.5306 22.8929 27.5306C22.5691 27.5306 22.2591 27.4729 21.9727 27.3675C22.2591 27.4729 22.5692 27.5306 22.893 27.5306C24.3094 27.5306 25.4648 26.4295 25.5174 25.0576L25.5224 12.8063H27.8124C28.0331 13.971 28.7405 14.9704 29.7205 15.5948C29.7208 15.5952 29.7212 15.5956 29.7215 15.596C30.4037 16.0305 31.2171 16.284 32.0903 16.284V16.9645C32.0903 16.9645 32.0903 16.9645 32.0904 16.9646V19.3405C30.4684 19.3405 28.9654 18.8334 27.7386 17.9728V24.1852C27.7386 27.2878 25.1559 29.8119 21.9812 29.8119C20.7545 29.8119 19.6169 29.4338 18.6818 28.7921C18.6813 28.7916 18.6808 28.791 18.6802 28.7905C17.1964 27.7717 16.224 26.0876 16.224 24.1846C16.224 21.0821 18.8067 18.5579 21.9814 18.5579C22.2448 18.5579 22.503 18.5791 22.7572 18.6128V19.337C19.861 19.4031 17.4865 21.5682 17.1713 24.3333C17.4868 21.5685 19.8611 19.4037 22.7571 19.3376V21.7342C22.5115 21.6591 22.2519 21.6154 21.9812 21.6154C20.5314 21.6154 19.3519 22.7683 19.3519 24.1852C19.3519 25.1719 19.9247 26.0292 20.7616 26.4596C20.7616 26.4597 20.7616 26.4597 20.7616 26.4597C21.1265 26.6474 21.541 26.7549 21.9811 26.7549C23.3975 26.7549 24.5529 25.6538 24.6055 24.2819L24.6105 12.0305H27.7385C27.7385 12.2955 27.7646 12.5545 27.8123 12.8063H25.5223L25.5172 25.0575Z"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="0 0 720 720" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg>
@@ -0,0 +1 @@
 <svg viewBox="0 0 1200 1227" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"/></svg>
@@ -1,43 +1,53 @@
 <!DOCTYPE html>
-<html lang="fr">
+<html lang="{{ locale }}" data-locale="{{ 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>
+    <title>{% if title %}{{ title }} | {{ t.site.name }}{% else %}{{ t.site.name }} | {{ t.site.shortName }}{% endif %}</title>
-    <meta name="description" content="{{ description or site.description }}">
+    <meta name="description" content="{{ description or t.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="keywords" content="{{ t.site.keywords }}">
-    <meta name="author" content="{{ site.name }}">
+    <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:title" content="{% if title %}{{ title }}{% else %}{{ t.site.name }} - {{ t.site.og_tagline }}{% endif %}">
-    <meta property="og:description" content="{{ description or site.description }}">
+    <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:image:alt" content="Logo {{ t.site.name }}">
-    <meta property="og:locale" content="fr_FR">
+    <meta property="og:locale" content="{{ t.site.og_locale }}">
-    <meta property="og:site_name" content="{{ site.name }}">
+    <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:title" content="{% if title %}{{ title }}{% else %}{{ t.site.name }} - {{ t.site.og_tagline }}{% endif %}">
-    <meta name="twitter:description" content="{{ description or site.description }}">
+    <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">
    <link rel="icon" type="image/png" sizes="512x512" href="/assets/images/logo-512x512.png">
    <link rel="apple-touch-icon" href="/assets/images/logo-512x512.png">
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <!-- Stylesheet -->
    <link rel="stylesheet" href="/assets/css/styles.css">
@@ -46,11 +56,11 @@
    {
      "@context": "https://schema.org",
      "@type": "Organization",
-      "name": "{{ site.name }}",
+      "name": "{{ t.site.name }}",
-      "alternateName": "{{ site.shortName }}",
+      "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",
@@ -84,31 +94,14 @@
      "sameAs": ["https://djangokam.pawol.nu"],
      "member": {
        "@type": "Organization",
-        "name": "{{ site.name }}",
+        "name": "{{ t.site.name }}",
        "url": "https://o-k-i.net"
      }
    }
    </script>
-    <script>
+    <script src="/assets/js/theme.js"></script>
-        (function() {
+    <script src="/assets/js/lang-redirect.js"></script>
            // Récupérer le thème stocké ou détecter le thème système
            const storedTheme = localStorage.getItem('oki-theme');
            const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
            let theme = storedTheme;
            // Si pas de préférence stockée, utiliser le thème système
            if (!storedTheme) {
                theme = systemPrefersDark ? 'dark' : 'light';
            }
            // Appliquer le thème immédiatement
            if (theme === 'light') {
                document.documentElement.classList.add('light-theme');
            }
        })();
    </script>
 </head>
 <body>
    {% include "partials/nav.njk" %}
@@ -1,12 +1,12 @@
 <section id="clients" class="partners">
    <div class="section-container">
-        <h2 style="text-align: center; margin-bottom: 1rem;">Ils nous ont <span class="accent-text">fait confiance</span></h2>
+        <h2>{{ t.clients.section_title }} <span class="accent-text">{{ t.clients.section_title_accent }}</span></h2>
        <p class="section-subtitle">
-            Des organisations engagées qui ont choisi OKI pour construire leur présence numérique
+            {{ t.clients.section_subtitle }}
        </p>
        <div class="partners-grid">
-            {% for client in clients %}
+            {% for client in t.clients.items %}
            <a href="{{ client.url }}" target="_blank" rel="noopener noreferrer" class="partner-card">
                <div class="partner-logo-container">
                    <img src="{{ client.logo }}" alt="Logo {{ client.name }}" class="partner-logo">
@@ -15,7 +15,7 @@
                <p class="project-domain">{{ client.domain }}</p>
                <p class="partner-description">{{ client.description }}</p>
                <span class="partner-link">
-                    Visiter le site →
+                    {{ t.clients.link_text }} →
                </span>
            </a>
            {% endfor %}
@@ -1,18 +1,29 @@
 <section class="contact" id="contact">
    <div class="section-container">
-        <h2 style="text-align: center; margin-bottom: 1rem; color: var(--or-oki);">Envie de passer à l'action ?</h2>
+        <h2>{{ t.contact.title }}</h2>
-        <p style="text-align: center; max-width: 800px; margin: 0 auto 3rem; font-size: 1.1rem; line-height: 1.6;">
+        <p class="contact-lede">
-            « Mais je sais pas par où commencer ! » Aucun souci ! On t'accompagne pas à pas. Un message sur nos réseaux, un mail à <a href="mailto:kontak@o-k-i.net" style="color: var(--or-oki);">kontak@o-k-i.net</a>, et on te montre comment ton talent peut changer les choses. Même si c'est juste une idée dans ta tête – chez nous, les idées deviennent des actions.
+            {{ t.contact.lede | safe }}
        </p>
    </div>
-    <div class="contact-grid">
+    <div class="contact-socials">
-        {% for section in contact.sections %}
+        {% for section in t.contact.sections %}
-        <div class="contact-card">
+        <div class="contact-socials-group">
-            <h3>{{ section.title }}</h3>
+            <h3 class="contact-socials-title">{{ section.title }}</h3>
-            <div class="contact-links">
+            <div class="contact-socials-row">
                {% for link in section.links %}
-                <a href="{{ link.url }}"{% if link.url.startsWith('http') %} target="_blank"{% endif %}>
+                {% set lname = link.text.toLowerCase() %}
-                    {{ link.text }}
+                <a href="{{ link.url }}" title="{{ link.text }}"{% if link.url.startsWith('http') %} target="_blank" rel="noopener noreferrer"{% endif %} class="contact-social-link">
                    {% if 'kontak' in lname or 'mail' in lname %}
                        {% include "icons/email.svg" %}
                    {% elif 'whatsapp' in lname %}
                        {% include "icons/whatsapp.svg" %}
                    {% elif 'telegram' in lname %}
                        {% include "icons/telegram.svg" %}
                    {% elif 'discord' in lname %}
                        {% include "icons/discord.svg" %}
                    {% elif 'labola' in lname or 'gitea' in lname %}
                        {% include "icons/gitea.svg" %}
                    {% endif %}
                </a>
                {% endfor %}
            </div>
@@ -1,35 +1,55 @@
 <section id="djangokam" class="djangokam">
    <div class="section-container">
-        <p class="djangokam-surtitre">{{ djangokam.surtitre }}</p>
+        <p class="djangokam-surtitre">{{ t.djangokam.surtitre }}</p>
-        <h2>{{ djangokam.titre }} <span class="accent-text">{{ djangokam.titreAccent }}</span></h2>
+        <h2>{{ t.djangokam.titre }} <span class="accent-text">{{ t.djangokam.titreAccent }}</span></h2>
-        <p class="section-subtitle">{{ djangokam.accroche }}</p>
+        <p class="section-subtitle">{{ t.djangokam.accroche }}</p>
        <img src="/assets/images/djangokam-portrait.webp" alt="Portrait officiel de DJANGOKAM" class="djangokam-portrait" width="512" height="512" loading="lazy">
        <blockquote class="djangokam-highlight">
-            {{ djangokam.message_cle }}
+            {{ t.djangokam.message_cle }}
        </blockquote>
-        <div class="djangokam-histoire">
+        <div class="djangokam-histoire-wrapper">
-            {% for paragraphe in djangokam.histoire %}
+            <div class="djangokam-histoire">
-            <p>{{ paragraphe }}</p>
+                {% for paragraphe in t.djangokam.histoire %}
-            {% endfor %}
+                <p>{{ paragraphe }}</p>
                {% endfor %}
            </div>
            <figure class="djangokam-duo">
                <a href="{{ t.djangokam.duo.url }}" target="_blank" rel="noopener noreferrer">
                    <img src="{{ t.djangokam.duo.image }}" alt="{{ t.djangokam.duo.alt }}" loading="lazy">
                    <figcaption>{{ t.djangokam.duo.legende }}</figcaption>
                </a>
            </figure>
        </div>
        <div class="djangokam-facts">
-            {% for fait in djangokam.faits %}
+            {% for fait in t.djangokam.faits %}
            <div class="djangokam-fact-card">
                <div class="djangokam-fact-icon">{{ fait.icon }}</div>
                <h3>{{ fait.chiffre }}</h3>
-                <p>{{ fait.texte }}</p>
+                <p>{{ fait.texte | safe }}</p>
            </div>
            {% endfor %}
        </div>
-        <p class="djangokam-instrument">{{ djangokam.ia_instrument }}</p>
+        <div class="djangokam-clips">
            {% for clip in t.djangokam.clips %}
            <figure class="djangokam-clip">
                <a href="{{ clip.url }}" target="_blank" rel="noopener noreferrer">
                    <img src="{{ clip.image }}" alt="{{ clip.alt }}" loading="lazy">
                    <figcaption>{{ clip.titre }}</figcaption>
                </a>
            </figure>
            {% endfor %}
        </div>
        <p class="djangokam-instrument">{{ t.djangokam.ia_instrument | safe }}</p>
        <div class="cta-buttons djangokam-buttons">
-            {% for bouton in djangokam.boutons %}
+            {% for bouton in t.djangokam.boutons %}
            <a href="{{ bouton.url }}" target="_blank" rel="noopener noreferrer" class="btn {% if bouton.primary %}btn-primary{% else %}btn-secondary{% endif %}">
                {{ bouton.text }} →
            </a>
@@ -37,7 +57,7 @@
        </div>
        <p class="djangokam-presse">
-            {{ djangokam.presse.texte }} <a href="mailto:{{ djangokam.presse.email }}">{{ djangokam.presse.email }}</a>
+            {{ t.djangokam.presse.texte }} <a href="mailto:{{ t.djangokam.presse.email }}">{{ t.djangokam.presse.email }}</a>
        </p>
    </div>
 </section>
@@ -1,31 +1,19 @@
 <section id="engagement" class="engagement">
    <div class="section-container">
-        <h2>Votre projet <span class="accent-text">commence ici</span></h2>
+        <h2>{{ t.engagement.section_title }} <span class="accent-text">{{ t.engagement.section_title_accent }}</span></h2>
        <p class="section-subtitle">
-            Parce que chaque organisation mérite des outils numériques à la hauteur de ses ambitions
+            {{ t.engagement.section_subtitle }}
        </p>
        <div class="engagement-options">
            {% for card in t.engagement.cards %}
            <div class="engagement-card">
-                <div class="engagement-icon">✊</div>
+                <div class="engagement-icon">{{ card.icon }}</div>
-                <h3>Associations Militantes</h3>
+                <h3>{{ card.title }}</h3>
-                <p>Une application web sur mesure avec tarifs préférentiels pour vos luttes</p>
+                <p>{{ card.text }}</p>
-                <a href="#contact" class="btn btn-primary">Contactez-nous</a>
+                <a href="#contact" class="btn btn-primary">{{ card.cta }}</a>
            </div>
            <div class="engagement-card">
                <div class="engagement-icon">🏛️</div>
                <h3>Associations & Collectifs</h3>
                <p>Site vitrine, gestion de membres, agenda, développé pour vous</p>
                <a href="#contact" class="btn btn-primary">Contactez-nous</a>
            </div>
            <div class="engagement-card">
                <div class="engagement-icon">💼</div>
                <h3>Entreprises Responsables</h3>
                <p>Présence numérique éthique, hébergement indépendant des GAFAM</p>
                <a href="#contact" class="btn btn-primary">Contactez-nous</a>
            </div>
            {% endfor %}
        </div>
    </div>
 </section>
@@ -1,14 +1,14 @@
 <section id="faq" class="faq">
    <div class="section-container">
-        <h2>Questions <span class="accent-text">fréquentes</span></h2>
+        <h2>{{ t.faq.section_title }} <span class="accent-text">{{ t.faq.section_title_accent }}</span></h2>
        <p class="section-subtitle">
-            Tout ce que vous devez savoir pour commencer votre transition numérique
+            {{ t.faq.section_subtitle }}
        </p>
        <div class="faq-container">
-            {% for item in faq %}
+            {% for item in t.faq.items %}
            <div class="faq-item">
-                <button class="faq-question" onclick="this.parentElement.classList.toggle('active')">
+                <button class="faq-question">
                    <span>{{ item.question }}</span>
                    <span class="faq-icon">+</span>
                </button>
@@ -20,11 +20,11 @@
        </div>
        <div class="faq-footer">
-            <p style="font-size: 1.1rem; margin-bottom: 1rem;">
+            <p>
-                Vous avez d'autres questions ?
+                {{ t.faq.footer_text }}
            </p>
            <a href="#contact" class="btn btn-secondary">
-                Contactez-nous →
+                {{ t.faq.footer_cta }} →
            </a>
        </div>
    </div>
@@ -1,14 +1,14 @@
 <section id="services-libres" class="fediverse">
    <div class="section-container">
-        <h2>Nos <span class="accent-text">services hébergés</span></h2>
+        <h2>{{ t.services.section_title }} <span class="accent-text">{{ t.services.section_title_accent }}</span></h2>
        <p class="section-subtitle">
-            Des alternatives libres aux géants du web, vos données restent sous votre contrôle, pas dans les serveurs de Google ou d'Amazon.
+            {{ t.services.section_subtitle }}
        </p>
        <div class="services-grid">
-            {% for service in services %}
+            {% for service in t.services.items %}
            <div class="service-card">
-                <div class="service-icon">{{ service.icon }}</div>
+                <div class="service-icon">{% include "icons/" + (service.platform | lower) + ".svg" %}</div>
                <h3>{{ service.name }}</h3>
                <div class="service-platform">{{ service.platform }}</div>
                <p class="service-description">
@@ -1,18 +1,30 @@
 <footer>
    <div class="flag-bar"></div>
    <div class="footer-content">
-        <p style="font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem;">
+        <p class="footer-name">
-            {{ site.name }}
+            {{ t.site.name }}
        </p>
-        <p style="opacity: 0.8;">
+        <p class="footer-meta">
-            Association à but non lucratif | Promotion des langues et cultures | Alternatives libres aux GAFAM
+            © {% year %} {{ t.site.name }} | {{ t.site.tagline }}
        </p>
-        <p style="margin-top: 1rem; font-size: 0.9rem; opacity: 0.7;">
+        <p class="footer-legal">
-            {{ site.copyright }} | {{ site.tagline }}
+            <a href="{% if locale == 'en' %}/en/legal-notice/{% else %}/mentions-legales/{% endif %}">
-        </p>
+                {{ t.footer.legal_link }}
        <p style="margin-top: 1rem;">
            <a href="/mentions-legales/" style="color: var(--or-oki); text-decoration: none; transition: opacity 0.3s;" onmouseover="this.style.opacity='0.7'" onmouseout="this.style.opacity='1'">
                Mentions Légales
            </a>
        </p>
        <div class="footer-socials">
            <a href="mailto:kontak@o-k-i.net" title="Email" class="social-link">
                {% include "icons/email.svg" %}
            </a>
            <a href="https://wa.me/262692229740" target="_blank" rel="noopener noreferrer" title="WhatsApp" class="social-link">
                {% include "icons/whatsapp.svg" %}
            </a>
            <a href="https://discord.gg/DPvUCA8dD" target="_blank" rel="noopener noreferrer" title="Discord" class="social-link">
                {% include "icons/discord.svg" %}
            </a>
            <a href="https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net" target="_blank" rel="noopener noreferrer" title="Code source sur Labola (Gitea)" class="social-link">
                {% include "icons/gitea.svg" %}
            </a>
        </div>
    </div>
 </footer>
@@ -1,26 +1,19 @@
 <section class="hero">
    <div class="network-bg">
        <div class="node" style="top: 20%; left: 10%;"></div>
        <div class="node" style="top: 50%; left: 80%; animation-delay: 1s;"></div>
        <div class="node" style="top: 70%; left: 30%; animation-delay: 2s;"></div>
        <div class="node" style="top: 30%; left: 60%; animation-delay: 0.5s;"></div>
        <div class="node" style="top: 80%; left: 70%; animation-delay: 1.5s;"></div>
    </div>
    <div class="hero-content">
        <h1>ORGANISATION KA</h1>
        <h2 class="hero-subtitle">INTERNATIONALE</h2>
-        <p style="font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--or-oki); font-weight: 600;">
+        <p class="hero-tagline">
-            {{ site.tagline }}
+            {{ t.site.tagline }}
        </p>
        <div class="hero-tags">
-            <span class="tag">✊ Applications web pour vos associations</span>
+            {% for tag in t.hero.tags %}
-            <span class="tag">💸 Tarifs préférentiels pour les organisations militantes</span>
+            <span class="tag">{{ tag }}</span>
-            <span class="tag">🔓 Indépendant des GAFAM</span>
+            {% endfor %}
        </div>
-        <p>{{ site.description }}</p>
+        <p>{{ t.site.description }}</p>
        <div class="cta-buttons">
-            <a href="#solutions" class="btn btn-primary">Nos Solutions</a>
+            <a href="#solutions" class="btn btn-primary">{{ t.hero.cta_primary }}</a>
-            <a href="#mission" class="btn btn-secondary">Notre Mission</a>
+            <a href="#mission" class="btn btn-secondary">{{ t.hero.cta_secondary }}</a>
        </div>
    </div>
 </section>
@@ -1,105 +1,61 @@
 <section id="hebergement" class="hosting">
    <div class="section-container">
-        <h2 style="text-align: center; margin-bottom: 1rem;">Développement <span class="accent-text">Web sur Mesure</span></h2>
+        <h2>{{ t.hosting.section_title }} <span class="accent-text">{{ t.hosting.section_title_accent }}</span></h2>
-        <p class="section-subtitle" style="text-align: center; margin-bottom: 3rem;">
+        <p class="section-subtitle">
-            Chaque organisation a des besoins uniques. Nous concevons et développons l'outil numérique qui correspond exactement à votre fonctionnement, pas un template, une vraie application.
+            {{ t.hosting.section_subtitle }}
        </p>
        <div class="hosting-banner">
-            <h3>🚀 Des solutions complètes, de A à Z</h3>
+            <h3>{{ t.hosting.banner_title }}</h3>
-            <p>OKI accompagne les associations et collectifs à chaque étape : conception, développement, hébergement, formation et maintenance.</p>
+            <p>{{ t.hosting.banner_text }}</p>
            <div class="hosting-features">
                {% for feature in t.hosting.features %}
                <div class="hosting-feature">
-                    <span>✓</span> Développement d'applications web sur mesure
+                    <span>✓</span> {{ feature }}
                </div>
                <div class="hosting-feature">
                    <span>✓</span> Sites vitrine professionnels
                </div>
                <div class="hosting-feature">
                    <span>✓</span> Instances Fédiverse clé en main
                </div>
                <div class="hosting-feature">
                    <span>✓</span> Hébergement sécurisé et indépendant
                </div>
                <div class="hosting-feature">
                    <span>✓</span> Gestion de noms de domaine
                </div>
                <div class="hosting-feature">
                    <span>✓</span> Sauvegardes automatiques quotidiennes
                </div>
                <div class="hosting-feature">
                    <span>✓</span> Formation et support technique inclus
                </div>
                {% endfor %}
            </div>
        </div>
        <div class="services-offerings">
-            <h3 style="text-align: center; color: var(--or-oki); margin: 3rem 0 2rem;">Nos offres de services</h3>
+            <h3>{{ t.hosting.offerings_title }}</h3>
-            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-bottom: 3rem;">
+            <div class="offer-cards">
-
+                {% for card in t.hosting.offer_cards %}
-                <div class="service-offering-card" style="background: rgba(0, 168, 84, 0.1); border: 2px solid var(--vert-oki); border-radius: 20px; padding: 2rem;">
+                <div class="offer-card{% if card.modifier %} offer-card--{{ card.modifier }}{% endif %}">
-                    <h4 style="color: var(--vert-oki); margin-bottom: 1rem;">💻 Application Web Sur Mesure</h4>
+                    <h4>{{ card.title }}</h4>
-                    <ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
+                    {% if card.intro %}
-                        <li style="margin-bottom: 0.5rem;">• Gestion de membres et adhésions</li>
+                    <p class="offer-intro">{{ card.intro }}</p>
-                        <li style="margin-bottom: 0.5rem;">• Agenda et gestion d'événements</li>
+                    {% endif %}
-                        <li style="margin-bottom: 0.5rem;">• Pétitions et mobilisation en ligne</li>
+                    <ul class="offer-list">
-                        <li style="margin-bottom: 0.5rem;">• Caisse de solidarité, dons</li>
+                        {% for item in card.items %}
-                        <li style="margin-bottom: 0.5rem;">• Newsletter et communication interne</li>
+                        <li>{{ item }}</li>
                        {% endfor %}
                    </ul>
-                    <p style="color: var(--or-oki); font-weight: bold;">Développement sur mesure</p>
+                    <p class="offer-tagline">{{ card.tagline }}</p>
                </div>
                <div class="service-offering-card" style="background: rgba(237, 28, 76, 0.1); border: 2px solid var(--rouge-oki); border-radius: 20px; padding: 2rem;">
                    <h4 style="color: var(--rouge-oki); margin-bottom: 1rem;">🌐 Site Vitrine & Hébergement</h4>
                    <ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
                        <li style="margin-bottom: 0.5rem;">• WordPress ou site statique</li>
                        <li style="margin-bottom: 0.5rem;">• Hébergement mutualisé sécurisé</li>
                        <li style="margin-bottom: 0.5rem;">• Base de données MySQL/PostgreSQL</li>
                        <li style="margin-bottom: 0.5rem;">• Certificat SSL gratuit</li>
                        <li style="margin-bottom: 0.5rem;">• Serveur mail inclus</li>
                    </ul>
                    <p style="color: var(--or-oki); font-weight: bold;">Hébergement éthique</p>
                </div>
                <div class="service-offering-card" style="background: rgba(232, 166, 37, 0.1); border: 2px solid var(--or-oki); border-radius: 20px; padding: 2rem;">
                    <h4 style="color: var(--or-oki); margin-bottom: 1rem;">🕸️ Instance Fédiverse</h4>
                    <p style="margin-bottom: 1rem; font-size: 0.95rem; opacity: 0.9;">Votre association veut sa propre plateforme libre, sans dépendre d'un tiers ? On installe et administre votre instance :</p>
                    <ul style="list-style: none; padding: 0; margin-bottom: 1.5rem;">
                        <li style="margin-bottom: 0.5rem;">• Mastodon / Pleroma (réseau social)</li>
                        <li style="margin-bottom: 0.5rem;">• PeerTube (vidéo)</li>
                        <li style="margin-bottom: 0.5rem;">• Castopod (podcast)</li>
                        <li style="margin-bottom: 0.5rem;">• Pixelfed (photos)</li>
                        <li style="margin-bottom: 0.5rem;">• Funkwhale (musique)</li>
                    </ul>
                    <p style="color: var(--or-oki); font-weight: bold;">Installation & maintenance</p>
                </div>
                {% endfor %}
            </div>
-            <div style="background: rgba(232, 166, 37, 0.1); border-radius: 15px; padding: 2rem; margin-bottom: 2rem;">
+            <div class="hosting-note">
-                <h4 style="color: var(--or-oki); margin-bottom: 1rem;">🔐 Gestion numérique sécurisée</h4>
+                <h4>{{ t.hosting.note_title }}</h4>
-                <p style="margin-bottom: 1rem;">OKI peut assurer la gestion complète de vos propriétés numériques :</p>
+                <p>{{ t.hosting.note_intro }}</p>
-                <ul style="list-style: none; padding-left: 1rem;">
+                <ul>
-                    <li style="margin-bottom: 0.5rem;">✅ Propriété et gestion de noms de domaine</li>
+                    {% for item in t.hosting.note_items %}
-                    <li style="margin-bottom: 0.5rem;">✅ Administration de comptes web (réseaux sociaux, emails)</li>
+                    <li>{{ item }}</li>
-                    <li style="margin-bottom: 0.5rem;">✅ Gestion sécurisée des accès et mots de passe</li>
+                    {% endfor %}
                    <li style="margin-bottom: 0.5rem;">✅ Protection contre les prises de contrôle internes</li>
                    <li style="margin-bottom: 0.5rem;">✅ Médiation en cas de conflits sur les outils numériques</li>
                </ul>
            </div>
-            <div style="text-align: center; margin-top: 3rem;">
+            <div class="hosting-why">
-                <h4 style="color: var(--or-oki); margin-bottom: 1rem;">💡 Pourquoi choisir OKI ?</h4>
+                <h4>{{ t.hosting.why_title }}</h4>
-                <p style="max-width: 800px; margin: 0 auto 2rem; line-height: 1.6;">
+                <p>
-                    Notre équipe technique, composée d'experts engagés, garantit l'impartialité,
+                    {{ t.hosting.why_text }}
                    la sécurité et la pérennité de vos outils numériques. Nous mutualisons les coûts entre
                    projets solidaires pour des tarifs justes et accessibles et nous appliquons des tarifs
                    préférentiels aux organisations militantes.
                </p>
                <a href="#contact" class="btn btn-primary">
-                    Contactez-nous →
+                    {{ t.hosting.why_cta }} →
                </a>
            </div>
        </div>
@@ -1,15 +1,15 @@
 <section id="mission" class="mission">
    <div class="section-container">
-        <h2>Notre <span class="accent-text">Mission</span></h2>
+        <h2>{{ t.mission.section_title }} <span class="accent-text">{{ t.mission.section_title_accent }}</span></h2>
        <p class="mission-text">
-            OKI développe des applications web sur mesure pour les associations, collectifs et organisations qui changent le monde. Nous croyons que la qualité des outils numériques ne devrait pas être réservée à ceux qui ont les moyens, c'est pourquoi nous proposons des tarifs adaptés à la réalité de chaque structure, avec une attention particulière pour les organisations militantes.
+            {{ t.mission.paragraph_main }}
        </p>
-        <p class="mission-text" style="font-size: 1.1rem; margin-top: 1rem;">
+        <p class="mission-text mission-text--secondary">
-            Nos langues, nos cultures, nos luttes méritent des outils qui leur ressemblent. Pas des templates génériques, de vraies solutions pensées pour vous.
+            {{ t.mission.paragraph_secondary }}
        </p>
        <div class="values-grid">
-            {% for value in values %}
+            {% for value in t.values %}
            <div class="value-card">
                <div class="value-icon">{{ value.icon }}</div>
                <h3>{{ value.title }}</h3>
@@ -1,19 +1,41 @@
 <nav>
    <div class="nav-container">
-        <a href="/" class="logo logo-with-glow" style="display: flex; align-items: center; gap: 0.5rem;">
+        <a href="/" class="logo">
-            <img src="/assets/images/logo-512x512.png" alt="{{ site.shortName }} Logo" class="logo-image" style="height: 2.5rem; width: auto;">
+            <img src="/assets/images/logo-512x512.png" alt="{{ t.site.shortName }} Logo" class="logo-image">
-            <span>{{ site.shortName }}</span>
+            <span>{{ t.site.shortName }}</span>
        </a>
        <ul class="nav-links">
-            {% for item in navigation %}
+            {% for item in t.navigation %}
            {% if item.children %}
            <li class="has-dropdown">
                <button type="button" class="nav-dropdown-trigger" aria-haspopup="true" aria-expanded="false">
                    {{ item.text }} <span class="dropdown-caret">▾</span>
                </button>
                <ul class="nav-dropdown">
                    {% for child in item.children %}
                    <li>
                        <a href="{{ child.url }}"{% if child.external %} target="_blank"{% endif %}>
                            {{ child.text }}
                        </a>
                    </li>
                    {% endfor %}
                </ul>
            </li>
            {% else %}
            <li>
                <a href="{{ item.url }}"{% if item.external %} target="_blank"{% endif %}>
                    {{ item.text }}
                </a>
            </li>
            {% endif %}
            {% endfor %}
        </ul>
-        <button id="theme-toggle" class="theme-toggle" aria-label="Changer de thème" title="Changer de thème">
+        {% if locale == 'en' %}
        <a href="#" class="lang-switch" data-lang="fr">{{ t.ui.lang_switch_label }}</a>
        {% else %}
        <a href="#" class="lang-switch" data-lang="en">{{ t.ui.lang_switch_label }}</a>
        {% endif %}
        <button id="theme-toggle" class="theme-toggle" aria-label="{{ t.ui.theme_toggle }}" title="{{ t.ui.theme_toggle }}">
            <span class="theme-icon theme-icon-dark">🌙</span>
            <span class="theme-icon theme-icon-light">☀️</span>
        </button>
@@ -23,4 +45,5 @@
            <span></span>
        </div>
    </div>
    <div class="flag-bar"></div>
 </nav>
@@ -1,22 +1,26 @@
 <section id="partenaires" class="partners">
    <div class="section-container">
-        <h2 style="text-align: center; margin-bottom: 1rem;">Nos <span class="accent-text">Partenaires</span></h2>
+        <h2>{{ t.partners.section_title }} <span class="accent-text">{{ t.partners.section_title_accent }}</span></h2>
        <p class="section-subtitle">
-            Ils partagent nos valeurs et contribuent à enrichir notre écosystème numérique libre
+            {{ t.partners.section_subtitle }}
        </p>
        <div class="partners-grid">
-            {% for partner in partners %}
+            {% for partner in t.partners.items %}
-            <a href="{{ partner.url }}" target="_blank" rel="noopener noreferrer" class="partner-card">
+            <div class="partner-card">
                <div class="partner-logo-container">
                    <img src="{{ partner.logo }}" alt="Logo {{ partner.name }}" class="partner-logo">
                </div>
                <h3>{{ partner.name }}</h3>
                <p class="partner-description">{{ partner.description }}</p>
-                <span class="partner-link">
+                <div class="partner-links">
-                    Découvrir sur GADE →
+                    {% for link in partner.links %}
-                </span>
+                    <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer" class="partner-link">
-            </a>
+                        {{ link.text }} →
                    </a>
                    {% endfor %}
                </div>
            </div>
            {% endfor %}
        </div>
    </div>
@@ -1,16 +1,16 @@
 <section id="projets" class="projects">
    <div class="section-container">
-        <h2>Nos <span class="accent-text">Projets Web</span></h2>
+        <h2>{{ t.projects.section_title }} <span class="accent-text">{{ t.projects.section_title_accent }}</span></h2>
        <div class="project-cards">
-            {% for project in projects %}
+            {% for project in t.projects.items %}
-            <a href="{{ project.url }}" target="_blank" rel="noopener noreferrer" class="project-card" style="text-decoration: none; color: inherit;">
+            <a href="{{ project.url }}" target="_blank" rel="noopener noreferrer" class="project-card">
                <div class="project-icon">{{ project.icon }}</div>
                <h3>{{ project.name }}</h3>
                <p class="project-domain">{{ project.domain }}</p>
                <p>{{ project.description }}</p>
-                <span class="service-link" style="margin-top: 1rem;">
+                <span class="service-link project-card-link">
-                    Visiter le site →
+                    {{ t.projects.link_text }} →
                </span>
            </a>
            {% endfor %}
@@ -1,19 +1,19 @@
 <section id="solutions" class="publics">
    <div class="section-container">
-        <h2>Des solutions pour <span class="accent-text">chaque besoin</span></h2>
+        <h2>{{ t.publics.section_title }} <span class="accent-text">{{ t.publics.section_title_accent }}</span></h2>
        <p class="section-subtitle">
-            Que vous soyez association, entreprise ou citoyen engagé, nous avons les outils pour votre transition numérique
+            {{ t.publics.section_subtitle }}
        </p>
        <div class="publics-grid">
-            {% for public in publics %}
+            {% for public in t.publics.items %}
            <div class="public-card">
                <div class="public-icon">{{ public.icon }}</div>
                <h3>{{ public.title }}</h3>
                <p class="public-description">{{ public.description }}</p>
                <div class="public-benefits">
-                    <h4>Ce que vous obtenez :</h4>
+                    <h4>{{ t.publics.benefits_label }}</h4>
                    <ul>
                        {% for benefit in public.benefits %}
                        <li>✓ {{ benefit }}</li>
@@ -29,11 +29,11 @@
        </div>
        <div class="publics-footer">
-            <p style="font-size: 1.2rem; margin-bottom: 1rem; font-weight: 600;">
+            <p>
-                💡 Prêt à franchir le pas ?
+                {{ t.publics.footer_line1 }}
            </p>
-            <p style="opacity: 0.9;">
+            <p>
-                Parce que tout grand changement commence par une conversation
+                {{ t.publics.footer_line2 }}
            </p>
        </div>
    </div>
@@ -1,83 +1,56 @@
 <section id="dons" class="support">
    <div class="section-container">
-        <h2>Nous <span class="accent-text">Soutenir</span></h2>
+        <h2>{{ t.support.section_title }} <span class="accent-text">{{ t.support.section_title_accent }}</span></h2>
-        <p style="font-size: 1.3rem; margin-bottom: 1rem;">
+        <p class="support-lede">
-            Chaque like, chaque partage, chaque don compte pour construire cet internet-là
+            {{ t.support.lede }}
        </p>
-        <p style="font-size: 1.1rem; margin-bottom: 3rem; opacity: 0.9;">
+        <p class="support-lede-secondary">
-            Celui où nos ancêtres ne seraient pas effacés par des algorithmes aveugles. Celui où une jeune fille de Lapwent (Pointe-à-Pitre) peut lancer un média en langue dite "créole", sans demander la permission à une multinationale.
+            {{ t.support.lede_secondary }}
        </p>
-        <!-- Donation Options Container -->
+        <div class="donation-panels">
        <div style="max-width: 900px; margin: 0 auto;">
-            <!-- One-time Donations -->
+            <div class="support-panel support-panel--primary">
-            <div style="background: rgba(232, 166, 37, 0.1); border-radius: 20px; padding: 2rem; margin-bottom: 2rem;">
+                <h3>{{ t.support.one_time_title }}</h3>
                <h3 style="color: var(--or-oki); margin-bottom: 1.5rem; text-align: center;">
                    💸 Don ponctuel
                </h3>
-                <div class="donation-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;">
+                <div class="donation-grid">
-                    <a href="https://don.o-k-i.net/b/aEUdTw5SD3SH7m0bII" class="donation-amount" target="_blank" rel="noopener noreferrer">
+                    {% for d in donations.oneTime %}
-                        1€
+                    <a href="{{ d.url }}" class="donation-amount" target="_blank" rel="noopener noreferrer">
-                    </a>
+                        {{ d.amount }}{{ t.support.one_time_suffix }}
                    <a href="https://don.o-k-i.net/b/4gw6r480L1Kz5dScMO" class="donation-amount" target="_blank" rel="noopener noreferrer">
                        5€
                    </a>
                    <a href="https://don.o-k-i.net/b/5kA02G1Cn4WLbCgeUV" class="donation-amount" target="_blank" rel="noopener noreferrer">
                        10€
                    </a>
                    <a href="https://don.o-k-i.net/b/fZebLo94PfBpayc5kn" class="donation-amount" target="_blank" rel="noopener noreferrer">
                        20€
                    </a>
                    <a href="https://don.o-k-i.net/b/6oE5n05SDdth49O004" class="donation-amount" target="_blank" rel="noopener noreferrer">
                        50€
                    </a>
                    {% endfor %}
                </div>
                <div style="text-align: center;">
-                    <label style="display: block; margin-bottom: 1rem; color: var(--blanc-creme);">Montant personnalisé :</label>
+                    <label class="donation-form-label">{{ t.support.custom_amount_label }}</label>
                    <div class="custom-donation-form">
-                        <input type="number" id="customAmountOneTime" placeholder="Montant" min="1" class="custom-amount-input">
+                        <input type="number" id="customAmountOneTime" placeholder="{{ t.support.custom_amount_placeholder }}" min="1" class="custom-amount-input">
-                        <span class="currency-symbol">€</span>
+                        <span class="currency-symbol">{{ t.support.one_time_suffix }}</span>
-                        <button onclick="handleCustomDonation('oneTime')" class="custom-donation-btn custom-donation-btn-primary" onmouseover="this.style.transform='translateY(-2px)'" onmouseout="this.style.transform=''">
+                        <button data-donation-type="oneTime" class="custom-donation-btn custom-donation-btn-primary">
-                            Donner
+                            {{ t.support.custom_amount_btn }}
                        </button>
                    </div>
                </div>
            </div>
-            <!-- Monthly Donations -->
+            <div class="support-panel support-panel--secondary">
-            <div style="background: rgba(0, 168, 84, 0.1); border-radius: 20px; padding: 2rem;">
+                <h3>{{ t.support.monthly_title }}</h3>
                <h3 style="color: var(--vert-oki); margin-bottom: 1.5rem; text-align: center;">
                    ⭐ Don mensuel
                </h3>
-                <div class="donation-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;">
+                <div class="donation-grid">
-                    <a href="https://don.o-k-i.net/b/7sI9Dgch14WL7m0fZ3" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
+                    {% for d in donations.monthly %}
-                        1€/mois
+                    <a href="{{ d.url }}" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
-                    </a>
+                        {{ d.amount }}{{ t.support.monthly_suffix }}
                    <a href="https://don.o-k-i.net/b/8wM4iW4Ozbl95dS6ow" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
                        5€/mois
                    </a>
                    <a href="https://don.o-k-i.net/b/8wM2aO80L74TcGk3ci" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
                        10€/mois
                    </a>
                    <a href="https://don.o-k-i.net/b/00g7v894P88XgWAfZ7" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
                        20€/mois
                    </a>
                    <a href="https://don.o-k-i.net/b/4gw8zc6WHgFtcGkbIP" class="donation-amount monthly" target="_blank" rel="noopener noreferrer">
                        50€/mois
                    </a>
                    {% endfor %}
                </div>
                <div style="text-align: center;">
-                    <label style="display: block; margin-bottom: 1rem; color: var(--blanc-creme);">Montant mensuel personnalisé :</label>
+                    <label class="donation-form-label">{{ t.support.custom_monthly_label }}</label>
                    <div class="custom-donation-form">
-                        <input type="number" id="customAmountMonthly" placeholder="Montant" min="1" class="custom-amount-input custom-amount-input-monthly">
+                        <input type="number" id="customAmountMonthly" placeholder="{{ t.support.custom_amount_placeholder }}" min="1" class="custom-amount-input custom-amount-input-monthly">
-                        <span class="currency-symbol">€/mois</span>
+                        <span class="currency-symbol">{{ t.support.monthly_suffix }}</span>
-                        <button onclick="handleCustomDonation('monthly')" class="custom-donation-btn custom-donation-btn-secondary" onmouseover="this.style.transform='translateY(-2px)'" onmouseout="this.style.transform=''">
+                        <button data-donation-type="monthly" class="custom-donation-btn custom-donation-btn-secondary">
-                            S'abonner
+                            {{ t.support.custom_monthly_btn }}
                        </button>
                    </div>
                </div>
@@ -85,63 +58,36 @@
        </div>
-        <!-- Alternative Donation Methods -->
+        <div class="alt-donation-section">
-        <div style="margin-top: 3rem;">
+            <h3 class="alt-donation-title">
-            <h3 style="text-align: center; color: var(--or-oki); margin-bottom: 2rem; font-size: 1.5rem;">
+                {{ t.support.alt_title }}
                Autres moyens de nous soutenir
            </h3>
-            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; max-width: 700px; margin: 0 auto;">
+            <div class="alt-donation-grid">
-
+                <a href="{{ donations.liberapay }}" target="_blank" rel="noopener noreferrer" class="alt-donation-card alt-donation-card--liberapay">
-                <!-- Liberapay -->
+                    <div class="alt-donation-icon">💛</div>
-                <a href="https://liberapay.com/OKI/donate" target="_blank" rel="noopener noreferrer" style="
+                    <h4>{{ t.support.liberapay_title }}</h4>
-                    display: flex;
+                    <p>
-                    flex-direction: column;
+                        {{ t.support.liberapay_text }}
                    align-items: center;
                    gap: 1rem;
                    padding: 2rem;
                    background: rgba(242, 179, 54, 0.1);
                    border: 2px solid #F2B336;
                    border-radius: 15px;
                    text-decoration: none;
                    transition: all 0.3s ease;
                " onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 30px rgba(242, 179, 54, 0.3)'" onmouseout="this.style.transform=''; this.style.boxShadow=''">
                    <div style="font-size: 3rem;">💛</div>
                    <h4 style="color: #F2B336; font-size: 1.3rem; margin: 0;">Liberapay</h4>
                    <p style="color: var(--blanc-creme); text-align: center; margin: 0; font-size: 0.95rem;">
                        Soutenez-nous via Liberapay, une plateforme libre et éthique
                    </p>
                </a>
-                <!-- Ko-fi -->
+                <a href="{{ donations.kofi }}" target="_blank" rel="noopener noreferrer" class="alt-donation-card alt-donation-card--kofi">
-                <a href="https://ko-fi.com/J3J5TOZPI" target="_blank" rel="noopener noreferrer" style="
+                    <div class="alt-donation-icon">☕</div>
-                    display: flex;
+                    <h4>{{ t.support.kofi_title }}</h4>
-                    flex-direction: column;
+                    <p>
-                    align-items: center;
+                        {{ t.support.kofi_text }}
                    gap: 1rem;
                    padding: 2rem;
                    background: rgba(255, 93, 93, 0.1);
                    border: 2px solid #FF5E5B;
                    border-radius: 15px;
                    text-decoration: none;
                    transition: all 0.3s ease;
                " onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 10px 30px rgba(255, 93, 93, 0.3)'" onmouseout="this.style.transform=''; this.style.boxShadow=''">
                    <div style="font-size: 3rem;">☕</div>
                    <h4 style="color: #FF5E5B; font-size: 1.3rem; margin: 0;">Ko-fi</h4>
                    <p style="color: var(--blanc-creme); text-align: center; margin: 0; font-size: 0.95rem;">
                        Offrez-nous un café sur Ko-fi pour nous encourager
                    </p>
                </a>
            </div>
        </div>
-        <div style="text-align: center; margin-top: 3rem; padding: 1.5rem; background: rgba(0, 0, 0, 0.3); border-radius: 15px;">
+        <div class="security-note">
-            <p style="font-size: 0.95rem; margin-bottom: 0.5rem;">
+            <p>
-                🔒 Les dons directs (montants ci-dessus) sont sécurisés par <a href="https://stripe.com/" target="_blank" style="color: var(--or-oki); text-decoration: none;">Stripe</a>.
+                {{ t.support.security_stripe | safe }}
            </p>
-            <p style="font-size: 0.9rem; opacity: 0.8;">
+            <p>
-                Liberapay et Ko-fi utilisent leurs propres systèmes de paiement sécurisés.
+                {{ t.support.security_alt }}
            </p>
        </div>
    </div>
@@ -0,0 +1,15 @@
 (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 = document.documentElement.dataset.locale || 'fr';
    if (wantsEnglish && currentLocale !== 'en') {
        window.location.replace('/en/' + window.location.hash);
    } else if (!wantsEnglish && currentLocale === 'en') {
        window.location.replace('/' + window.location.hash);
    }
 })();
@@ -21,13 +21,6 @@
        // Sauvegarder la préférence
        localStorage.setItem('oki-theme', newTheme);
        // Mettre à jour le menu mobile si ouvert
        const navLinks = document.querySelector('.nav-links');
        if (navLinks && navLinks.style.display === 'flex') {
            const background = newTheme === 'light' ? 'rgba(255, 248, 231, 0.98)' : 'rgba(0, 0, 0, 0.98)';
            navLinks.style.background = background;
        }
        // Mettre à jour les styles de la nav en fonction du scroll actuel
        const nav = document.querySelector('nav');
        const currentScroll = window.pageYOffset;
@@ -67,14 +60,58 @@
    // Ajouter l'événement au bouton
    themeToggle?.addEventListener('click', toggleTheme);
    // Language switcher links
    document.querySelectorAll('.lang-switch').forEach(function(link) {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            var lang = this.dataset.lang;
            if (lang) {
                localStorage.setItem('oki-lang-pref', lang);
                switchLanguage(lang);
            }
        });
    });
 })();
-// Smooth scrolling
+// Language switch with page mapping
-document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+function switchLanguage(lang) {
    const currentPath = window.location.pathname;
    let newPath;
    if (lang === 'fr') {
        // Switch to French
        if (currentPath.startsWith('/en/')) {
            newPath = currentPath.substring(3); // Remove '/en'
        } else {
            newPath = currentPath;
        }
        newPath = newPath.replace('/press/', '/presse/');
        newPath = newPath.replace('/legal-notice/', '/mentions-legales/');
        newPath = newPath.replace('/donate/', '/dons/');
    } else {
        // Switch to English
        if (!currentPath.startsWith('/en/')) {
            newPath = '/en' + currentPath;
        } else {
            newPath = currentPath;
        }
        newPath = newPath.replace('/presse/', '/press/');
        newPath = newPath.replace('/mentions-legales/', '/legal-notice/');
        newPath = newPath.replace('/dons/', '/donate/');
    }
    window.location.href = newPath;
 }
 // Smooth scrolling (uniquement pour les ancres de la page courante)
 document.querySelectorAll('a[href*="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
-        e.preventDefault();
+        const url = new URL(this.href, window.location.href);
-        const target = document.querySelector(this.getAttribute('href'));
+        if (url.pathname !== window.location.pathname || !url.hash) return;
        const target = document.querySelector(url.hash);
        if (target) {
            e.preventDefault();
            target.scrollIntoView({
                behavior: 'smooth',
                block: 'start'
@@ -90,32 +127,18 @@ let menuOpen = false;
 menuToggle?.addEventListener('click', () => {
    menuOpen = !menuOpen;
-    if (menuOpen) {
+    navLinks.classList.toggle('mobile-open', menuOpen);
-        // Déterminer le fond selon le thème actuel
+    menuToggle.classList.toggle('open', menuOpen);
-        const isLightTheme = document.documentElement.classList.contains('light-theme');
+});
        const background = isLightTheme ? 'rgba(255, 248, 231, 0.98)' : 'rgba(0, 0, 0, 0.98)';
-        navLinks.style.display = 'flex';
+// Si la fenêtre est agrandie au-delà du breakpoint mobile pendant que le
-        navLinks.style.position = 'absolute';
+// menu est ouvert, on réinitialise son état pour éviter qu'il reste caché
-        navLinks.style.top = '100%';
+// ou en position absolue quand la nav desktop redevient visible.
-        navLinks.style.left = '0';
+window.addEventListener('resize', () => {
-        navLinks.style.right = '0';
+    if (menuOpen && window.innerWidth > 1100) {
-        navLinks.style.background = background;
+        menuOpen = false;
-        navLinks.style.flexDirection = 'column';
+        navLinks.classList.remove('mobile-open');
-        navLinks.style.padding = '1rem';
+        menuToggle.classList.remove('open');
        navLinks.style.borderTop = '2px solid #E8A625';
        // Animate menu toggle
        menuToggle.children[0].style.transform = 'rotate(45deg) translateY(8px)';
        menuToggle.children[1].style.opacity = '0';
        menuToggle.children[2].style.transform = 'rotate(-45deg) translateY(-8px)';
    } else {
        navLinks.style.display = 'none';
        // Reset menu toggle
        menuToggle.children[0].style.transform = '';
        menuToggle.children[1].style.opacity = '1';
        menuToggle.children[2].style.transform = '';
    }
 });
@@ -123,13 +146,40 @@ menuToggle?.addEventListener('click', () => {
 document.addEventListener('click', (e) => {
    if (menuOpen && !menuToggle.contains(e.target) && !navLinks.contains(e.target)) {
        menuOpen = false;
-        navLinks.style.display = 'none';
+        navLinks.classList.remove('mobile-open');
-        menuToggle.children[0].style.transform = '';
+        menuToggle.classList.remove('open');
        menuToggle.children[1].style.opacity = '1';
        menuToggle.children[2].style.transform = '';
    }
 });
 // Close mobile menu after clicking a nav link
 navLinks?.querySelectorAll('a').forEach(link => {
    link.addEventListener('click', () => {
        if (menuOpen) {
            menuOpen = false;
            navLinks.classList.remove('mobile-open');
            menuToggle.classList.remove('open');
        }
    });
 });
 // Nav dropdown ("Ressources") toggle for touch/keyboard
 document.querySelectorAll('.nav-dropdown-trigger').forEach(trigger => {
    trigger.addEventListener('click', () => {
        const item = trigger.closest('.has-dropdown');
        const isOpen = item.classList.toggle('open');
        trigger.setAttribute('aria-expanded', isOpen);
    });
 });
 document.addEventListener('click', (e) => {
    document.querySelectorAll('.has-dropdown.open').forEach(item => {
        if (!item.contains(e.target)) {
            item.classList.remove('open');
            item.querySelector('.nav-dropdown-trigger')?.setAttribute('aria-expanded', 'false');
        }
    });
 });
 // Scroll animations
 const observerOptions = {
    threshold: 0.15,
@@ -227,24 +277,6 @@ function createNetworkLine() {
 // Initialize network lines
 createNetworkLine();
 // Dynamic typing effect for hero subtitle
 const subtitle = document.querySelector('.hero-subtitle');
 if (subtitle) {
    const text = subtitle.textContent;
    subtitle.textContent = '';
    let index = 0;
    function typeWriter() {
        if (index < text.length) {
            subtitle.textContent += text.charAt(index);
            index++;
            setTimeout(typeWriter, 100);
        }
    }
    setTimeout(typeWriter, 800);
 }
 // Add hover effect to project cards with tilt
 document.querySelectorAll('.project-card, .service-card').forEach(card => {
    card.addEventListener('mousemove', (e) => {
@@ -314,3 +346,18 @@ function handleCustomDonation(type) {
    window.location.href = stripeUrl;
 }
 // FAQ accordion toggle
 document.querySelectorAll('.faq-question').forEach(button => {
    button.addEventListener('click', () => {
        button.parentElement.classList.toggle('active');
    });
 });
 // Custom donation buttons
 document.querySelectorAll('.custom-donation-btn').forEach(button => {
    button.addEventListener('click', () => {
        const type = button.dataset.donationType;
        if (type) handleCustomDonation(type);
    });
 });
@@ -0,0 +1,17 @@
 (function() {
    // Récupérer le thème stocké ou détecter le thème système
    const storedTheme = localStorage.getItem('oki-theme');
    const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
    let theme = storedTheme;
    // Si pas de préférence stockée, utiliser le thème système
    if (!storedTheme) {
        theme = systemPrefersDark ? 'dark' : 'light';
    }
    // Appliquer le thème immédiatement
    if (theme === 'light') {
        document.documentElement.classList.add('light-theme');
    }
 })();
@@ -0,0 +1,12 @@
 ---
 layout: layouts/base.njk
 title: Dons
 description: Soutenez ORGANISATION KA INTERNATIONALE par un don ponctuel ou mensuel via Stripe, Liberapay ou Ko-fi.
 ---
 <section class="press-hero">
    <h1>{{ t.support.section_title }} <span class="accent-text">{{ t.support.section_title_accent }}</span></h1>
    <p class="press-lede">{{ t.support.lede }}</p>
 </section>
 {% include "partials/support.njk" %}
@@ -0,0 +1,12 @@
 ---
 layout: layouts/base.njk
 title: Donate
 description: Support ORGANISATION KA INTERNATIONALE with a one-time or monthly donation through Stripe, Liberapay or Ko-fi.
 ---
 <section class="press-hero">
    <h1>{{ t.support.section_title }} <span class="accent-text">{{ t.support.section_title_accent }}</span></h1>
    <p class="press-lede">{{ t.support.lede }}</p>
 </section>
 {% include "partials/support.njk" %}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
cedric	4d6a94e251	fix: remove cdn	2026-07-22 21:22:56 +04:00
cedric	f0fd5eeca1	fix: npm audit fix	2026-07-22 21:22:36 +04:00
cedric	1b05d2f9a4	chore: change la licence	2026-07-22 21:22:22 +04:00
cedric	bb680f60b0	Revert "feat: servir les images via le CDN BunnyCDN" This reverts commit `58dd9297e0`.	2026-07-22 21:12:34 +04:00
cedric	d0fc7207f2	typo	2026-07-13 23:07:45 +04:00
cedric	66da280a50	typo: correction des liens des partenaires + ajout d'autres plateformes	2026-07-13 21:39:48 +04:00
cedric	742a275958	fix(hero): retire l'effet machine à écrire sur INTERNATIONALE	2026-07-13 21:30:31 +04:00
cedric	e3b562afcf	fix(nav): synchronise les fermetures du menu burger (lien, clic extérieur) avec les classes CSS	2026-07-13 21:26:33 +04:00
cedric	284e29f6d5	fix(nav): corrige le menu mobile invisible après fermeture puis agrandissement	2026-07-13 19:19:00 +04:00
cedric	2f16ccb4b8	fix(nav): fait apparaître le burger dès 1100px pour éviter un menu tassé	2026-07-13 19:13:54 +04:00
cedric	4307c80bd6	feat: add more links in partners	2026-07-13 19:13:09 +04:00
cedric	17540980af	feat: remonte Partenaires en item principal du menu, aligné sur l'ordre de la page	2026-07-13 19:09:56 +04:00
cedric	da094adaad	feat: place la section Partenaires avant DJANGOKAM	2026-07-13 19:05:20 +04:00
cedric	5f5e581d99	feat: permet plusieurs liens par partenaire	2026-07-13 18:57:44 +04:00
cedric	851b03c60b	feat: remonte la section Partenaires et rend le lien de plateforme dynamique par partenaire	2026-07-13 18:52:47 +04:00
cedric	db5fc5240c	fix: réintègre la section Partenaires manquante de l'accueil	2026-07-13 18:49:00 +04:00
cedric	1644d2606f	docs: mise à jour de la documentation suite aux évolutions récentes - README.md : services, projets, liens sociaux, structure, sécurité et copyright 2026 - CHANGELOG.md : ajout d'une section Unreleased (headers HTTP, HTTPS, CSP, FEDIVERSE.OKI, réseaux sociaux, o2switch) - CONTRIBUTING.md : correction des exemples, ajout du filtre CDN et note sécurité - SEO.md : plateformes sociales et checklist HTTPS/hreflang à jour	2026-07-09 03:37:51 +04:00
cedric	d3afa0ca1d	fix(contact): lien Labola vers l'organisation - Met à jour le lien Labola de la section Code & Développement vers l'organisation Gitea	2026-07-09 03:31:27 +04:00
cedric	de4fd1d54c	fix(footer): lien Labola vers le dépôt du site - Remplace le lien générique Labola par le repo o-k-i.net	2026-07-09 03:30:43 +04:00
cedric	b650a52591	fix(footer): retire Telegram et remet WhatsApp comme contact - Supprime le lien Telegram du footer - Rétablit le lien WhatsApp de contact (wa.me) dans le footer	2026-07-09 03:28:33 +04:00
cedric	1189141937	fix(contact/footer): distingue les chaînes PAWOL.NU et met à jour WhatsApp - Met à jour le lien WhatsApp vers la chaîne publique - Regroupe WhatsApp et Telegram sous une section Chaînes PAWOL.NU - Affiche les titres de section dans la page contact pour distinguer les chaînes - Met à jour les tooltips du footer pour indiquer les chaînes PAWOL.NU	2026-07-09 02:38:30 +04:00
cedric	e2df9c0501	fix(legal): remplace OVH par o2switch dans les mentions légales - Met à jour l'hébergeur et l'adresse postale en français et en anglais	2026-07-09 02:26:28 +04:00
cedric	964149e0bb	fix(footer): année du copyright dynamique à la génération du site - Remplace l'année en dur par un shortcode Eleventy {% year %} - Supprime le champ copyright obsolète des JSON i18n	2026-07-09 02:17:53 +04:00
cedric	46a039d2d2	fix(contact/footer): retire X (Twitter) et TikTok des contacts et du footer - Supprime X et TikTok des JSON de contact (FR/EN) - Retire les liens X et TikTok du footer - Supprime les branches de rendu d'icônes X et TikTok dans contact.njk	2026-07-08 23:27:19 +04:00
cedric	c27f37f979	fix(contact/footer): retire Stoat des contacts et du footer - Supprime l'entrée Stoat des JSON de contact (FR/EN) - Retire le lien Stoat du footer - Supprime la branche de rendu d'icône Stoat dans contact.njk	2026-07-08 23:16:27 +04:00
cedric	6559ac39a4	fix(contact/footer): met à jour le lien d'invitation Discord	2026-07-08 11:48:16 +04:00
cedric	f1a9fa63e0	fix(clients): récupère les logos distants en local et sert via le CDN - Télécharge les logos de kaubuntu.com, kaubuntu.re et kbm.gp - Les place dans src/assets/images/clients/ - Met à jour les JSON FR/EN pour utiliser les chemins locaux - Applique le filtre cdn dans le template clients.njk	2026-07-08 07:49:39 +04:00
cedric	646d3b676f	feat(projects): ajoute FEDIVERSE.OKI dans la section projets - Ajoute la fiche fediverse.o-k-i.net en FR et EN - Description basée sur le README du dépôt FEDIVERSE-OKI	2026-07-08 07:38:52 +04:00
cedric	37eeee07dd	fix(redirection): redirige HTTP vers HTTPS via .htaccess - Ajoute les règles mod_rewrite pour forcer HTTPS - Gère les reverse proxies via X-Forwarded-Proto - Exclut le chemin Let's Encrypt .well-known/acme-challenge	2026-07-07 23:59:52 +04:00
cedric	36d1e307bd	security(headers): ajoute les en-têtes HTTP de sécurité et refactorise les scripts inline pour CSP - Ajoute .htaccess avec HSTS, CSP, X-Frame-Options, X-Content-Type-Options, Referrer-Policy et Permissions-Policy - Déplace les scripts inline (thème, redirection de langue) vers des fichiers JS externes - Remplace les onclick inline par des écouteurs d'événements dans main.js - Configure Eleventy pour copier .htaccess à la racine du site	2026-07-07 23:56:56 +04:00
cedric	8dac00d692	feat: page de dons bilingue et retrait de la section de l'accueil	2026-07-07 11:13:47 +04:00
cedric	9425f25442	feat: vrais logos SVG pour les services hébergés	2026-07-06 23:26:22 +04:00
cedric	1755bc1eda	fix: icônes réseaux en SVG inline monochromes (currentColor)	2026-07-06 23:16:48 +04:00
cedric	2f6bb848e3	style: ajouter couleur aux émojis des réseaux sociaux	2026-07-06 23:01:34 +04:00
cedric	cf7385a350	style: réduire taille icônes et uniformiser couleurs	2026-07-06 23:00:57 +04:00
cedric	d32801a5d1	refactor: utiliser PNG officiel pour les réseaux sociaux	2026-07-06 22:58:34 +04:00
cedric	be73fb4a70	fix: utiliser SVG inline avec currentColor pour footer et contact	2026-07-06 22:42:41 +04:00
cedric	5908b3f273	refactor: remplacer section contact textuelle par icônes SVG	2026-07-06 22:37:51 +04:00
cedric	fd86ba8b6a	style: enlever la tagline du footer	2026-07-06 22:35:19 +04:00
cedric	853866b4c4	feat: icônes SVG réelles des réseaux au footer	2026-07-06 22:33:11 +04:00
cedric	bd52f78922	feat: ajouter TikTok, WhatsApp et corriger Stoat	2026-07-06 22:20:18 +04:00
cedric	218ec8072f	style: encadré blanc arrondi pour le logo	2026-07-06 19:11:50 +04:00
cedric	931bd48a52	typo	2026-07-06 18:21:38 +04:00
cedric	19711cc8e0	fix: lien mentions légales adapté à la langue	2026-07-06 18:20:11 +04:00
cedric	ac0fc22f3b	feat: page mentions légales bilingue	2026-07-06 18:18:07 +04:00
cedric	40df39cc67	fix: rester sur la même page au changement de langue	2026-07-06 18:13:32 +04:00
cedric	09fef8f590	typo	2026-07-06 17:18:04 +04:00
cedric	711244235f	fix: liens du menu pointant vers la page d'accueil	2026-07-06 09:47:19 +04:00
cedric	a1e39b88bf	fix: fermer le menu mobile après clic sur un lien	2026-07-06 09:40:32 +04:00
cedric	929cb46d4c	refactor: regrouper le menu desktop dans Ressources	2026-07-06 09:40:10 +04:00
cedric	ffb2eedccb	feat: page presse bilingue avec visuels HD en PDF	2026-07-06 09:39:10 +04:00
cedric	58dd9297e0	feat: servir les images via le CDN BunnyCDN	2026-07-06 08:33:43 +04:00
cedric	37121763a9	Merge pull request 'feat: version anglaise du site (i18n)' (#3 ) from feat/i18n-anglais into master Reviewed-on: #3	2026-07-06 04:25:26 +00:00
cedric	7a3b730a9c	feat: ajouter la page anglaise et l'entrée sitemap	2026-07-06 08:15:39 +04:00
cedric	f69ed41ccf	chore: retirer les anciens fichiers de données à plat	2026-07-06 08:15:11 +04:00
cedric	120c352aa8	refactor: localiser le layout, hreflang, détection langue	2026-07-06 08:15:02 +04:00
cedric	b90228e0bd	refactor: migrer les partials vers le contenu localisé	2026-07-06 08:14:52 +04:00
cedric	b4c7d557b6	feat: ajouter les contenus FR/EN et les dons partagés	2026-07-06 08:14:33 +04:00
cedric	c0af3ebc2e	feat: résoudre le contenu par langue via Eleventy	2026-07-06 08:14:20 +04:00
cedric	bc9eb2948f	fix: corriger le texte DJANGOKAM et assombrir le teint des émojis humains Harmonise "cultures dites créoles" avec la formulation déjà utilisée pour "langues dites créoles", et applique le ton de peau foncé aux émojis représentant des personnes (poing levé, poignée de main).	2026-07-06 07:50:32 +04:00
cedric	d5f4e7b92e	Merge pull request 'refactor: nouvelle identité visuelle, design plat et affirmé' (#2 ) from feat/identite-visuelle into master Reviewed-on: #2	2026-07-05 21:40:44 +00:00
cedric	f7e9acb2d3	refactor: nouvelle identité visuelle, design plat et affirmé Remplace les codes visuels generiques (degrades animes, icones flottantes, cartes glassmorphiques, coins organiques) par un systeme graphique sobre et institutionnel : aplats de couleur, bandeau 'drapeau' OKI, typographie Archivo/Inter, cartes a bordure d'accent. Les couleurs de marque sont inchangees.	2026-07-06 01:23:33 +04:00
cedric	4eaad7a49e	fix: corriger la typographie et les liens PAWÒL-NU de la section DJANGOKAM	2026-07-06 00:56:47 +04:00
cedric	ea7736cb28	Merge pull request 'feat: ajouter les données de la section DJANGOKAM' (#1 ) from feat/djangokam into master Reviewed-on: #1	2026-07-05 20:39:58 +00:00
cedric	494f3cd0c7	fix: remplacer les pochettes par les versions HD et lier vers pawol.nu	2026-07-06 00:37:33 +04:00
cedric	b571e1f8f3	feat: ajouter les pochettes des singles DJANGOKAM	2026-07-06 00:32:16 +04:00
		`@@ -0,0 +1 @@`
							<svg viewBox="0 86.4 512 339.2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><mask id="casto-face"><rect y="86.4" width="512" height="339.2" fill="#fff"/><path d="M372.7 159.7H139c-40.1 0-72.8 32.8-72.8 72.8S98.9 305 139 305h233.8c40.1 0 72.8-32.5 72.8-72.5.4-39.8-31.7-72.4-71.5-72.8zm-207.1 93.6s-10.7-7.9-25.8-7.9c-11.3 0-24.4 6.8-24.4 6.8-3.7-5.3-5.7-11.6-5.8-18.1 0-17.3 14-31.2 31.3-31.2s31.3 13.9 31.3 31.2c0 7.4-2.4 14-6.6 19.2m90.4 18c-34.3 0-33-26.3-33-26.3-.5-4.9 5.8-6.6 8-3.6 1.1 1.6 1.1 1.6 1.9 4.6 4.7 16.1 23.1 15.3 23.1 15.3s18.4 1.1 23.1-15.3c.8-2.7.8-3 1.9-4.6 2.2-2.7 8.5-1.4 8 3.6 0 .1 1.3 26.3-33 26.3m140.4-18.9s-13.2-6.8-24.5-6.8c-15.1 0-25.8 7.9-25.8 7.9-4.3-5.4-6.6-12.2-6.6-19.1 0-17.3 14-31.2 31.3-31.2s31.3 13.9 31.3 31.2c.2 6.5-1.8 12.9-5.7 18" fill="#000"/><path d="M107.4 129.1c-17.3-4.6-32.1 5.7-40.4 20-1.9 3.3-.6 6 1.4 7.1 2.8.8 4.7.3 7.7-4.1 6-10.7 16.2-16.7 27.7-14.5 0 0 8 2.5 9.1-2.7.8-3.4-2.2-5-5.5-5.8M417.2 140c-.3 5.2 8 5.2 8 5.2 11.5 1.1 18.7 6.3 21.4 18.3 1.6 5.2 3.3 6 6.3 6 2.2-.3 4.4-2.7 3.3-6.6-3.8-15.9-14-26.8-32.1-27.1-3.3-.2-6.6.7-6.9 4.2" fill="#000"/></mask><path d="M477.7 425.6h-89.3s-3.3-6.8-6.9-13.4-12.1-6.3-12.1-6.3H142s-8.2-1.1-12.4 6.3c-2.6 4.3-5 8.8-7.1 13.4H34.6C15.7 425.6 0 410.3 0 391.4V120.9C0 102 15.4 86.4 34.3 86.4h443.1c18.9 0 34.6 15.3 34.6 34.2v270.5c.3 18.9-15.4 34.5-34.3 34.5" mask="url(#casto-face)"/><path d="M371.1 203.2c-17.3 0-31.3 13.9-31.3 31.2 0 7.1 2.5 13.7 6.6 19.1 0 0 10.7-7.9 25.8-7.9 11.3 0 24.4 6.8 24.4 6.8 3.6-5.2 5.8-11.2 5.8-18.1 0-17.2-14-31.1-31.3-31.1m-230.2 0c-17.3 0-31.3 13.9-31.3 31.2 0 6.8 2.2 12.9 5.8 18.1 0 0 13.2-6.8 24.4-6.8 15.1 0 25.8 7.9 25.8 7.9 4.1-5.2 6.6-11.8 6.6-19.1 0-17.4-14-31.3-31.3-31.3"/></svg>
		`@@ -0,0 +1 @@`
							<svg viewBox="0 0 126.644 96" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M81.15,0c-1.2376,2.1973-2.3489,4.4704-3.3591,6.794-9.5975-1.4396-19.3718-1.4396-28.9945,0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166,1.5407-17.8059,4.2431-26.1405,8.0568C2.779,32.5304-1.6914,56.3725.5312,79.8863c9.6732,7.1476,20.5083,12.603,32.0505,16.0884,2.6014-3.4854,4.8998-7.1981,6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567,1.7932-1.3386,2.6519-1.9953,20.281,9.547,43.7696,9.547,64.0758,0,.8587.7072,1.7427,1.3891,2.6519,1.9953-3.4601,2.0457-7.0718,3.7632-10.835,5.1776,1.97,3.8642,4.2683,7.5769,6.8698,11.0623,11.5419-3.4854,22.3769-8.9156,32.0509-16.0631,2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811,4.2684,90.1918,1.5659,81.1752.0505l-.0252-.0505ZM42.2802,65.4144c-6.2383,0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788,11.3907-12.6788,11.5169,5.708,11.4159,12.6788c-.101,6.9708-5.026,12.6535-11.3907,12.6535ZM84.3576,65.4144c-6.2637,0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788,11.3907-12.6788,11.4917,5.708,11.3906,12.6788c-.101,6.9708-5.026,12.6535-11.3906,12.6535Z"/></svg>
		`@@ -0,0 +1 @@`
							`<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>`
		`@@ -0,0 +1 @@`
							<svg viewBox="5.67 143.05 628.65 387.55" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z"/><path d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8C343.2,346.5,335,363.3,326.8,380.1z"/></svg>
		`@@ -0,0 +1 @@`
							<svg viewBox="0 0 75 79" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><mask id="masto-m"><rect width="75" height="79" fill="#fff"/><path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="#000"/></mask><path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" mask="url(#masto-m)"/></svg>
		`@@ -0,0 +1 @@`
							<svg viewBox="14 34.5 122.5 57" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M75.091,35.685c-12.438,0-22.981,8.433-26.248,19.857-2.84-6.06-8.994-10.305-16.082-10.305-9.748,0-17.761,8.013-17.761,17.761s8.013,17.765,17.761,17.765c7.088,0,13.242-4.248,16.082-10.309,3.268,11.426,13.81,19.861,26.248,19.861,12.346,0,22.835-8.308,26.186-19.605,2.892,5.924,8.97,10.053,15.958,10.053,9.748,0,17.765-8.017,17.765-17.765s-8.017-17.761-17.765-17.761c-6.988,0-13.065,4.127-15.958,10.05-3.352-11.296-13.84-19.601-26.186-19.601h0ZM75.091,46.11c9.39,0,16.89,7.497,16.89,16.887s-7.501,16.89-16.89,16.89-16.887-7.501-16.887-16.89,7.497-16.887,16.887-16.887ZM32.762,55.663c4.114,0,7.338,3.221,7.338,7.335s-3.225,7.338-7.338,7.338-7.335-3.225-7.335-7.338,3.221-7.335,7.335-7.335ZM117.234,55.663c4.114,0,7.338,3.221,7.338,7.335s-3.225,7.338-7.338,7.338-7.335-3.225-7.335-7.338,3.221-7.335,7.335-7.335Z"/></svg>
		`@@ -0,0 +1 @@`
							`<svg viewBox="2799 -911 512 682.688" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m2799-911v341.344l256-170.656"/><path d="m2799-569.656v341.344l256-170.656"/><path d="m3055-740.344v341.344l256-170.656"/></svg>`
		`@@ -0,0 +1 @@`
							<svg viewBox="0 0 307 307" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="fill-rule:evenodd;clip-rule:evenodd;"><g transform="matrix(1,0,0,1,-757,-1483)"><g transform="matrix(1.432974,0,0,1.80298,-288.929017,-864.20063)"><g transform="matrix(0.629919,0,0,0.500647,539.407527,1110.972982)"><path d="M356.969,675.637C323.753,644.675 302.968,600.546 302.968,551.6C302.968,458.019 378.944,382.044 472.524,382.044C566.105,382.044 642.08,458.019 642.08,551.6C642.08,629.48 589.46,695.166 517.864,715.015C501.974,691.667 487.572,670.399 498.34,635.393C485.202,642.099 476.944,655.288 474.445,669.626C469.556,661.943 464.129,654.533 457.841,647.931C441.837,631.125 420.016,619.373 409.919,597.549C405.306,587.241 402.145,572.504 405.799,561.838C408.436,582.54 418.507,601.587 436.545,612.617C450.296,621.023 465.703,622.408 481.126,625.661C497.203,629.048 522.738,636.688 538.403,633.928C551.425,631.638 578.749,617.255 578.02,601.656C577.765,596.289 571.213,587.245 568.79,582.066C565.566,575.171 567.48,573.682 567.848,566.765C568.885,547.188 563.715,537.516 554.206,521.395C542.674,501.84 530.016,490.024 508.095,482.087C488.062,474.831 457.231,478.938 456.996,479.271C461.046,483.711 464.773,488.906 465.295,495.055C457.084,487.46 449.14,479.387 439.945,472.948C419.607,458.71 406.868,460.052 398.782,484.817C394.568,497.72 391.382,515.255 395.288,528.453C397.657,536.447 402.575,542.952 408.175,548.951C397.217,547.458 390.574,537.94 388.158,527.623C360.997,586.373 354.95,614.781 356.969,675.637ZM558.455,619.379L558.452,619.376C554.235,619.505 550.344,617.264 547.164,614.697C545.37,613.176 542.74,611.209 542.372,608.931C541.643,604.396 545.254,601.153 547.406,599.808C549.251,598.658 551.495,598.017 553.613,597.527C558.442,596.411 563.455,595.377 568.319,596.323C569.774,596.606 571.22,597.077 572.417,597.951C573.614,598.821 574.544,600.138 574.705,601.612C574.824,602.705 574.525,603.796 574.164,604.833C573.322,607.217 572.16,609.476 570.71,611.548C569.274,613.613 567.556,615.508 565.485,616.934C563.414,618.361 560.969,619.304 558.455,619.379ZM486.399,552.769C503.076,550.51 505.109,576.334 489.02,577.418C472.931,578.502 471.118,554.84 486.399,552.769ZM430.213,501.5C431.753,505.171 434.926,507.616 437.667,510.309C431.445,512.197 425.166,510.394 419.704,507.264C420.028,513.033 424.299,518.121 427.498,522.174C422.225,523.384 417.564,521.577 413.944,517.769C413.891,523.13 415.717,527.806 418.347,532.34C408.062,537.456 403.622,526.696 403.097,518.275C402.522,509.02 406.267,485.669 412.907,478.941C420.336,471.412 431.875,480.182 438.166,485.238C443.719,489.698 449.061,495.087 454.092,500.111C447.487,504.476 437.648,504.294 430.213,501.5ZM559.47,568.921C555.834,562.599 554.722,560.76 552.607,556.182C551.168,553.064 550.439,549.366 555.655,549.256C565.117,549.055 568.395,564.041 561.026,569.27C560.844,569.397 560.628,569.465 560.407,569.465C560.02,569.465 559.662,569.257 559.47,568.921ZM553.254,508.59C555.938,471.688 555.624,447.806 521.4,481.304C534.318,487.312 545.181,496.897 553.254,508.59Z"/></g></g></g></svg>
		`@@ -0,0 +1 @@`
							<svg viewBox="181 296 556 462" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z"/></svg>