ORGANISATION-KA-INTERNATIONALE/o-k-i.net

Fork 0

Files

T

cedric fadd56ec0b

feat: improve missions & add faq

2025-11-05 22:22:31 +04:00

5.5 KiB

Raw Blame History

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

Hero - Présentation de l'organisation avec accroche percutante
Solutions - Segmentation par public (associations, entreprises, citoyens)
Fédiverse - Services alternatifs (GADE, BOKANTAJ, MIZIK, KUTE)
Projets Web - Nos projets (FEDIVERSE OKI, OKI.RE, NUVEL.NU, JWE.OVH, GONG.GP)
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
FAQ - Questions fréquentes avec storytelling sur le nom "Ka"
Engagement - Formulaire de contact et appels à l'action
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

5.5 KiB Raw Blame History