165 lines
5.2 KiB
Markdown
165 lines
5.2 KiB
Markdown
# 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
|
|
2. **Fédiverse** - Services alternatifs (PeerTube, Pleroma, Funkwhale, Castopod)
|
|
3. **Projets Web** - Projets de l'organisation
|
|
4. **Mission** - Valeurs et objectifs
|
|
5. **Hébergement** - Services d'hébergement proposés
|
|
6. **Support** - Options de dons
|
|
7. **Partenaires** - Nos partenaires médias et créateurs
|
|
8. **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
|