ORGANISATION KA INTERNATIONALE (OKI) construit un internet différent : un espace où nos langues ont leur place, où nos données nous appartiennent vraiment, et où nos communautés se connectent sur des plateformes qu'on contrôle collectivement.

Pas aux GAFAM qui en font leur business. Pas d'algorithmes aveugles, pas de censure arbitraire. O-K-I propose un accompagnement pour les créateurs de contenu, les associations et collectifs qui veulent passer aux alternatives libres et éthiques.

Technologies

11ty (Eleventy) - Générateur de site statique
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

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 (logos, clients, etc.)
│   ├── .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

Installation

# Cloner le dépôt
git clone https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net.git
cd o-k-i.net

# Installer les dépendances
npm install

Développement

# Lancer le serveur de développement avec hot reload
npm start

# Le site sera disponible sur http://localhost:8080

Build de production

# Générer le site statique
npm run build

# Les fichiers seront dans le dossier _site/

Personnalisation

Modifier les données

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 hébergés (BOKANTE, GADE, NIYAJ, KUTE)
projects.json - Projets web (PAWOL.NU, GONG.GP, FEDIVERSE.OKI)
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 (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 :

:root {
    /* Couleurs du logo OKI */
    --or-oki: #E8A625;           /* Orange/Or du logo */
    --noir-oki: #000000;          /* Noir du logo */
    --vert-oki: #00A854;          /* Vert émeraude du logo */
    --rouge-oki: #ED1C4C;         /* Rouge/Rose du logo */
    --blanc-creme: #F7F7F2;       /* Blanc crème */

    /* Couleurs dérivées pour le design */
    --noir-profond: #1A1A1A;
    --gris-sombre: #2A2A2A;
    --or-clair: #F5BD4F;
    --vert-clair: #00C569;
    --rouge-clair: #FF2D5F;
}

Fonctionnalités

✅ Design responsive et moderne
✅ Bilingue FR/EN
✅ Animations fluides
✅ Navigation mobile
✅ Scroll smooth
✅ Effets hover interactifs
✅ Easter egg Konami Code
✅ 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 / 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

Sections du site

Hero - Présentation de l'organisation avec accroche percutante
Solutions - Segmentation par public (associations, entreprises, citoyens)
Services hébergés - Alternatives libres (BOKANTE, GADE, NIYAJ, KUTE)
Projets Web - Nos projets (PAWOL.NU, GONG.GP, FEDIVERSE.OKI)
Mission - Valeurs et objectifs avec message anti-GAFAM
Hébergement - Services d'hébergement et infrastructure
Support - Options de dons (Stripe, Liberapay, Ko-fi)
Partenaires - Joukawouvè, cyber-mawonaj, Aktivist Vybz #AKV
Ils nous ont fait confiance - KA Ubuntu, KBM
FAQ - Questions fréquentes avec storytelling sur le nom "Ka"
Engagement - Appels à l'action
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 Labola.

Licence

Ce projet est sous licence GNU Affero General Public License v3.0 (AGPL-V3).

La licence AGPL-V3 est une licence de logiciel libre qui garantit :

La liberté d'utiliser le logiciel à toute fin
La liberté d'étudier et de modifier le code source
La liberté de redistribuer des copies
L'obligation de partager les modifications sous la même licence
L'obligation de fournir le code source aux utilisateurs du service en ligne

Voir le fichier LICENSE pour plus de détails ou consultez : https://www.gnu.org/licenses/agpl-3.0.html

README.md

o-k-i.net V2

À propos