2026-05-17 22:54:54 +04:00
2025-11-05 17:32:17 +04:00
2025-11-12 23:13:02 +04:00
2025-11-05 17:41:27 +04:00
2025-11-05 17:41:27 +04:00
2025-11-05 17:32:17 +04:00
2025-11-05 17:32:17 +04:00
2025-11-05 22:22:31 +04:00
2025-11-05 17:41:27 +04:00

o-k-i.net V2

Site web officiel de ORGANISATION KA INTERNATIONALE (OKI) - Version 2 construite avec 11ty (Eleventy).

À propos

Et si on prenait le contrôle ensemble ?

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

Structure du projet

o-k-i.net-V2/
├── src/
│   ├── _data/              # Données JSON (services, projets, valeurs, etc.)
│   ├── _includes/
│   │   ├── layouts/        # Layouts de base
│   │   └── partials/       # Composants réutilisables
│   ├── assets/
│   │   ├── css/            # Feuilles de style
│   │   ├── js/             # Scripts JavaScript
│   │   └── images/         # Images
│   └── index.njk           # Page d'accueil
├── _site/                  # Site généré (git ignoré)
├── eleventy.config.js      # Configuration 11ty
└── package.json

Installation

# Cloner le dépôt
git clone https://codeberg.org/OKI/o-k-i.net-V2.git
cd o-k-i.net-V2

# 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/ :

  • site.json - Informations générales du site
  • services.json - Services Fédiverse (KUTE, GADE, BOKANTAJ, MIZIK)
  • projects.json - Projets web (FEDIVERSE OKI, OKI.RE, NUVEL.NU, JWE.OVH, GONG.GP)
  • partners.json - Partenaires (Joukawouvè, Aktivist Vybz #AKV)
  • values.json - Valeurs de l'organisation
  • contact.json - Informations de contact
  • navigation.json - Liens de navigation

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
  • 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

SEO & Référencement

  • Meta tags Open Graph (Facebook, LinkedIn)
  • Twitter Cards
  • JSON-LD Structured Data (Schema.org)
  • Sitemap.xml
  • Robots.txt
  • Balises canonical
  • Meta description personnalisées
  • Mots-clés pertinents

Sections du site

  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)
  4. Projets Web - Nos projets (FEDIVERSE OKI, OKI.RE, NUVEL.NU, JWE.OVH, GONG.GP)
  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"
  10. Engagement - Formulaire de contact et appels à l'action
  11. Contact - Liens vers réseaux sociaux et plateformes

Contribution

Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request sur Codeberg.

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

© 2024 ORGANISATION KA INTERNATIONALE

Liens

S
Description
Languages
Nunjucks 53.2%
CSS 34%
JavaScript 12.8%