# 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

```bash
# 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

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

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

## Build de production

```bash
# 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 :

```css
: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](https://codeberg.org/OKI/o-k-i.net-V2).

## 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](LICENSE) pour plus de détails ou consultez : https://www.gnu.org/licenses/agpl-3.0.html

© 2024  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/)
- 🎵 [MIZIK (Funkwhale)](https://mizik.o-k-i.net/library)
- 🎙️ [KUTE (Castopod)](https://kute.o-k-i.net/)
- 💻 [Codeberg](https://codeberg.org/OKI)
- 📧 kontak@o-k-i.net
