o-k-i.net V2
Site web officiel de ** ORGANISATION KA INTERNATIONALE (OKI)** - Version 2 construite avec 11ty (Eleventy).
À propos
ORGANISATION KA INTERNATIONALE est une association à but non lucratif dédiée à la promotion de nos langues et au traitement de l'actualité, proposant des alternatives libres aux GAFAM.
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 siteservices.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'organisationcontact.json- Informations de contactnavigation.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
- ✅ SEO friendly
- ✅ Logo et favicon intégrés
- ✅ Charte graphique basée sur le logo officiel
Sections du site
- Hero - Présentation de l'organisation
- Fédiverse - Services alternatifs (PeerTube, Pleroma, Funkwhale, Castopod)
- Projets Web - Projets de l'organisation
- Mission - Valeurs et objectifs
- Hébergement - Services d'hébergement proposés
- Support - Options de dons
- Partenaires - Nos partenaires médias et créateurs
- 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