152 lines
4.6 KiB
Markdown
152 lines
4.6 KiB
Markdown
|
# 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
|
||
|
|
|
||
|
|
```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
|
||
|
|
- ✅ SEO friendly
|
||
|
|
- ✅ Logo et favicon intégrés
|
||
|
|
- ✅ Charte graphique basée sur le logo officiel
|
||
|
|
|
||
|
|
## 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
|