52 Commits
Author SHA1 Message Date
cedric 4d6a94e251 fix: remove cdn 2026-07-22 21:22:56 +04:00
cedric f0fd5eeca1 fix: npm audit fix 2026-07-22 21:22:36 +04:00
cedric 1b05d2f9a4 chore: change la licence 2026-07-22 21:22:22 +04:00
cedric bb680f60b0 Revert "feat: servir les images via le CDN BunnyCDN"
This reverts commit 58dd9297e0.
2026-07-22 21:12:34 +04:00
cedric d0fc7207f2 typo 2026-07-13 23:07:45 +04:00
cedric 66da280a50 typo: correction des liens des partenaires + ajout d'autres plateformes 2026-07-13 21:39:48 +04:00
cedric 742a275958 fix(hero): retire l'effet machine à écrire sur INTERNATIONALE 2026-07-13 21:30:31 +04:00
cedric e3b562afcf fix(nav): synchronise les fermetures du menu burger (lien, clic extérieur) avec les classes CSS 2026-07-13 21:26:33 +04:00
cedric 284e29f6d5 fix(nav): corrige le menu mobile invisible après fermeture puis agrandissement 2026-07-13 19:19:00 +04:00
cedric 2f16ccb4b8 fix(nav): fait apparaître le burger dès 1100px pour éviter un menu tassé 2026-07-13 19:13:54 +04:00
cedric 4307c80bd6 feat: add more links in partners 2026-07-13 19:13:09 +04:00
cedric 17540980af feat: remonte Partenaires en item principal du menu, aligné sur l'ordre de la page 2026-07-13 19:09:56 +04:00
cedric da094adaad feat: place la section Partenaires avant DJANGOKAM 2026-07-13 19:05:20 +04:00
cedric 5f5e581d99 feat: permet plusieurs liens par partenaire 2026-07-13 18:57:44 +04:00
cedric 851b03c60b feat: remonte la section Partenaires et rend le lien de plateforme dynamique par partenaire 2026-07-13 18:52:47 +04:00
cedric db5fc5240c fix: réintègre la section Partenaires manquante de l'accueil 2026-07-13 18:49:00 +04:00
cedric 1644d2606f docs: mise à jour de la documentation suite aux évolutions récentes
- README.md : services, projets, liens sociaux, structure, sécurité et copyright 2026
- CHANGELOG.md : ajout d'une section Unreleased (headers HTTP, HTTPS, CSP, FEDIVERSE.OKI, réseaux sociaux, o2switch)
- CONTRIBUTING.md : correction des exemples, ajout du filtre CDN et note sécurité
- SEO.md : plateformes sociales et checklist HTTPS/hreflang à jour
2026-07-09 03:37:51 +04:00
cedric d3afa0ca1d fix(contact): lien Labola vers l'organisation
- Met à jour le lien Labola de la section Code & Développement vers l'organisation Gitea
2026-07-09 03:31:27 +04:00
cedric de4fd1d54c fix(footer): lien Labola vers le dépôt du site
- Remplace le lien générique Labola par le repo o-k-i.net
2026-07-09 03:30:43 +04:00
cedric b650a52591 fix(footer): retire Telegram et remet WhatsApp comme contact
- Supprime le lien Telegram du footer
- Rétablit le lien WhatsApp de contact (wa.me) dans le footer
2026-07-09 03:28:33 +04:00
cedric 1189141937 fix(contact/footer): distingue les chaînes PAWOL.NU et met à jour WhatsApp
- Met à jour le lien WhatsApp vers la chaîne publique
- Regroupe WhatsApp et Telegram sous une section Chaînes PAWOL.NU
- Affiche les titres de section dans la page contact pour distinguer les chaînes
- Met à jour les tooltips du footer pour indiquer les chaînes PAWOL.NU
2026-07-09 02:38:30 +04:00
cedric e2df9c0501 fix(legal): remplace OVH par o2switch dans les mentions légales
- Met à jour l'hébergeur et l'adresse postale en français et en anglais
2026-07-09 02:26:28 +04:00
cedric 964149e0bb fix(footer): année du copyright dynamique à la génération du site
- Remplace l'année en dur par un shortcode Eleventy {% year %}
- Supprime le champ copyright obsolète des JSON i18n
2026-07-09 02:17:53 +04:00
cedric 46a039d2d2 fix(contact/footer): retire X (Twitter) et TikTok des contacts et du footer
- Supprime X et TikTok des JSON de contact (FR/EN)
- Retire les liens X et TikTok du footer
- Supprime les branches de rendu d'icônes X et TikTok dans contact.njk
2026-07-08 23:27:19 +04:00
cedric c27f37f979 fix(contact/footer): retire Stoat des contacts et du footer
- Supprime l'entrée Stoat des JSON de contact (FR/EN)
- Retire le lien Stoat du footer
- Supprime la branche de rendu d'icône Stoat dans contact.njk
2026-07-08 23:16:27 +04:00
cedric 6559ac39a4 fix(contact/footer): met à jour le lien d'invitation Discord 2026-07-08 11:48:16 +04:00
cedric f1a9fa63e0 fix(clients): récupère les logos distants en local et sert via le CDN
- Télécharge les logos de kaubuntu.com, kaubuntu.re et kbm.gp
- Les place dans src/assets/images/clients/
- Met à jour les JSON FR/EN pour utiliser les chemins locaux
- Applique le filtre cdn dans le template clients.njk
2026-07-08 07:49:39 +04:00
cedric 646d3b676f feat(projects): ajoute FEDIVERSE.OKI dans la section projets
- Ajoute la fiche fediverse.o-k-i.net en FR et EN
- Description basée sur le README du dépôt FEDIVERSE-OKI
2026-07-08 07:38:52 +04:00
cedric 37eeee07dd fix(redirection): redirige HTTP vers HTTPS via .htaccess
- Ajoute les règles mod_rewrite pour forcer HTTPS
- Gère les reverse proxies via X-Forwarded-Proto
- Exclut le chemin Let's Encrypt .well-known/acme-challenge
2026-07-07 23:59:52 +04:00
cedric 36d1e307bd security(headers): ajoute les en-têtes HTTP de sécurité et refactorise les scripts inline pour CSP
- Ajoute .htaccess avec HSTS, CSP, X-Frame-Options, X-Content-Type-Options,
  Referrer-Policy et Permissions-Policy
- Déplace les scripts inline (thème, redirection de langue) vers des fichiers JS externes
- Remplace les onclick inline par des écouteurs d'événements dans main.js
- Configure Eleventy pour copier .htaccess à la racine du site
2026-07-07 23:56:56 +04:00
cedric 8dac00d692 feat: page de dons bilingue et retrait de la section de l'accueil 2026-07-07 11:13:47 +04:00
cedric 9425f25442 feat: vrais logos SVG pour les services hébergés 2026-07-06 23:26:22 +04:00
cedric 1755bc1eda fix: icônes réseaux en SVG inline monochromes (currentColor) 2026-07-06 23:16:48 +04:00
cedric 2f6bb848e3 style: ajouter couleur aux émojis des réseaux sociaux 2026-07-06 23:01:34 +04:00
cedric cf7385a350 style: réduire taille icônes et uniformiser couleurs 2026-07-06 23:00:57 +04:00
cedric d32801a5d1 refactor: utiliser PNG officiel pour les réseaux sociaux 2026-07-06 22:58:34 +04:00
cedric be73fb4a70 fix: utiliser SVG inline avec currentColor pour footer et contact 2026-07-06 22:42:41 +04:00
cedric 5908b3f273 refactor: remplacer section contact textuelle par icônes SVG 2026-07-06 22:37:51 +04:00
cedric fd86ba8b6a style: enlever la tagline du footer 2026-07-06 22:35:19 +04:00
cedric 853866b4c4 feat: icônes SVG réelles des réseaux au footer 2026-07-06 22:33:11 +04:00
cedric bd52f78922 feat: ajouter TikTok, WhatsApp et corriger Stoat 2026-07-06 22:20:18 +04:00
cedric 218ec8072f style: encadré blanc arrondi pour le logo 2026-07-06 19:11:50 +04:00
cedric 931bd48a52 typo 2026-07-06 18:21:38 +04:00
cedric 19711cc8e0 fix: lien mentions légales adapté à la langue 2026-07-06 18:20:11 +04:00
cedric ac0fc22f3b feat: page mentions légales bilingue 2026-07-06 18:18:07 +04:00
cedric 40df39cc67 fix: rester sur la même page au changement de langue 2026-07-06 18:13:32 +04:00
cedric 09fef8f590 typo 2026-07-06 17:18:04 +04:00
cedric 711244235f fix: liens du menu pointant vers la page d'accueil 2026-07-06 09:47:19 +04:00
cedric a1e39b88bf fix: fermer le menu mobile après clic sur un lien 2026-07-06 09:40:32 +04:00
cedric 929cb46d4c refactor: regrouper le menu desktop dans Ressources 2026-07-06 09:40:10 +04:00
cedric ffb2eedccb feat: page presse bilingue avec visuels HD en PDF 2026-07-06 09:39:10 +04:00
cedric 58dd9297e0 feat: servir les images via le CDN BunnyCDN 2026-07-06 08:33:43 +04:00
64 changed files with 1402 additions and 306 deletions
+20
View File
@@ -1,5 +1,25 @@
# Changelog
## [Unreleased]
### 🛡️ Sécurité
-**Headers HTTP de sécurité** : ajout d'un `.htaccess` Apache avec `Strict-Transport-Security`, `Content-Security-Policy`, `X-Frame-Options`, `X-Content-Type-Options`, `Referrer-Policy` et `Permissions-Policy`
-**Redirection HTTP → HTTPS** : forçage du HTTPS via `mod_rewrite`
-**CSP stricte** : refactorisation des scripts inline en fichiers externes et suppression des gestionnaires `onclick` inline
### 🎬 Contenu
-**Nouveau projet** : ajout de `FEDIVERSE.OKI` dans la section projets
-**Logos clients** : récupération locale des logos distants et service via le CDN
-**Réseaux sociaux** : mise à jour du lien Discord, retrait de Stoat, X (Twitter) et TikTok
-**Chaînes PAWOL.NU** : distinction visuelle dans la page contact entre les chaînes WhatsApp/Telegram et les autres moyens de contact
-**Mentions légales** : hébergeur mis à jour (OVH → o2switch)
-**Footer** : année du copyright générée automatiquement via un shortcode Eleventy
-**Liens Labola** : lien footer vers le dépôt du site, lien contact vers l'organisation Gitea
### 🔧 Technique
- ✅ Shortcode Eleventy `{% year %}` pour l'année en cours
- ✅ Événements JS attachés dans `main.js` pour les accordéons FAQ et les dons personnalisés
## Version 2.1.0 - Design Afrofuturisme Caribéen (2025-11-05)
### 🌓 Système de Thème Clair/Sombre
+43 -30
View File
@@ -1,17 +1,16 @@
# Guide de contribution
Merci de votre intérêt pour contribuer au site dE l'ORGANISATION KA INTERNATIONALE !
Merci de votre intérêt pour contribuer au site de l'ORGANISATION KA INTERNATIONALE !
## Ajouter du contenu
### Ajouter un service Fédiverse
### Ajouter un service hébergé
Éditez `src/_data/services.json` :
Éditez `src/_data/i18n/fr/services.json` (et la version `en/`) :
```json
{
"name": "NOM_DU_SERVICE",
"icon": "🎯",
"platform": "Nom de la plateforme",
"description": "Description du service",
"url": "https://service.o-k-i.net/",
@@ -21,20 +20,25 @@ Merci de votre intérêt pour contribuer au site dE l'ORGANISATION KA INTERNATIO
### Ajouter un projet web
Éditez `src/_data/projects.json` :
Éditez `src/_data/i18n/fr/projects.json` (et la version `en/`) :
```json
{
"name": "NOM.PROJET",
"icon": "📱",
"domain": "nom.projet",
"description": "Description du projet"
"description": "Description du projet",
"url": "https://nom.projet/"
}
```
### Ajouter un client ou partenaire
Pour les logos, privilégiez une image locale dans `src/assets/images/` et utilisez le filtre `| cdn` dans les templates. Les URLs distantes fonctionnent mais ne passent pas par le CDN.
### Ajouter une valeur
Éditez `src/_data/values.json` :
Éditez `src/_data/i18n/fr/values.json` (et la version `en/`) :
```json
{
@@ -46,7 +50,7 @@ Merci de votre intérêt pour contribuer au site dE l'ORGANISATION KA INTERNATIO
### Modifier la navigation
Éditez `src/_data/navigation.json` :
Éditez `src/_data/i18n/fr/navigation.json` (et la version `en/`) :
```json
{
@@ -58,18 +62,15 @@ Merci de votre intérêt pour contribuer au site dE l'ORGANISATION KA INTERNATIO
Pour un lien externe, mettez `"external": true`.
### Ajouter une section de contact
### Modifier les informations de contact
Éditez `src/_data/contact.json` :
Les liens de contact sont regroupés par section dans `src/_data/i18n/fr/contact.json` (et la version `en/`). L'icône affichée est déterminée automatiquement à partir du texte du lien (`whatsapp`, `telegram`, `discord`, `labola`, `kontak`/`mail`).
```json
{
"title": "🔗 Titre de la section",
"title": "💬 Communauté",
"links": [
{
"text": "Nom du lien",
"url": "https://example.com"
}
{ "text": "Discord", "url": "https://discord.gg/DPvUCA8dD" }
]
}
```
@@ -78,17 +79,19 @@ Pour un lien externe, mettez `"external": true`.
Les styles sont dans `src/assets/css/styles.css`.
### Variables CSS disponibles
### Variables CSS principales
```css
--bleu-ocean: #003566;
--jaune-soleil: #FFB700;
--rouge-resistance: #D62828;
--vert-terre: #2A9134;
--orange-communaute: #FB8500;
--noir-profond: #0A0908;
--blanc-lumiere: #F7F7F2;
--violet-fedi: #6364FF;
--or-oki: #E8A625;
--noir-oki: #000000;
--vert-oki: #00A854;
--rouge-oki: #ED1C4C;
--blanc-creme: #F7F7F2;
--noir-profond: #1A1A1A;
--gris-sombre: #2A2A2A;
--or-clair: #F5BD4F;
--vert-clair: #00C569;
--rouge-clair: #FF2D5F;
```
## Créer une nouvelle page
@@ -108,9 +111,11 @@ description: Description pour le SEO
</section>
```
2. Ajoutez le lien dans `src/_data/navigation.json` si nécessaire
2. Ajoutez le lien dans `src/_data/i18n/fr/navigation.json` (et `en/`) si nécessaire.
3. Reconstruisez le site : `npm run build`
3. Mettez à jour `src/sitemap.xml`.
4. Reconstruisez le site : `npm run build`.
## Modifier un partial
@@ -118,11 +123,15 @@ Les partials sont dans `src/_includes/partials/` :
- `nav.njk` - Navigation
- `hero.njk` - Section hero (accueil)
- `fediverse.njk` - Services Fédiverse
- `services.njk` - Services hébergés
- `projects.njk` - Projets web
- `mission.njk` - Mission et valeurs
- `hosting.njk` - Services d'hébergement
- `support.njk` - Section dons
- `clients.njk` - Clients / organisations ayant fait confiance
- `partners.njk` - Partenaires
- `faq.njk` - Questions fréquentes
- `engagement.njk` - Appels à l'action
- `contact.njk` - Informations de contact
- `footer.njk` - Pied de page
@@ -133,7 +142,7 @@ Les partials sont dans `src/_includes/partials/` :
git checkout -b feature/ma-fonctionnalite
```
2. Faites vos modifications
2. Faites vos modifications.
3. Testez localement :
```bash
@@ -151,7 +160,7 @@ Les partials sont dans `src/_includes/partials/` :
git commit -m "Description de vos changements"
```
6. Poussez et créez une pull request :
6. Poussez et créez une merge request :
```bash
git push origin feature/ma-fonctionnalite
```
@@ -174,6 +183,10 @@ Les partials sont dans `src/_includes/partials/` :
- Commentaires en français
- Gestion des erreurs
### Sécurité
- Ne pas ajouter de scripts inline sans ajuster la CSP dans `src/.htaccess`.
- Conserver les headers de sécurité lors d'une modification du serveur.
## Questions ?
Contactez-nous à kontak@o-k-i.net ou ouvrez une issue sur Codeberg.
Contactez-nous à kontak@o-k-i.net ou ouvrez une issue sur [Labola](https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net).
+40 -21
View File
@@ -1,6 +1,6 @@
# o-k-i.net V2
Site web officiel de **ORGANISATION KA INTERNATIONALE (OKI)** - Version 2 construite avec 11ty (Eleventy).
Site web officiel de **ORGANISATION KA INTERNATIONALE (OKI)** - Version 2 construite avec 11ty (Eleventy).
## À propos
@@ -16,6 +16,7 @@ Pas aux GAFAM qui en font leur business. Pas d'algorithmes aveugles, pas de cens
- **Nunjucks** - Moteur de templates
- **CSS personnalisé** - Sans framework
- **JavaScript Vanilla** - Interactions et animations
- **Apache `.htaccess`** - Headers de sécurité et redirection HTTPS
## Structure du projet
@@ -23,14 +24,17 @@ Pas aux GAFAM qui en font leur business. Pas d'algorithmes aveugles, pas de cens
o-k-i.net-V2/
├── src/
│ ├── _data/ # Données JSON (services, projets, valeurs, etc.)
│ │ └── i18n/ # Fichiers de traduction FR/EN
│ ├── _includes/
│ │ ├── layouts/ # Layouts de base
│ │ └── partials/ # Composants réutilisables
│ ├── assets/
│ │ ├── css/ # Feuilles de style
│ │ ├── js/ # Scripts JavaScript
│ │ └── images/ # Images
── index.njk # Page d'accueil
│ │ └── images/ # Images (logos, clients, etc.)
── .htaccess # Headers de sécurité et rewrite rules
│ ├── index.njk # Page d'accueil
│ └── mentions-legales.njk
├── _site/ # Site généré (git ignoré)
├── eleventy.config.js # Configuration 11ty
└── package.json
@@ -40,8 +44,8 @@ o-k-i.net-V2/
```bash
# Cloner le dépôt
git clone https://codeberg.org/OKI/o-k-i.net-V2.git
cd o-k-i.net-V2
git clone https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net.git
cd o-k-i.net
# Installer les dépendances
npm install
@@ -69,16 +73,21 @@ npm run build
### Modifier les données
Les données du site sont organisées dans `src/_data/` :
Les données du site sont organisées dans `src/_data/i18n/fr/` et `src/_data/i18n/en/` :
- `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)
- `services.json` - Services hébergés (BOKANTE, GADE, NIYAJ, KUTE)
- `projects.json` - Projets web (PAWOL.NU, GONG.GP, FEDIVERSE.OKI)
- `partners.json` - Partenaires (Joukawouvè, cyber-mawonaj, Aktivist Vybz #AKV)
- `clients.json` - Clients / organisations ayant fait confiance à OKI
- `values.json` - Valeurs de l'organisation
- `contact.json` - Informations de contact
- `contact.json` - Informations de contact (groupées par section)
- `navigation.json` - Liens de navigation
### Images et CDN
Les images locales placées dans `src/assets/images/` sont automatiquement copiées dans `_site/assets/images/`. Le filtre `| cdn` appliqué dans les templates préfixe les chemins commençant par `/` avec l'URL du pull zone BunnyCDN définie dans `src/_data/cdn.json`.
### 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 :
@@ -104,6 +113,7 @@ Les styles sont dans `src/assets/css/styles.css`. La charte graphique est basée
## Fonctionnalités
- ✅ Design responsive et moderne
- ✅ Bilingue FR/EN
- ✅ Animations fluides
- ✅ Navigation mobile
- ✅ Scroll smooth
@@ -112,14 +122,18 @@ Les styles sont dans `src/assets/css/styles.css`. La charte graphique est basée
- ✅ Performance optimisée
- ✅ Logo et favicon intégrés
- ✅ Charte graphique basée sur le logo officiel
- ✅ Headers de sécurité HTTP (CSP, HSTS, XFO, etc.)
- ✅ Redirection automatique HTTP → HTTPS
- ✅ Année du footer générée automatiquement
### SEO & Référencement
- ✅ Meta tags Open Graph (Facebook, LinkedIn)
- ✅ Twitter Cards
- ✅ Twitter / X Cards
- ✅ JSON-LD Structured Data (Schema.org)
- ✅ Sitemap.xml
- ✅ Robots.txt
- ✅ Balises canonical
- ✅ Hreflang FR/EN
- ✅ Meta description personnalisées
- ✅ Mots-clés pertinents
@@ -127,19 +141,20 @@ Les styles sont dans `src/assets/css/styles.css`. La charte graphique est basée
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)
3. **Services hébergés** - Alternatives libres (BOKANTE, GADE, NIYAJ, KUTE)
4. **Projets Web** - Nos projets (PAWOL.NU, GONG.GP, FEDIVERSE.OKI)
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
9. **Ils nous ont fait confiance** - KA Ubuntu, KBM
10. **FAQ** - Questions fréquentes avec storytelling sur le nom "Ka"
11. **Engagement** - Appels à l'action
12. **Contact** - Email, WhatsApp, Discord, chaînes PAWOL.NU, Labola
## 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).
Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request sur [Labola](https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net).
## Licence
@@ -154,14 +169,18 @@ La licence AGPL-V3 est une licence de logiciel libre qui garantit :
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
© 2026 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)
- 🐘 [BOKANTE (Mastodon)](https://bokante.o-k-i.net/)
- ☁️ [NIYAJ (Nextcloud)](https://niyaj.o-k-i.net/)
- 🎙️ [KUTE (Castopod)](https://kute.o-k-i.net/)
- 💻 [Codeberg](https://codeberg.org/OKI)
- 💬 [Discord](https://discord.gg/DPvUCA8dD)
- 📱 [WhatsApp](https://wa.me/262692229740)
- 📢 [Chaîne WhatsApp PAWOL.NU](https://whatsapp.com/channel/0029VbCv7N9AjPXTxygrRu1w)
- ✈️ [Chaîne Telegram PAWOL.NU](https://t.me/OrganisationKA)
- 💻 [Labola (Gitea)](https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE)
- 📧 kontak@o-k-i.net
+4 -3
View File
@@ -70,7 +70,7 @@ Données structurées conformes à Schema.org pour améliorer l'affichage dans l
- Description
- Adresse physique (Basse-Terre, Guadeloupe)
- Email de contact
- Liens vers les plateformes sociales (GADE, BOKANTAJ, MIZIK, KUTE, Codeberg, Liberapay)
- Liens vers les plateformes sociales (GADE, BOKANTE, NIYAJ, KUTE, Discord, Labola, Liberapay)
- Statut : Organisation à but non lucratif
## 🔍 Optimisations par page
@@ -182,7 +182,8 @@ curl http://localhost:8080/ | grep -E "(og:|twitter:)"
- [x] Logo haute résolution (512x512)
- [ ] Images avec attributs alt
- [ ] Performance optimale (Lighthouse score)
- [ ] Mobile-friendly (déjà responsive)
- [ ] HTTPS activé configurer en production)
- [x] Mobile-friendly (déjà responsive)
- [x] HTTPS activé et HSTS configuré
- [x] Hreflang FR/EN pour les versions multilingues
- [ ] Google Search Console configuré
- [ ] Analytics installé (optionnel, respectueux RGPD)
+6
View File
@@ -12,12 +12,18 @@ module.exports = function(eleventyConfig) {
eleventyConfig.addPassthroughCopy("src/robots.txt");
eleventyConfig.addPassthroughCopy("src/sitemap.xml");
// Copy Apache security headers config to the site root
eleventyConfig.addPassthroughCopy({ "src/.htaccess": ".htaccess" });
// Watch CSS files for changes
eleventyConfig.addWatchTarget("src/assets/css/");
// Watch JS files for changes
eleventyConfig.addWatchTarget("src/assets/js/");
// Dynamic current-year shortcode for the footer
eleventyConfig.addShortcode("year", () => new Date().getFullYear().toString());
// Configure browser sync to reload on CSS changes
eleventyConfig.setBrowserSyncConfig({
files: ['_site/assets/css/**/*.css', '_site/assets/js/**/*.js']
+66 -36
View File
@@ -7,7 +7,7 @@
"": {
"name": "o-k-i.net-v2",
"version": "1.0.0",
"license": "ISC",
"license": "AGPL-3.0",
"devDependencies": {
"@11ty/eleventy": "^3.1.2"
}
@@ -278,9 +278,9 @@
}
},
"node_modules/anymatch/node_modules/picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
"integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
"dev": true,
"license": "MIT",
"engines": {
@@ -410,9 +410,9 @@
}
},
"node_modules/brace-expansion": {
"version": "1.1.12",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
"integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
"version": "1.1.16",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
"integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -844,9 +844,9 @@
}
},
"node_modules/gray-matter/node_modules/js-yaml": {
"version": "3.14.1",
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
"integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.15.0.tgz",
"integrity": "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -1035,10 +1035,20 @@
}
},
"node_modules/js-yaml": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
"integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
"dev": true,
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/puzrin"
},
{
"type": "github",
"url": "https://github.com/sponsors/nodeca"
}
],
"license": "MIT",
"dependencies": {
"argparse": "^2.0.1"
@@ -1078,19 +1088,29 @@
}
},
"node_modules/linkify-it": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
"integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.2.tgz",
"integrity": "sha512-ONTm2jCMAVZjgQa/Fy1kScXsuOoF5NPTsoFBdE1KVIZ2vAh/r9+Bqo+0jINCBYnavTPQZz38QzFTme79ENoN3Q==",
"dev": true,
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/puzrin"
},
{
"type": "github",
"url": "https://github.com/sponsors/markdown-it"
}
],
"license": "MIT",
"dependencies": {
"uc.micro": "^2.0.0"
}
},
"node_modules/liquidjs": {
"version": "10.24.0",
"resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.24.0.tgz",
"integrity": "sha512-TAUNAdgwaAXjjcUFuYVJm9kOVH7zc0mTKxsG9t9Lu4qdWjB2BEblyVIYpjWcmJLMGgiYqnGNJjpNMHx0gp/46A==",
"version": "10.27.2",
"resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.27.2.tgz",
"integrity": "sha512-kvknfAEtOHjHkAAv7GxLEJh8ghpMQm3Fc4uWVyF7hERSTsSRsdC7saWs0p5aDG7GDcWsu5o+T4232O+8KZO55w==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -1126,15 +1146,25 @@
}
},
"node_modules/markdown-it": {
"version": "14.1.0",
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
"integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
"version": "14.3.0",
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.3.0.tgz",
"integrity": "sha512-RCEsPjR+sr0x+AuYp601tKTkgFG4YEPLCzHST3cQ/fhlJkqAkz1L2/Qbp1j9qw5SBwQHFBoW8+hoN5xssOF0Tw==",
"dev": true,
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/puzrin"
},
{
"type": "github",
"url": "https://github.com/sponsors/markdown-it"
}
],
"license": "MIT",
"dependencies": {
"argparse": "^2.0.1",
"entities": "^4.4.0",
"linkify-it": "^5.0.0",
"entities": "^4.5.0",
"linkify-it": "^5.0.2",
"mdurl": "^2.0.0",
"punycode.js": "^2.3.1",
"uc.micro": "^2.1.0"
@@ -1216,9 +1246,9 @@
}
},
"node_modules/minimatch": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
"version": "3.1.5",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
"integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
"dev": true,
"license": "ISC",
"dependencies": {
@@ -1358,9 +1388,9 @@
}
},
"node_modules/picomatch": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"version": "4.0.5",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
"integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
"dev": true,
"license": "MIT",
"engines": {
@@ -1474,9 +1504,9 @@
}
},
"node_modules/readdirp/node_modules/picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
"integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
"dev": true,
"license": "MIT",
"engines": {
@@ -1675,9 +1705,9 @@
"license": "MIT"
},
"node_modules/ws": {
"version": "8.18.3",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
"integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
"version": "8.21.1",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.21.1.tgz",
"integrity": "sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==",
"dev": true,
"license": "MIT",
"engines": {
+28
View File
@@ -0,0 +1,28 @@
<IfModule mod_rewrite.c>
RewriteEngine On
# Redirect HTTP to HTTPS, including behind reverse proxies
RewriteCond %{REQUEST_URI} !^/\.well-known/acme-challenge/
RewriteCond %{HTTPS} off
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>
<IfModule mod_headers.c>
# Force HTTPS for one year
Header always set Strict-Transport-Security "max-age=31536000"
# Prevent MIME sniffing
Header always set X-Content-Type-Options "nosniff"
# Prevent clickjacking (also enforced via CSP frame-ancestors)
Header always set X-Frame-Options "DENY"
# Control referrer leakage
Header always set Referrer-Policy "strict-origin-when-cross-origin"
# Restrict browser features
Header always set Permissions-Policy "geolocation=(), microphone=(), camera=(), payment=(), usb=(), magnetometer=(), gyroscope=()"
# Content Security Policy (no unsafe-inline/unsafe-eval in script-src)
Header always set Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; img-src 'self' https://organisationka.b-cdn.net; font-src 'self' https://fonts.gstatic.com; connect-src 'self'; frame-ancestors 'none'; base-uri 'self'; form-action 'self'; object-src 'none'"
</IfModule>
+3 -3
View File
@@ -8,21 +8,21 @@
"name": "KA UBUNTU",
"domain": "kaubuntu.com",
"url": "https://kaubuntu.com",
"logo": "https://kaubuntu.com/wp-content/uploads/2026/04/logo-ka-ubuntu.png",
"logo": "/assets/images/clients/kaubuntu-com.png",
"description": "Pan-Africanist and pro-independence political movement from Réunion. Fighting for the self-determination of Réunion and African unity. \"I am because we are.\""
},
{
"name": "KA UBUNTU — Media hub",
"domain": "kaubuntu.re",
"url": "https://kaubuntu.re",
"logo": "https://kaubuntu.re/img/logo.png",
"logo": "/assets/images/clients/kaubuntu-re.png",
"description": "Centralised media aggregator for Ka Ubuntu: YouTube videos, articles, Instagram and TikTok brought together on a single page. Progressive web application (PWA)."
},
{
"name": "KBM Ka Pou Nou Bwè é Manjé",
"domain": "kbm.gp",
"url": "https://kbm.gp",
"logo": "https://kbm.gp/images/logo-1024.webp",
"logo": "/assets/images/clients/kbm.gp.webp",
"description": "Movement for the emancipation and food sovereignty of the Guadeloupean people. Community radio Radyo Bòkaz, podcasts, lakou and local farming."
}
]
+5 -6
View File
@@ -9,23 +9,22 @@
]
},
{
"title": "💬 Social networks",
"title": "📢 PAWOL.NU channels",
"links": [
{ "text": "Telegram", "url": "https://t.me/OrganisationKA" },
{ "text": "X (Twitter)", "url": "https://x.com/OrganisationKA" }
{ "text": "WhatsApp channel", "url": "https://whatsapp.com/channel/0029VbCv7N9AjPXTxygrRu1w" },
{ "text": "Telegram channel", "url": "https://t.me/OrganisationKA" }
]
},
{
"title": "💬 Community",
"links": [
{ "text": "Discord", "url": "https://discord.gg/a2r9NYNM" },
{ "text": "Revolt", "url": "https://rvlt.gg/e1zJrg3p" }
{ "text": "Discord", "url": "https://discord.gg/DPvUCA8dD" }
]
},
{
"title": "💻 Code & Development",
"links": [
{ "text": "Labola (Gitea)", "url": "https://labola.o-k-i.net/" }
{ "text": "Labola (Gitea)", "url": "https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE" }
]
}
]
+17 -10
View File
@@ -1,12 +1,19 @@
[
{ "text": "Solutions", "url": "#solutions" },
{ "text": "Our projects", "url": "#projets" },
{ "text": "DJANGOKAM", "url": "#djangokam" },
{ "text": "Services", "url": "#hebergement" },
{ "text": "Our work", "url": "#clients" },
{ "text": "Our instances", "url": "#services-libres" },
{ "text": "FAQ", "url": "#faq" },
{ "text": "Donate", "url": "#dons" },
{ "text": "Contact", "url": "#contact" },
{ "text": "Labola", "url": "https://labola.o-k-i.net/", "external": true }
{ "text": "Solutions", "url": "/en/#solutions" },
{ "text": "Our projects", "url": "/en/#projets" },
{ "text": "Partners", "url": "/en/#partenaires" },
{ "text": "DJANGOKAM", "url": "/en/#djangokam" },
{ "text": "Services", "url": "/en/#hebergement" },
{ "text": "Donate", "url": "/en/donate/" },
{
"text": "Resources",
"children": [
{ "text": "Our work", "url": "/en/#clients" },
{ "text": "Our instances", "url": "/en/#services-libres" },
{ "text": "FAQ", "url": "/en/#faq" },
{ "text": "Press", "url": "/en/press/" },
{ "text": "Labola", "url": "https://labola.o-k-i.net/", "external": true }
]
},
{ "text": "Contact", "url": "/en/#contact" }
]
+18 -9
View File
@@ -2,25 +2,34 @@
"section_title": "Our",
"section_title_accent": "Partners",
"section_subtitle": "They share our values and help enrich our free digital ecosystem",
"link_text": "Discover on GADE",
"items": [
{
"name": "Joukawouvè",
"logo": "/assets/images/joukawouve.png",
"description": "Sharing Guadeloupean and international news.",
"url": "https://gade.o-k-i.net/accounts/joukawouve"
},
{
"name": "cyber-mawonaj",
"logo": "/assets/images/cyber_mawonaj.jpg",
"description": "Towards digital mawonaj - Winning your freedom also runs through the digital world.",
"url": "https://gade.o-k-i.net/c/cyber_mawonaj/videos"
"links": [
{ "url": "https://kute.o-k-i.net/@joukawouve", "text": "Discover on KUTE" },
{ "url": "https://bokante.o-k-i.net/@joukawouve", "text": "Discover on BOKANTE" },
{ "url": "https://gade.o-k-i.net/accounts/joukawouve", "text": "Discover on GADE" }
]
},
{
"name": "Aktivist Vybz #AKV",
"logo": "/assets/images/akv.png",
"description": "Committed selectors and DJs, with content focused on activism and cultural expression.",
"url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv"
"links": [
{ "url": "https://mizik.o-k-i.net/channels/aktivistvybzakv", "text": "Discover on MIZIK" },
{ "url": "https://gade.o-k-i.net/c/aktivist_vybz-1_channel/videos", "text": "Discover on GADE" }
]
},
{
"name": "cyber-mawonaj",
"logo": "/assets/images/cyber_mawonaj.jpg",
"description": "Towards digital mawonaj - Winning your freedom also runs through the digital world.",
"links": [
{ "url": "https://bokante.o-k-i.net/@cybermawonaj", "text": "Discover on BOKANTE" },
{ "url": "https://gade.o-k-i.net/c/cyber.mawonaj/videos", "text": "Discover on GADE" }
]
}
]
}
+33
View File
@@ -0,0 +1,33 @@
{
"title": "Press",
"title_accent": "& Media",
"lede": "Press resources for DJANGOKAM, the first Caribbean AI artist, produced by ORGANISATION KA INTERNATIONALE (OKI). HD visuals and listening links, ready to use for newsrooms and radio programmers.",
"facts_title": "The essentials",
"facts": [
{ "label": "Artist", "value": "DJANGOKAM, the first Caribbean AI artist, joined by NYYOKA in duets" },
{ "label": "Producer", "value": "ORGANISATION KA INTERNATIONALE (OKI), a cultural association based in Basse-Terre, Guadeloupe" },
{ "label": "Discography", "value": "12 releases available on every platform, listed on MusicBrainz" },
{ "label": "Official videos", "value": "\"I Want You Girl\" and \"Ish Mwen KUTE\"" },
{ "label": "Language", "value": "Sings in KA, a language known as \"Creole\", with lyrics and translations on PAWÒL-NU" }
],
"visuals_title": "HD visuals",
"visuals_intro": "Free to use for editorial coverage of DJANGOKAM. Click a cover for a preview, or download the high-resolution PDF.",
"visuals": [
{ "image": "/assets/images/djangokam-she-told-me.webp", "caption": "\"She Told Me (Fanm-la di mwen)\" — DJANGOKAM x NYYOKA", "pdf": "DJANGOKAM_She_Told_Me_HD.pdf" },
{ "image": "/assets/images/djangokam-i-want-you-girl.webp", "caption": "\"I Want You Girl\"", "pdf": "DJANGOKAM_I_Want_You_Girl_HD.pdf" },
{ "image": "/assets/images/djangokam-ish-mwen-kute.jpg", "caption": "\"Ish Mwen KUTE\"", "pdf": "DJANGOKAM_Ish_Mwen_Kute_HD.pdf" }
],
"visual_pdf_label": "HD PDF",
"visuals_pdf_label": "Download all 3 HD visuals (PDF)",
"visuals_pdf_file": "DJANGOKAM_Visuels_HD.pdf",
"links_title": "Listen & watch",
"links": [
{ "text": "Listen on PAWÒL-NU (lyrics & translations)", "url": "https://pawol.nu" },
{ "text": "DJANGOKAM on every platform", "url": "https://djangokam.pawol.nu" },
{ "text": "NYYOKA on every platform", "url": "https://nyyoka.pawol.nu" },
{ "text": "Videos on GADE (PeerTube, sovereign hosting)", "url": "https://gade.o-k-i.net" }
],
"contact_title": "Press contact",
"contact_text": "Localised press kit, additional visuals, broadcast WAV or interview requests: get in touch, we reply quickly.",
"contact_email": "kontak@o-k-i.net"
}
+7
View File
@@ -16,6 +16,13 @@
"domain": "gong.gp",
"description": "Historical documents from the GONG",
"url": "https://gong.gp/"
},
{
"name": "FEDIVERSE.OKI",
"icon": "🎬",
"domain": "fediverse.o-k-i.net",
"description": "Independent multimedia platform: PeerTube videos, Mastodon feed, Castopod podcasts and WordPress articles",
"url": "https://fediverse.o-k-i.net/"
}
]
}
-4
View File
@@ -5,7 +5,6 @@
"items": [
{
"name": "BOKANTE",
"icon": "🐘",
"platform": "Mastodon",
"description": "Our free social network instance. Exchange, share and connect without surveillance or algorithms, far from X or Facebook.",
"url": "https://bokante.o-k-i.net",
@@ -13,7 +12,6 @@
},
{
"name": "GADE",
"icon": "📺",
"platform": "PeerTube",
"description": "Our free and sovereign video instance. Stream your videos without algorithms or censorship, dedicated to Afro-diasporic languages, cultures and productions.",
"url": "https://gade.o-k-i.net",
@@ -21,7 +19,6 @@
},
{
"name": "NIYAJ",
"icon": "☁️",
"platform": "Nextcloud",
"description": "Your personal cloud, far from Google's servers. Files, calendar, contacts, collaborative documents, everything Google Drive offers, but your data stays yours.",
"url": "https://niyaj.o-k-i.net",
@@ -29,7 +26,6 @@
},
{
"name": "KUTE",
"icon": "🎙️",
"platform": "Castopod",
"description": "Our free podcasting instance. Create, host and distribute your podcasts fully autonomously, without algorithms or censorship.",
"url": "https://kute.o-k-i.net/",
-1
View File
@@ -4,7 +4,6 @@
"description": "We build custom web applications for grassroots associations, collectives and activist organisations, with rates that match your means.",
"url": "https://o-k-i.net",
"email": "kontak@o-k-i.net",
"copyright": "© 2025 ORGANISATION KA INTERNATIONALE",
"tagline": "Digital tools in service of your struggles",
"og_tagline": "Taking back control of our internet",
"keywords": "OKI, ORGANISATION KA INTERNATIONALE, custom web application, activist associations, web development, digital sovereignty, solidarity pricing, free software, Guadeloupe, Martinique, Caribbean, ethical digital, Castopod, KUTE, ethical hosting, GAFAM alternative",
+3 -3
View File
@@ -8,21 +8,21 @@
"name": "KA UBUNTU",
"domain": "kaubuntu.com",
"url": "https://kaubuntu.com",
"logo": "https://kaubuntu.com/wp-content/uploads/2026/04/logo-ka-ubuntu.png",
"logo": "/assets/images/clients/kaubuntu-com.png",
"description": "Mouvement politique panafricaniste et indépendantiste réunionnais. Lutte pour l'autodétermination de La Réunion et l'unité africaine. \"Je suis parce que nous sommes.\""
},
{
"name": "KA UBUNTU — Hub multimédia",
"domain": "kaubuntu.re",
"url": "https://kaubuntu.re",
"logo": "https://kaubuntu.re/img/logo.png",
"logo": "/assets/images/clients/kaubuntu-re.png",
"description": "Agrégateur multimédia centralisé pour Ka Ubuntu : vidéos YouTube, articles, Instagram et TikTok réunis en une seule page. Application web progressive (PWA)."
},
{
"name": "KBM Ka Pou Nou Bwè é Manjé",
"domain": "kbm.gp",
"url": "https://kbm.gp",
"logo": "https://kbm.gp/images/logo-1024.webp",
"logo": "/assets/images/clients/kbm.gp.webp",
"description": "Mouvement pour l'émancipation et la souveraineté alimentaire du peuple guadeloupéen. Radio communautaire Radyo Bòkaz, podcasts, lakou et agriculture locale."
}
]
+5 -6
View File
@@ -9,23 +9,22 @@
]
},
{
"title": "💬 Réseaux sociaux",
"title": "📢 Chaînes PAWOL.NU",
"links": [
{ "text": "Telegram", "url": "https://t.me/OrganisationKA" },
{ "text": "X (Twitter)", "url": "https://x.com/OrganisationKA" }
{ "text": "WhatsApp channel", "url": "https://whatsapp.com/channel/0029VbCv7N9AjPXTxygrRu1w" },
{ "text": "Telegram channel", "url": "https://t.me/OrganisationKA" }
]
},
{
"title": "💬 Communauté",
"links": [
{ "text": "Discord", "url": "https://discord.gg/a2r9NYNM" },
{ "text": "Revolt", "url": "https://rvlt.gg/e1zJrg3p" }
{ "text": "Discord", "url": "https://discord.gg/DPvUCA8dD" }
]
},
{
"title": "💻 Code & Développement",
"links": [
{ "text": "Labola (Gitea)", "url": "https://labola.o-k-i.net/" }
{ "text": "Labola (Gitea)", "url": "https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE" }
]
}
]
+1 -1
View File
@@ -6,7 +6,7 @@
"message_cle": "DJANGOKAM n'est pas simplement un artiste virtuel. Il est le premier projet musical porté par ORGANISATION KA INTERNATIONALE (OKI), une association culturelle guadeloupéenne qui explore les possibilités offertes par l'intelligence artificielle pour promouvoir les langues dites « créoles », les cultures et la création artistique Caribéennes. À travers ce projet, OKI démontre que les technologies émergentes peuvent être mises au service du patrimoine culturel plutôt que de s'y opposer.",
"histoire": [
"DJANGOKAM est né il y a 29 ans à Wanakaera - le nom que les Kalinas, premiers habitants de l'île, donnaient à ce qu'on appelle aujourd'hui la Martinique. Il porte le reggae, le zouk et le konpa de scène en scène, jusqu'à la K-pop qu'il chante en coréen. La langue de son cœur est le KA, celle qu'on appelle à tort « créole » ; son arme, la musique. Ses scènes préférées : Wanakaera et Karukera, l'île de son grand-père - la Guadeloupe.",
"À ses côtés, NYYOKA, artiste IA Caribéenne du même collectif, mène le même combat depuis la mer - en solo ou en duo, comme sur le single « She Told Me (Fanm-la di mwen) »."
"À ses côtés, NYYOKA, artiste IA Caribéenne du même collectif, mène le même combat - en solo ou en duo, comme sur le single « She Told Me (Fanm-la di mwen) »."
],
"duo": {
"image": "/assets/images/djangokam-she-told-me.webp",
+17 -10
View File
@@ -1,12 +1,19 @@
[
{ "text": "Solutions", "url": "#solutions" },
{ "text": "Nos projets", "url": "#projets" },
{ "text": "DJANGOKAM", "url": "#djangokam" },
{ "text": "Services", "url": "#hebergement" },
{ "text": "Réalisations", "url": "#clients" },
{ "text": "Nos instances", "url": "#services-libres" },
{ "text": "FAQ", "url": "#faq" },
{ "text": "Dons", "url": "#dons" },
{ "text": "Contact", "url": "#contact" },
{ "text": "Labola", "url": "https://labola.o-k-i.net/", "external": true }
{ "text": "Solutions", "url": "/#solutions" },
{ "text": "Nos projets", "url": "/#projets" },
{ "text": "Partenaires", "url": "/#partenaires" },
{ "text": "DJANGOKAM", "url": "/#djangokam" },
{ "text": "Services", "url": "/#hebergement" },
{ "text": "Dons", "url": "/dons/" },
{
"text": "Ressources",
"children": [
{ "text": "Réalisations", "url": "/#clients" },
{ "text": "Nos instances", "url": "/#services-libres" },
{ "text": "FAQ", "url": "/#faq" },
{ "text": "Presse", "url": "/presse/" },
{ "text": "Labola", "url": "https://labola.o-k-i.net/", "external": true }
]
},
{ "text": "Contact", "url": "/#contact" }
]
+18 -9
View File
@@ -2,25 +2,34 @@
"section_title": "Nos",
"section_title_accent": "Partenaires",
"section_subtitle": "Ils partagent nos valeurs et contribuent à enrichir notre écosystème numérique libre",
"link_text": "Découvrir sur GADE",
"items": [
{
"name": "Joukawouvè",
"logo": "/assets/images/joukawouve.png",
"description": "Partage de l'actualité guadeloupéenne et internationale.",
"url": "https://gade.o-k-i.net/accounts/joukawouve"
},
{
"name": "cyber-mawonaj",
"logo": "/assets/images/cyber_mawonaj.jpg",
"description": "Vers le mawonaj numérique - Conquérir sa liberté passe aussi par le numérique.",
"url": "https://gade.o-k-i.net/c/cyber_mawonaj/videos"
"links": [
{ "url": "https://kute.o-k-i.net/@joukawouve", "text": "Découvrir sur KUTE" },
{ "url": "https://bokante.o-k-i.net/@joukawouve", "text": "Découvrir sur BOKANTE" },
{ "url": "https://gade.o-k-i.net/accounts/joukawouve", "text": "Découvrir sur GADE" }
]
},
{
"name": "Aktivist Vybz #AKV",
"logo": "/assets/images/akv.png",
"description": "Sélecteurs et DJs engagés, avec un contenu axé sur l'activisme et l'expression culturelle.",
"url": "https://gade.o-k-i.net/accounts/aktivist_vybz_akv"
"links": [
{ "url": "https://mizik.o-k-i.net/channels/aktivistvybzakv", "text": "Découvrir sur MIZIK" },
{ "url": "https://gade.o-k-i.net/c/aktivist_vybz-1_channel/videos", "text": "Découvrir sur GADE" }
]
},
{
"name": "cyber-mawonaj",
"logo": "/assets/images/cyber_mawonaj.jpg",
"description": "Vers le mawonaj numérique - Conquérir sa liberté passe aussi par le numérique.",
"links": [
{ "url": "https://bokante.o-k-i.net/@cybermawonaj", "text": "Découvrir sur BOKANTE" },
{ "url": "https://gade.o-k-i.net/c/cyber.mawonaj/videos", "text": "Découvrir sur GADE" }
]
}
]
}
+33
View File
@@ -0,0 +1,33 @@
{
"title": "Presse",
"title_accent": "& Médias",
"lede": "Ressources presse pour DJANGOKAM, le premier artiste IA caribéen produit par ORGANISATION KA INTERNATIONALE (OKI). Visuels HD et liens d'écoute, prêts à l'emploi pour les rédactions et programmateurs radio.",
"facts_title": "L'essentiel",
"facts": [
{ "label": "Artiste", "value": "DJANGOKAM, premier artiste IA caribéen, porté par NYYOKA en duo" },
{ "label": "Producteur", "value": "ORGANISATION KA INTERNATIONALE (OKI), association culturelle basée à Basse-Terre, Guadeloupe" },
{ "label": "Discographie", "value": "12 sorties disponibles sur toutes les plateformes, référencées sur MusicBrainz" },
{ "label": "Clips officiels", "value": "\"I Want You Girl\" et \"Ish Mwen KUTE\"" },
{ "label": "Langue", "value": "Chante en KA, langue dite « créole », avec paroles et traductions sur PAWÒL-NU" }
],
"visuals_title": "Visuels HD",
"visuals_intro": "Libres de droits pour un usage rédactionnel autour de DJANGOKAM. Cliquez sur une pochette pour l'aperçu, ou téléchargez le PDF haute résolution.",
"visuals": [
{ "image": "/assets/images/djangokam-she-told-me.webp", "caption": "« She Told Me (Fanm-la di mwen) » — DJANGOKAM x NYYOKA", "pdf": "DJANGOKAM_She_Told_Me_HD.pdf" },
{ "image": "/assets/images/djangokam-i-want-you-girl.webp", "caption": "« I Want You Girl »", "pdf": "DJANGOKAM_I_Want_You_Girl_HD.pdf" },
{ "image": "/assets/images/djangokam-ish-mwen-kute.jpg", "caption": "« Ish Mwen KUTE »", "pdf": "DJANGOKAM_Ish_Mwen_Kute_HD.pdf" }
],
"visual_pdf_label": "PDF HD",
"visuals_pdf_label": "Télécharger les 3 visuels HD (PDF)",
"visuals_pdf_file": "DJANGOKAM_Visuels_HD.pdf",
"links_title": "Écoute & visionnage",
"links": [
{ "text": "Écouter sur PAWÒL-NU (paroles & traductions)", "url": "https://pawol.nu" },
{ "text": "DJANGOKAM sur toutes les plateformes", "url": "https://djangokam.pawol.nu" },
{ "text": "NYYOKA sur toutes les plateformes", "url": "https://nyyoka.pawol.nu" },
{ "text": "Vidéos sur GADE (PeerTube, hébergement souverain)", "url": "https://gade.o-k-i.net" }
],
"contact_title": "Contact presse",
"contact_text": "Dossier de presse localisé, visuels complémentaires, WAV broadcast ou proposition d'interview : contactez-nous, nous répondons rapidement.",
"contact_email": "kontak@o-k-i.net"
}
+7
View File
@@ -16,6 +16,13 @@
"domain": "gong.gp",
"description": "Documents historiques du GONG",
"url": "https://gong.gp/"
},
{
"name": "FEDIVERSE.OKI",
"icon": "🎬",
"domain": "fediverse.o-k-i.net",
"description": "Plateforme multimédia indépendante : vidéos PeerTube, fil Mastodon, podcasts Castopod et articles WordPress",
"url": "https://fediverse.o-k-i.net/"
}
]
}
-4
View File
@@ -5,7 +5,6 @@
"items": [
{
"name": "BOKANTE",
"icon": "🐘",
"platform": "Mastodon",
"description": "Notre instance du réseau social libre. Échangez, partagez et connectez-vous sans surveillance ni algorithme, loin des réseaux de X ou Facebook.",
"url": "https://bokante.o-k-i.net",
@@ -13,7 +12,6 @@
},
{
"name": "GADE",
"icon": "📺",
"platform": "PeerTube",
"description": "Notre instance vidéo libre et souveraine. Diffusez vos vidéos sans algorithme ni censure, dédiée aux langues, cultures et productions afro-diasporiques.",
"url": "https://gade.o-k-i.net",
@@ -21,7 +19,6 @@
},
{
"name": "NIYAJ",
"icon": "☁️",
"platform": "Nextcloud",
"description": "Votre cloud personnel, loin des serveurs de Google. Fichiers, agenda, contacts, documents collaboratifs, tout ce que Google Drive propose, mais vos données restent les vôtres.",
"url": "https://niyaj.o-k-i.net",
@@ -29,7 +26,6 @@
},
{
"name": "KUTE",
"icon": "🎙️",
"platform": "Castopod",
"description": "Notre instance de podcasting libre. Créez, hébergez et diffusez vos podcasts en toute autonomie, sans algorithme ni censure.",
"url": "https://kute.o-k-i.net/",
-1
View File
@@ -4,7 +4,6 @@
"description": "Nous développons des applications web sur mesure pour les associations, collectifs et organisations militantes, avec des tarifs adaptés à vos moyens.",
"url": "https://o-k-i.net",
"email": "kontak@o-k-i.net",
"copyright": "© 2025 ORGANISATION KA INTERNATIONALE",
"tagline": "Le numérique au service de vos luttes",
"og_tagline": "Prenons le contrôle de notre internet",
"keywords": "OKI, ORGANISATION KA INTERNATIONALE, application web sur mesure, associations militantes, développement web, souveraineté numérique, tarifs solidaires, logiciel libre, Guadeloupe, Martinique, Caraïbes, numérique éthique, Castopod, KUTE, hébergement libre, alternative GAFAM",
+1
View File
@@ -0,0 +1 @@
<svg viewBox="0 86.4 512 339.2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><mask id="casto-face"><rect y="86.4" width="512" height="339.2" fill="#fff"/><path d="M372.7 159.7H139c-40.1 0-72.8 32.8-72.8 72.8S98.9 305 139 305h233.8c40.1 0 72.8-32.5 72.8-72.5.4-39.8-31.7-72.4-71.5-72.8zm-207.1 93.6s-10.7-7.9-25.8-7.9c-11.3 0-24.4 6.8-24.4 6.8-3.7-5.3-5.7-11.6-5.8-18.1 0-17.3 14-31.2 31.3-31.2s31.3 13.9 31.3 31.2c0 7.4-2.4 14-6.6 19.2m90.4 18c-34.3 0-33-26.3-33-26.3-.5-4.9 5.8-6.6 8-3.6 1.1 1.6 1.1 1.6 1.9 4.6 4.7 16.1 23.1 15.3 23.1 15.3s18.4 1.1 23.1-15.3c.8-2.7.8-3 1.9-4.6 2.2-2.7 8.5-1.4 8 3.6 0 .1 1.3 26.3-33 26.3m140.4-18.9s-13.2-6.8-24.5-6.8c-15.1 0-25.8 7.9-25.8 7.9-4.3-5.4-6.6-12.2-6.6-19.1 0-17.3 14-31.2 31.3-31.2s31.3 13.9 31.3 31.2c.2 6.5-1.8 12.9-5.7 18" fill="#000"/><path d="M107.4 129.1c-17.3-4.6-32.1 5.7-40.4 20-1.9 3.3-.6 6 1.4 7.1 2.8.8 4.7.3 7.7-4.1 6-10.7 16.2-16.7 27.7-14.5 0 0 8 2.5 9.1-2.7.8-3.4-2.2-5-5.5-5.8M417.2 140c-.3 5.2 8 5.2 8 5.2 11.5 1.1 18.7 6.3 21.4 18.3 1.6 5.2 3.3 6 6.3 6 2.2-.3 4.4-2.7 3.3-6.6-3.8-15.9-14-26.8-32.1-27.1-3.3-.2-6.6.7-6.9 4.2" fill="#000"/></mask><path d="M477.7 425.6h-89.3s-3.3-6.8-6.9-13.4-12.1-6.3-12.1-6.3H142s-8.2-1.1-12.4 6.3c-2.6 4.3-5 8.8-7.1 13.4H34.6C15.7 425.6 0 410.3 0 391.4V120.9C0 102 15.4 86.4 34.3 86.4h443.1c18.9 0 34.6 15.3 34.6 34.2v270.5c.3 18.9-15.4 34.5-34.3 34.5" mask="url(#casto-face)"/><path d="M371.1 203.2c-17.3 0-31.3 13.9-31.3 31.2 0 7.1 2.5 13.7 6.6 19.1 0 0 10.7-7.9 25.8-7.9 11.3 0 24.4 6.8 24.4 6.8 3.6-5.2 5.8-11.2 5.8-18.1 0-17.2-14-31.1-31.3-31.1m-230.2 0c-17.3 0-31.3 13.9-31.3 31.2 0 6.8 2.2 12.9 5.8 18.1 0 0 13.2-6.8 24.4-6.8 15.1 0 25.8 7.9 25.8 7.9 4.1-5.2 6.6-11.8 6.6-19.1 0-17.4-14-31.3-31.3-31.3"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

+1
View File
@@ -0,0 +1 @@
<svg viewBox="0 0 126.644 96" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M81.15,0c-1.2376,2.1973-2.3489,4.4704-3.3591,6.794-9.5975-1.4396-19.3718-1.4396-28.9945,0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166,1.5407-17.8059,4.2431-26.1405,8.0568C2.779,32.5304-1.6914,56.3725.5312,79.8863c9.6732,7.1476,20.5083,12.603,32.0505,16.0884,2.6014-3.4854,4.8998-7.1981,6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567,1.7932-1.3386,2.6519-1.9953,20.281,9.547,43.7696,9.547,64.0758,0,.8587.7072,1.7427,1.3891,2.6519,1.9953-3.4601,2.0457-7.0718,3.7632-10.835,5.1776,1.97,3.8642,4.2683,7.5769,6.8698,11.0623,11.5419-3.4854,22.3769-8.9156,32.0509-16.0631,2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811,4.2684,90.1918,1.5659,81.1752.0505l-.0252-.0505ZM42.2802,65.4144c-6.2383,0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788,11.3907-12.6788,11.5169,5.708,11.4159,12.6788c-.101,6.9708-5.026,12.6535-11.3907,12.6535ZM84.3576,65.4144c-6.2637,0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788,11.3907-12.6788,11.4917,5.708,11.3906,12.6788c-.101,6.9708-5.026,12.6535-11.3906,12.6535Z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

+1
View File
@@ -0,0 +1 @@
<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>

After

Width:  |  Height:  |  Size: 220 B

+1
View File
@@ -0,0 +1 @@
<svg viewBox="5.67 143.05 628.65 387.55" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z"/><path d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8C343.2,346.5,335,363.3,326.8,380.1z"/></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

+1
View File
@@ -0,0 +1 @@
<svg viewBox="0 0 75 79" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><mask id="masto-m"><rect width="75" height="79" fill="#fff"/><path d="M61.2484 27.0263V48.114H52.8916V27.6475C52.8916 23.3388 51.096 21.1413 47.4437 21.1413C43.4287 21.1413 41.4177 23.7409 41.4177 28.8755V40.0782H33.1111V28.8755C33.1111 23.7409 31.0965 21.1413 27.0815 21.1413C23.4507 21.1413 21.6371 23.3388 21.6371 27.6475V48.114H13.2839V27.0263C13.2839 22.7176 14.384 19.2946 16.5843 16.7572C18.8539 14.2258 21.8311 12.926 25.5264 12.926C29.8036 12.926 33.0357 14.5705 35.1905 17.8559L37.2698 21.346L39.3527 17.8559C41.5074 14.5705 44.7395 12.926 49.0095 12.926C52.7013 12.926 55.6784 14.2258 57.9553 16.7572C60.1531 19.2922 61.2508 22.7152 61.2484 27.0263Z" fill="#000"/></mask><path d="M73.8393 17.4898C72.6973 9.00165 65.2994 2.31235 56.5296 1.01614C55.05 0.797115 49.4441 0 36.4582 0H36.3612C23.3717 0 20.585 0.797115 19.1054 1.01614C10.5798 2.27644 2.79399 8.28712 0.904997 16.8758C-0.00358524 21.1056 -0.100549 25.7949 0.0682394 30.0965C0.308852 36.2651 0.355538 42.423 0.91577 48.5665C1.30307 52.6474 1.97872 56.6957 2.93763 60.6812C4.73325 68.042 12.0019 74.1676 19.1233 76.6666C26.7478 79.2728 34.9474 79.7055 42.8039 77.9162C43.6682 77.7151 44.5217 77.4817 45.3645 77.216C47.275 76.6092 49.5123 75.9305 51.1571 74.7385C51.1797 74.7217 51.1982 74.7001 51.2112 74.6753C51.2243 74.6504 51.2316 74.6229 51.2325 74.5948V68.6416C51.2321 68.6154 51.2259 68.5896 51.2142 68.5661C51.2025 68.5426 51.1858 68.522 51.1651 68.5058C51.1444 68.4896 51.1204 68.4783 51.0948 68.4726C51.0692 68.4669 51.0426 68.467 51.0171 68.4729C45.9835 69.675 40.8254 70.2777 35.6502 70.2682C26.7439 70.2682 24.3486 66.042 23.6626 64.2826C23.1113 62.762 22.7612 61.1759 22.6212 59.5646C22.6197 59.5375 22.6247 59.5105 22.6357 59.4857C22.6466 59.4609 22.6633 59.4391 22.6843 59.422C22.7053 59.4048 22.73 59.3929 22.7565 59.3871C22.783 59.3813 22.8104 59.3818 22.8367 59.3886C27.7864 60.5826 32.8604 61.1853 37.9522 61.1839C39.1768 61.1839 40.3978 61.1839 41.6224 61.1516C46.7435 61.008 52.1411 60.7459 57.1796 59.7621C57.3053 59.7369 57.431 59.7154 57.5387 59.6831C65.4861 58.157 73.0493 53.3672 73.8178 41.2381C73.8465 40.7606 73.9184 36.2364 73.9184 35.7409C73.9219 34.0569 74.4606 23.7949 73.8393 17.4898Z" mask="url(#masto-m)"/></svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

+1
View File
@@ -0,0 +1 @@
<svg viewBox="14 34.5 122.5 57" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M75.091,35.685c-12.438,0-22.981,8.433-26.248,19.857-2.84-6.06-8.994-10.305-16.082-10.305-9.748,0-17.761,8.013-17.761,17.761s8.013,17.765,17.761,17.765c7.088,0,13.242-4.248,16.082-10.309,3.268,11.426,13.81,19.861,26.248,19.861,12.346,0,22.835-8.308,26.186-19.605,2.892,5.924,8.97,10.053,15.958,10.053,9.748,0,17.765-8.017,17.765-17.765s-8.017-17.761-17.765-17.761c-6.988,0-13.065,4.127-15.958,10.05-3.352-11.296-13.84-19.601-26.186-19.601h0ZM75.091,46.11c9.39,0,16.89,7.497,16.89,16.887s-7.501,16.89-16.89,16.89-16.887-7.501-16.887-16.89,7.497-16.887,16.887-16.887ZM32.762,55.663c4.114,0,7.338,3.221,7.338,7.335s-3.225,7.338-7.338,7.338-7.335-3.225-7.335-7.338,3.221-7.335,7.335-7.335ZM117.234,55.663c4.114,0,7.338,3.221,7.338,7.335s-3.225,7.338-7.338,7.338-7.335-3.225-7.335-7.338,3.221-7.335,7.335-7.335Z"/></svg>

After

Width:  |  Height:  |  Size: 930 B

+1
View File
@@ -0,0 +1 @@
<svg viewBox="2799 -911 512 682.688" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m2799-911v341.344l256-170.656"/><path d="m2799-569.656v341.344l256-170.656"/><path d="m3055-740.344v341.344l256-170.656"/></svg>

After

Width:  |  Height:  |  Size: 249 B

+1
View File
@@ -0,0 +1 @@
<svg viewBox="0 0 307 307" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="fill-rule:evenodd;clip-rule:evenodd;"><g transform="matrix(1,0,0,1,-757,-1483)"><g transform="matrix(1.432974,0,0,1.80298,-288.929017,-864.20063)"><g transform="matrix(0.629919,0,0,0.500647,539.407527,1110.972982)"><path d="M356.969,675.637C323.753,644.675 302.968,600.546 302.968,551.6C302.968,458.019 378.944,382.044 472.524,382.044C566.105,382.044 642.08,458.019 642.08,551.6C642.08,629.48 589.46,695.166 517.864,715.015C501.974,691.667 487.572,670.399 498.34,635.393C485.202,642.099 476.944,655.288 474.445,669.626C469.556,661.943 464.129,654.533 457.841,647.931C441.837,631.125 420.016,619.373 409.919,597.549C405.306,587.241 402.145,572.504 405.799,561.838C408.436,582.54 418.507,601.587 436.545,612.617C450.296,621.023 465.703,622.408 481.126,625.661C497.203,629.048 522.738,636.688 538.403,633.928C551.425,631.638 578.749,617.255 578.02,601.656C577.765,596.289 571.213,587.245 568.79,582.066C565.566,575.171 567.48,573.682 567.848,566.765C568.885,547.188 563.715,537.516 554.206,521.395C542.674,501.84 530.016,490.024 508.095,482.087C488.062,474.831 457.231,478.938 456.996,479.271C461.046,483.711 464.773,488.906 465.295,495.055C457.084,487.46 449.14,479.387 439.945,472.948C419.607,458.71 406.868,460.052 398.782,484.817C394.568,497.72 391.382,515.255 395.288,528.453C397.657,536.447 402.575,542.952 408.175,548.951C397.217,547.458 390.574,537.94 388.158,527.623C360.997,586.373 354.95,614.781 356.969,675.637ZM558.455,619.379L558.452,619.376C554.235,619.505 550.344,617.264 547.164,614.697C545.37,613.176 542.74,611.209 542.372,608.931C541.643,604.396 545.254,601.153 547.406,599.808C549.251,598.658 551.495,598.017 553.613,597.527C558.442,596.411 563.455,595.377 568.319,596.323C569.774,596.606 571.22,597.077 572.417,597.951C573.614,598.821 574.544,600.138 574.705,601.612C574.824,602.705 574.525,603.796 574.164,604.833C573.322,607.217 572.16,609.476 570.71,611.548C569.274,613.613 567.556,615.508 565.485,616.934C563.414,618.361 560.969,619.304 558.455,619.379ZM486.399,552.769C503.076,550.51 505.109,576.334 489.02,577.418C472.931,578.502 471.118,554.84 486.399,552.769ZM430.213,501.5C431.753,505.171 434.926,507.616 437.667,510.309C431.445,512.197 425.166,510.394 419.704,507.264C420.028,513.033 424.299,518.121 427.498,522.174C422.225,523.384 417.564,521.577 413.944,517.769C413.891,523.13 415.717,527.806 418.347,532.34C408.062,537.456 403.622,526.696 403.097,518.275C402.522,509.02 406.267,485.669 412.907,478.941C420.336,471.412 431.875,480.182 438.166,485.238C443.719,489.698 449.061,495.087 454.092,500.111C447.487,504.476 437.648,504.294 430.213,501.5ZM559.47,568.921C555.834,562.599 554.722,560.76 552.607,556.182C551.168,553.064 550.439,549.366 555.655,549.256C565.117,549.055 568.395,564.041 561.026,569.27C560.844,569.397 560.628,569.465 560.407,569.465C560.02,569.465 559.662,569.257 559.47,568.921ZM553.254,508.59C555.938,471.688 555.624,447.806 521.4,481.304C534.318,487.312 545.181,496.897 553.254,508.59Z"/></g></g></g></svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

+1
View File
@@ -0,0 +1 @@
<svg viewBox="181 296 556 462" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z"/></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

+1
View File
@@ -0,0 +1 @@
<svg viewBox="15.6 11.4 17.1 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.5172 25.0575C25.4647 26.4295 24.3093 27.5306 22.8929 27.5306C22.5691 27.5306 22.2591 27.4729 21.9727 27.3675C22.2591 27.4729 22.5692 27.5306 22.893 27.5306C24.3094 27.5306 25.4648 26.4295 25.5174 25.0576L25.5224 12.8063H27.8124C28.0331 13.971 28.7405 14.9704 29.7205 15.5948C29.7208 15.5952 29.7212 15.5956 29.7215 15.596C30.4037 16.0305 31.2171 16.284 32.0903 16.284V16.9645C32.0903 16.9645 32.0903 16.9645 32.0904 16.9646V19.3405C30.4684 19.3405 28.9654 18.8334 27.7386 17.9728V24.1852C27.7386 27.2878 25.1559 29.8119 21.9812 29.8119C20.7545 29.8119 19.6169 29.4338 18.6818 28.7921C18.6813 28.7916 18.6808 28.791 18.6802 28.7905C17.1964 27.7717 16.224 26.0876 16.224 24.1846C16.224 21.0821 18.8067 18.5579 21.9814 18.5579C22.2448 18.5579 22.503 18.5791 22.7572 18.6128V19.337C19.861 19.4031 17.4865 21.5682 17.1713 24.3333C17.4868 21.5685 19.8611 19.4037 22.7571 19.3376V21.7342C22.5115 21.6591 22.2519 21.6154 21.9812 21.6154C20.5314 21.6154 19.3519 22.7683 19.3519 24.1852C19.3519 25.1719 19.9247 26.0292 20.7616 26.4596C20.7616 26.4597 20.7616 26.4597 20.7616 26.4597C21.1265 26.6474 21.541 26.7549 21.9811 26.7549C23.3975 26.7549 24.5529 25.6538 24.6055 24.2819L24.6105 12.0305H27.7385C27.7385 12.2955 27.7646 12.5545 27.8123 12.8063H25.5223L25.5172 25.0575Z"/></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

+1
View File
@@ -0,0 +1 @@
<svg viewBox="0 0 720 720" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"/><path d="M444.35,407.52l87.1,41.06c4,1.88,6.56,5.94,6.2,10.34-.94,11.46-5.54,34.43-26.13,55.02-58.12,58.12-162.49-7.64-166.74-10.18-25.67-13.79-50.06-32.24-73.19-55.36-23.12-23.12-41.58-47.52-55.37-73.19-2.55-4.24-68.31-108.61-10.18-166.74,20.59-20.59,43.56-25.19,55.02-26.13,4.41-.36,8.46,2.2,10.34,6.2l41.07,87.1c1.94,4.12,1.09,9.02-2.13,12.24l-30.61,30.61c-6.62,6.62-8.56,16.93-4,25.11,11.17,20.03,26.19,39.32,43.59,57.07,17.75,17.4,37.04,32.43,57.07,43.59,8.18,4.56,18.48,2.62,25.11-4l30.61-30.61c3.22-3.22,8.12-4.08,12.24-2.13Z"/></svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

+1
View File
@@ -0,0 +1 @@
<svg viewBox="0 0 1200 1227" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"/></svg>

After

Width:  |  Height:  |  Size: 415 B

+3 -38
View File
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="{{ locale }}">
<html lang="{{ locale }}" data-locale="{{ locale }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -100,43 +100,8 @@
}
</script>
<script>
(function() {
// Récupérer le thème stocké ou détecter le thème système
const storedTheme = localStorage.getItem('oki-theme');
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
let theme = storedTheme;
// Si pas de préférence stockée, utiliser le thème système
if (!storedTheme) {
theme = systemPrefersDark ? 'dark' : 'light';
}
// Appliquer le thème immédiatement
if (theme === 'light') {
document.documentElement.classList.add('light-theme');
}
})();
</script>
<script>
(function() {
// Redirection automatique selon la langue du navigateur, sauf choix explicite déjà mémorisé
var pref = localStorage.getItem('oki-lang-pref');
if (pref) return;
var browserLang = (navigator.language || navigator.userLanguage || '').toLowerCase();
var wantsEnglish = browserLang.indexOf('en') === 0;
var currentLocale = '{{ locale }}';
if (wantsEnglish && currentLocale !== 'en') {
window.location.replace('/en/' + window.location.hash);
} else if (!wantsEnglish && currentLocale === 'en') {
window.location.replace('/' + window.location.hash);
}
})();
</script>
<script src="/assets/js/theme.js"></script>
<script src="/assets/js/lang-redirect.js"></script>
</head>
<body>
{% include "partials/nav.njk" %}
+17 -6
View File
@@ -5,14 +5,25 @@
{{ t.contact.lede | safe }}
</p>
</div>
<div class="contact-grid">
<div class="contact-socials">
{% for section in t.contact.sections %}
<div class="contact-card">
<h3>{{ section.title }}</h3>
<div class="contact-links">
<div class="contact-socials-group">
<h3 class="contact-socials-title">{{ section.title }}</h3>
<div class="contact-socials-row">
{% for link in section.links %}
<a href="{{ link.url }}"{% if link.url.startsWith('http') %} target="_blank"{% endif %}>
{{ link.text }}
{% set lname = link.text.toLowerCase() %}
<a href="{{ link.url }}" title="{{ link.text }}"{% if link.url.startsWith('http') %} target="_blank" rel="noopener noreferrer"{% endif %} class="contact-social-link">
{% if 'kontak' in lname or 'mail' in lname %}
{% include "icons/email.svg" %}
{% elif 'whatsapp' in lname %}
{% include "icons/whatsapp.svg" %}
{% elif 'telegram' in lname %}
{% include "icons/telegram.svg" %}
{% elif 'discord' in lname %}
{% include "icons/discord.svg" %}
{% elif 'labola' in lname or 'gitea' in lname %}
{% include "icons/gitea.svg" %}
{% endif %}
</a>
{% endfor %}
</div>
+1 -1
View File
@@ -8,7 +8,7 @@
<div class="faq-container">
{% for item in t.faq.items %}
<div class="faq-item">
<button class="faq-question" onclick="this.parentElement.classList.toggle('active')">
<button class="faq-question">
<span>{{ item.question }}</span>
<span class="faq-icon">+</span>
</button>
+1 -1
View File
@@ -8,7 +8,7 @@
<div class="services-grid">
{% for service in t.services.items %}
<div class="service-card">
<div class="service-icon">{{ service.icon }}</div>
<div class="service-icon">{% include "icons/" + (service.platform | lower) + ".svg" %}</div>
<h3>{{ service.name }}</h3>
<div class="service-platform">{{ service.platform }}</div>
<p class="service-description">
+16 -5
View File
@@ -4,16 +4,27 @@
<p class="footer-name">
{{ t.site.name }}
</p>
<p>
{{ t.footer.tagline_line }}
</p>
<p class="footer-meta">
{{ t.site.copyright }} | {{ t.site.tagline }}
© {% year %} {{ t.site.name }} | {{ t.site.tagline }}
</p>
<p class="footer-legal">
<a href="/mentions-legales/">
<a href="{% if locale == 'en' %}/en/legal-notice/{% else %}/mentions-legales/{% endif %}">
{{ t.footer.legal_link }}
</a>
</p>
<div class="footer-socials">
<a href="mailto:kontak@o-k-i.net" title="Email" class="social-link">
{% include "icons/email.svg" %}
</a>
<a href="https://wa.me/262692229740" target="_blank" rel="noopener noreferrer" title="WhatsApp" class="social-link">
{% include "icons/whatsapp.svg" %}
</a>
<a href="https://discord.gg/DPvUCA8dD" target="_blank" rel="noopener noreferrer" title="Discord" class="social-link">
{% include "icons/discord.svg" %}
</a>
<a href="https://labola.o-k-i.net/ORGANISATION-KA-INTERNATIONALE/o-k-i.net" target="_blank" rel="noopener noreferrer" title="Code source sur Labola (Gitea)" class="social-link">
{% include "icons/gitea.svg" %}
</a>
</div>
</div>
</footer>
+19 -2
View File
@@ -6,17 +6,34 @@
</a>
<ul class="nav-links">
{% for item in t.navigation %}
{% if item.children %}
<li class="has-dropdown">
<button type="button" class="nav-dropdown-trigger" aria-haspopup="true" aria-expanded="false">
{{ item.text }} <span class="dropdown-caret">▾</span>
</button>
<ul class="nav-dropdown">
{% for child in item.children %}
<li>
<a href="{{ child.url }}"{% if child.external %} target="_blank"{% endif %}>
{{ child.text }}
</a>
</li>
{% endfor %}
</ul>
</li>
{% else %}
<li>
<a href="{{ item.url }}"{% if item.external %} target="_blank"{% endif %}>
{{ item.text }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% if locale == 'en' %}
<a href="/" class="lang-switch" onclick="localStorage.setItem('oki-lang-pref','fr')">{{ t.ui.lang_switch_label }}</a>
<a href="#" class="lang-switch" data-lang="fr">{{ t.ui.lang_switch_label }}</a>
{% else %}
<a href="/en/" class="lang-switch" onclick="localStorage.setItem('oki-lang-pref','en')">{{ t.ui.lang_switch_label }}</a>
<a href="#" class="lang-switch" data-lang="en">{{ t.ui.lang_switch_label }}</a>
{% endif %}
<button id="theme-toggle" class="theme-toggle" aria-label="{{ t.ui.theme_toggle }}" title="{{ t.ui.theme_toggle }}">
<span class="theme-icon theme-icon-dark">🌙</span>
+9 -5
View File
@@ -7,16 +7,20 @@
<div class="partners-grid">
{% for partner in t.partners.items %}
<a href="{{ partner.url }}" target="_blank" rel="noopener noreferrer" class="partner-card">
<div class="partner-card">
<div class="partner-logo-container">
<img src="{{ partner.logo }}" alt="Logo {{ partner.name }}" class="partner-logo">
</div>
<h3>{{ partner.name }}</h3>
<p class="partner-description">{{ partner.description }}</p>
<span class="partner-link">
{{ t.partners.link_text }} →
</span>
</a>
<div class="partner-links">
{% for link in partner.links %}
<a href="{{ link.url }}" target="_blank" rel="noopener noreferrer" class="partner-link">
{{ link.text }} →
</a>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
+2 -2
View File
@@ -26,7 +26,7 @@
<div class="custom-donation-form">
<input type="number" id="customAmountOneTime" placeholder="{{ t.support.custom_amount_placeholder }}" min="1" class="custom-amount-input">
<span class="currency-symbol">{{ t.support.one_time_suffix }}</span>
<button onclick="handleCustomDonation('oneTime')" class="custom-donation-btn custom-donation-btn-primary">
<button data-donation-type="oneTime" class="custom-donation-btn custom-donation-btn-primary">
{{ t.support.custom_amount_btn }}
</button>
</div>
@@ -49,7 +49,7 @@
<div class="custom-donation-form">
<input type="number" id="customAmountMonthly" placeholder="{{ t.support.custom_amount_placeholder }}" min="1" class="custom-amount-input custom-amount-input-monthly">
<span class="currency-symbol">{{ t.support.monthly_suffix }}</span>
<button onclick="handleCustomDonation('monthly')" class="custom-donation-btn custom-donation-btn-secondary">
<button data-donation-type="monthly" class="custom-donation-btn custom-donation-btn-secondary">
{{ t.support.custom_monthly_btn }}
</button>
</div>
+408 -26
View File
@@ -210,8 +210,11 @@ html.light-theme .contact-links a:hover {
}
.logo-image {
height: 2.25rem;
height: 2.5rem;
width: auto;
background: #fff;
padding: 0.25rem;
border-radius: 8px;
}
.nav-links {
@@ -298,6 +301,72 @@ html.light-theme .theme-icon-light {
transition: 0.3s;
}
/* Nav dropdown ("Ressources") */
.has-dropdown {
position: relative;
}
.nav-dropdown-trigger {
display: flex;
align-items: center;
gap: 0.3rem;
background: none;
border: none;
padding: 0;
font-family: inherit;
font-weight: 500;
font-size: 0.95rem;
color: var(--blanc-creme);
cursor: pointer;
}
.nav-dropdown-trigger:hover {
color: var(--or-oki);
}
.dropdown-caret {
font-size: 0.7em;
transition: transform 0.2s ease;
}
.nav-dropdown {
position: absolute;
top: 100%;
left: 0;
margin-top: 1rem;
min-width: 200px;
list-style: none;
background: var(--noir-oki);
border: 1px solid var(--line);
border-radius: var(--radius-sm);
padding: 0.4rem 0;
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.has-dropdown:hover .nav-dropdown,
.has-dropdown.open .nav-dropdown,
.nav-dropdown-trigger:focus-visible + .nav-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.has-dropdown:hover .dropdown-caret,
.has-dropdown.open .dropdown-caret {
transform: rotate(180deg);
}
.nav-dropdown a {
display: block;
padding: 0.55rem 1.1rem;
white-space: nowrap;
font-size: 0.9rem;
color: var(--blanc-creme);
}
/* Hero Section */
.hero {
padding: 9rem 2rem 5rem;
@@ -491,7 +560,13 @@ html.light-theme .hero::before {
}
.service-icon {
font-size: 1.5rem;
color: var(--or-oki);
height: 2.25rem;
}
.service-icon svg {
height: 100%;
width: auto;
}
.service-card h3 {
@@ -884,8 +959,6 @@ html.light-theme .hero::before {
padding: 2.5rem;
text-align: center;
transition: transform 0.2s ease, border-color 0.2s ease;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
align-items: center;
@@ -927,6 +1000,13 @@ html.light-theme .hero::before {
font-family: var(--font-body);
}
.partner-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.6rem;
}
.partner-link {
color: var(--or-oki);
font-weight: 600;
@@ -934,11 +1014,17 @@ html.light-theme .hero::before {
align-items: center;
gap: 0.4rem;
font-family: var(--font-body);
transition: gap 0.2s ease;
font-size: 0.95rem;
padding: 0.4rem 0.9rem;
border: 1px solid var(--or-oki);
border-radius: 999px;
text-decoration: none;
transition: background 0.2s ease, gap 0.2s ease;
}
.partner-card:hover .partner-link {
gap: 0.75rem;
.partner-link:hover {
background: rgba(253, 184, 19, 0.12);
gap: 0.6rem;
}
/* Support Section */
@@ -1121,39 +1207,74 @@ html.light-theme .hero::before {
color: var(--or-oki);
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
.contact-socials {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
max-width: 1200px;
margin: 0 auto;
}
.contact-card {
.contact-socials-group {
text-align: center;
}
.contact-card h3 {
.contact-socials-title {
font-size: 0.85rem;
font-weight: 600;
color: var(--or-oki);
margin-bottom: 1rem;
font-size: 1.1rem;
margin-bottom: 0.75rem;
opacity: 0.9;
}
.contact-links {
.contact-socials-row {
display: flex;
flex-direction: column;
gap: 0.5rem;
font-family: var(--font-body);
justify-content: center;
align-items: center;
gap: 1.5rem;
flex-wrap: wrap;
}
.contact-links a {
color: var(--blanc-creme);
text-decoration: none;
transition: color 0.2s;
}
.contact-links a:hover {
.contact-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
color: var(--or-oki);
text-decoration: none;
transition: transform 0.2s, opacity 0.2s;
border-radius: 8px;
background: rgba(253, 184, 19, 0.08);
}
.contact-social-link:hover {
transform: scale(1.15);
background: rgba(253, 184, 19, 0.15);
}
.contact-social-link svg {
width: 60%;
height: 60%;
}
@media (min-width: 768px) {
.contact-socials {
flex-direction: row;
align-items: flex-start;
justify-content: center;
gap: 3rem;
}
.contact-socials-row {
gap: 2rem;
}
.contact-social-link {
width: 3.5rem;
height: 3.5rem;
}
}
/* Footer */
@@ -1209,6 +1330,47 @@ footer .flag-bar {
opacity: 0.7;
}
.footer-socials {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
margin-top: 1.5rem;
flex-wrap: wrap;
}
.social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.75rem;
height: 1.75rem;
color: var(--or-oki);
text-decoration: none;
transition: transform 0.2s, opacity 0.2s;
}
.social-link svg {
width: 100%;
height: 100%;
}
.social-link:hover {
transform: scale(1.15);
opacity: 0.9;
}
@media (min-width: 768px) {
.footer-socials {
gap: 1rem;
}
.social-link {
width: 2rem;
height: 2rem;
}
}
/* Donation Styles */
.donation-amount {
display: flex;
@@ -1342,15 +1504,43 @@ input[type="number"]:focus {
}
/* Responsive */
@media (max-width: 768px) {
@media (max-width: 1100px) {
.nav-links {
display: none;
}
.nav-links.mobile-open {
display: flex;
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
padding: 1rem;
border-top: 2px solid var(--or-oki);
background: rgba(0, 0, 0, 0.98);
}
html.light-theme .nav-links.mobile-open {
background: rgba(255, 248, 231, 0.98);
}
.nav-container {
gap: 1rem;
}
.menu-toggle.open span:nth-child(1) {
transform: rotate(45deg) translateY(8px);
}
.menu-toggle.open span:nth-child(2) {
opacity: 0;
}
.menu-toggle.open span:nth-child(3) {
transform: rotate(-45deg) translateY(-8px);
}
.theme-toggle {
padding: 0.4rem 0.6rem;
font-size: 1rem;
@@ -1360,6 +1550,33 @@ input[type="number"]:focus {
display: flex;
}
.nav-dropdown-trigger {
pointer-events: none;
opacity: 0.7;
}
.dropdown-caret {
display: none;
}
.nav-dropdown {
position: static;
opacity: 1;
visibility: visible;
transform: none;
margin: 0.25rem 0 0.5rem 1rem;
border: none;
background: none;
padding: 0;
}
.nav-dropdown a {
padding: 0.4rem 0;
font-size: 0.9rem;
}
}
@media (max-width: 768px) {
.hero h1 {
font-size: 2rem;
}
@@ -1908,3 +2125,168 @@ input[type="number"]:focus {
flex-direction: column;
}
}
/* Press page */
.press-hero {
padding: 9rem 2rem 3rem;
text-align: center;
border-bottom: 1px solid var(--line);
}
.press-hero h1 {
font-size: 3rem;
margin-bottom: 1rem;
}
.press-lede {
max-width: 700px;
margin: 0 auto;
font-size: 1.1rem;
line-height: 1.6;
opacity: 0.85;
font-family: var(--font-body);
}
.press-facts {
padding: 4rem 2rem;
background: var(--noir-profond);
}
.press-facts h2,
.press-visuals h2,
.press-links h2,
.press-contact h2 {
text-align: center;
font-size: 2rem;
margin-bottom: 2rem;
}
.press-facts-list {
max-width: 800px;
margin: 0 auto;
display: grid;
gap: 1rem;
}
.press-fact {
display: grid;
grid-template-columns: 160px 1fr;
gap: 1rem;
padding: 1rem 0;
border-bottom: 1px solid var(--line);
font-family: var(--font-body);
}
.press-fact-label {
color: var(--or-oki);
font-weight: 700;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.press-visuals {
padding: 4rem 2rem;
background: var(--noir-profond);
}
.press-visuals-intro {
text-align: center;
max-width: 700px;
margin: 0 auto 2.5rem;
opacity: 0.85;
font-family: var(--font-body);
}
.press-visual-grid {
max-width: 1000px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.5rem;
}
.press-visual a {
display: block;
text-decoration: none;
color: inherit;
}
.press-visual img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: var(--radius-md);
border: 1px solid var(--line);
}
.press-visual-caption {
display: block;
margin-top: 0.5rem;
font-size: 0.85rem;
opacity: 0.75;
font-family: var(--font-body);
}
.press-visual-pdf-link {
display: inline-block;
margin-top: 0.5rem;
font-size: 0.8rem;
font-family: var(--font-body);
text-decoration: none;
color: var(--or-oki);
border-bottom: 1px solid currentColor;
}
.press-visuals-pdf {
text-align: center;
margin-top: 2.5rem;
}
.press-links {
padding: 4rem 2rem;
}
.press-links-list {
max-width: 600px;
margin: 0 auto;
display: grid;
gap: 0.75rem;
}
.press-links-list a {
display: block;
color: var(--blanc-creme);
text-decoration: none;
padding: 0.9rem 1.25rem;
background: rgba(255, 255, 255, 0.03);
border: 1px solid var(--line);
border-left: 4px solid var(--vert-oki);
border-radius: var(--radius-md);
font-family: var(--font-body);
transition: border-color 0.2s ease;
}
.press-links-list a:hover {
border-color: var(--vert-oki);
}
.press-contact {
padding: 4rem 2rem 6rem;
text-align: center;
background: var(--noir-profond);
}
.press-contact-text {
max-width: 600px;
margin: 0 auto 1.5rem;
opacity: 0.85;
font-family: var(--font-body);
}
@media (max-width: 600px) {
.press-fact {
grid-template-columns: 1fr;
gap: 0.25rem;
}
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

+15
View File
@@ -0,0 +1,15 @@
(function() {
// Redirection automatique selon la langue du navigateur, sauf choix explicite déjà mémorisé
var pref = localStorage.getItem('oki-lang-pref');
if (pref) return;
var browserLang = (navigator.language || navigator.userLanguage || '').toLowerCase();
var wantsEnglish = browserLang.indexOf('en') === 0;
var currentLocale = document.documentElement.dataset.locale || 'fr';
if (wantsEnglish && currentLocale !== 'en') {
window.location.replace('/en/' + window.location.hash);
} else if (!wantsEnglish && currentLocale === 'en') {
window.location.replace('/' + window.location.hash);
}
})();
+105 -58
View File
@@ -21,13 +21,6 @@
// Sauvegarder la préférence
localStorage.setItem('oki-theme', newTheme);
// Mettre à jour le menu mobile si ouvert
const navLinks = document.querySelector('.nav-links');
if (navLinks && navLinks.style.display === 'flex') {
const background = newTheme === 'light' ? 'rgba(255, 248, 231, 0.98)' : 'rgba(0, 0, 0, 0.98)';
navLinks.style.background = background;
}
// Mettre à jour les styles de la nav en fonction du scroll actuel
const nav = document.querySelector('nav');
const currentScroll = window.pageYOffset;
@@ -67,14 +60,58 @@
// Ajouter l'événement au bouton
themeToggle?.addEventListener('click', toggleTheme);
// Language switcher links
document.querySelectorAll('.lang-switch').forEach(function(link) {
link.addEventListener('click', function(e) {
e.preventDefault();
var lang = this.dataset.lang;
if (lang) {
localStorage.setItem('oki-lang-pref', lang);
switchLanguage(lang);
}
});
});
})();
// Smooth scrolling
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
// Language switch with page mapping
function switchLanguage(lang) {
const currentPath = window.location.pathname;
let newPath;
if (lang === 'fr') {
// Switch to French
if (currentPath.startsWith('/en/')) {
newPath = currentPath.substring(3); // Remove '/en'
} else {
newPath = currentPath;
}
newPath = newPath.replace('/press/', '/presse/');
newPath = newPath.replace('/legal-notice/', '/mentions-legales/');
newPath = newPath.replace('/donate/', '/dons/');
} else {
// Switch to English
if (!currentPath.startsWith('/en/')) {
newPath = '/en' + currentPath;
} else {
newPath = currentPath;
}
newPath = newPath.replace('/presse/', '/press/');
newPath = newPath.replace('/mentions-legales/', '/legal-notice/');
newPath = newPath.replace('/dons/', '/donate/');
}
window.location.href = newPath;
}
// Smooth scrolling (uniquement pour les ancres de la page courante)
document.querySelectorAll('a[href*="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
const url = new URL(this.href, window.location.href);
if (url.pathname !== window.location.pathname || !url.hash) return;
const target = document.querySelector(url.hash);
if (target) {
e.preventDefault();
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
@@ -90,32 +127,18 @@ let menuOpen = false;
menuToggle?.addEventListener('click', () => {
menuOpen = !menuOpen;
if (menuOpen) {
// Déterminer le fond selon le thème actuel
const isLightTheme = document.documentElement.classList.contains('light-theme');
const background = isLightTheme ? 'rgba(255, 248, 231, 0.98)' : 'rgba(0, 0, 0, 0.98)';
navLinks.classList.toggle('mobile-open', menuOpen);
menuToggle.classList.toggle('open', menuOpen);
});
navLinks.style.display = 'flex';
navLinks.style.position = 'absolute';
navLinks.style.top = '100%';
navLinks.style.left = '0';
navLinks.style.right = '0';
navLinks.style.background = background;
navLinks.style.flexDirection = 'column';
navLinks.style.padding = '1rem';
navLinks.style.borderTop = '2px solid #E8A625';
// Animate menu toggle
menuToggle.children[0].style.transform = 'rotate(45deg) translateY(8px)';
menuToggle.children[1].style.opacity = '0';
menuToggle.children[2].style.transform = 'rotate(-45deg) translateY(-8px)';
} else {
navLinks.style.display = 'none';
// Reset menu toggle
menuToggle.children[0].style.transform = '';
menuToggle.children[1].style.opacity = '1';
menuToggle.children[2].style.transform = '';
// Si la fenêtre est agrandie au-delà du breakpoint mobile pendant que le
// menu est ouvert, on réinitialise son état pour éviter qu'il reste caché
// ou en position absolue quand la nav desktop redevient visible.
window.addEventListener('resize', () => {
if (menuOpen && window.innerWidth > 1100) {
menuOpen = false;
navLinks.classList.remove('mobile-open');
menuToggle.classList.remove('open');
}
});
@@ -123,13 +146,40 @@ menuToggle?.addEventListener('click', () => {
document.addEventListener('click', (e) => {
if (menuOpen && !menuToggle.contains(e.target) && !navLinks.contains(e.target)) {
menuOpen = false;
navLinks.style.display = 'none';
menuToggle.children[0].style.transform = '';
menuToggle.children[1].style.opacity = '1';
menuToggle.children[2].style.transform = '';
navLinks.classList.remove('mobile-open');
menuToggle.classList.remove('open');
}
});
// Close mobile menu after clicking a nav link
navLinks?.querySelectorAll('a').forEach(link => {
link.addEventListener('click', () => {
if (menuOpen) {
menuOpen = false;
navLinks.classList.remove('mobile-open');
menuToggle.classList.remove('open');
}
});
});
// Nav dropdown ("Ressources") toggle for touch/keyboard
document.querySelectorAll('.nav-dropdown-trigger').forEach(trigger => {
trigger.addEventListener('click', () => {
const item = trigger.closest('.has-dropdown');
const isOpen = item.classList.toggle('open');
trigger.setAttribute('aria-expanded', isOpen);
});
});
document.addEventListener('click', (e) => {
document.querySelectorAll('.has-dropdown.open').forEach(item => {
if (!item.contains(e.target)) {
item.classList.remove('open');
item.querySelector('.nav-dropdown-trigger')?.setAttribute('aria-expanded', 'false');
}
});
});
// Scroll animations
const observerOptions = {
threshold: 0.15,
@@ -227,24 +277,6 @@ function createNetworkLine() {
// Initialize network lines
createNetworkLine();
// Dynamic typing effect for hero subtitle
const subtitle = document.querySelector('.hero-subtitle');
if (subtitle) {
const text = subtitle.textContent;
subtitle.textContent = '';
let index = 0;
function typeWriter() {
if (index < text.length) {
subtitle.textContent += text.charAt(index);
index++;
setTimeout(typeWriter, 100);
}
}
setTimeout(typeWriter, 800);
}
// Add hover effect to project cards with tilt
document.querySelectorAll('.project-card, .service-card').forEach(card => {
card.addEventListener('mousemove', (e) => {
@@ -314,3 +346,18 @@ function handleCustomDonation(type) {
window.location.href = stripeUrl;
}
// FAQ accordion toggle
document.querySelectorAll('.faq-question').forEach(button => {
button.addEventListener('click', () => {
button.parentElement.classList.toggle('active');
});
});
// Custom donation buttons
document.querySelectorAll('.custom-donation-btn').forEach(button => {
button.addEventListener('click', () => {
const type = button.dataset.donationType;
if (type) handleCustomDonation(type);
});
});
+17
View File
@@ -0,0 +1,17 @@
(function() {
// Récupérer le thème stocké ou détecter le thème système
const storedTheme = localStorage.getItem('oki-theme');
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
let theme = storedTheme;
// Si pas de préférence stockée, utiliser le thème système
if (!storedTheme) {
theme = systemPrefersDark ? 'dark' : 'light';
}
// Appliquer le thème immédiatement
if (theme === 'light') {
document.documentElement.classList.add('light-theme');
}
})();
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
+12
View File
@@ -0,0 +1,12 @@
---
layout: layouts/base.njk
title: Dons
description: Soutenez ORGANISATION KA INTERNATIONALE par un don ponctuel ou mensuel via Stripe, Liberapay ou Ko-fi.
---
<section class="press-hero">
<h1>{{ t.support.section_title }} <span class="accent-text">{{ t.support.section_title_accent }}</span></h1>
<p class="press-lede">{{ t.support.lede }}</p>
</section>
{% include "partials/support.njk" %}
+12
View File
@@ -0,0 +1,12 @@
---
layout: layouts/base.njk
title: Donate
description: Support ORGANISATION KA INTERNATIONALE with a one-time or monthly donation through Stripe, Liberapay or Ko-fi.
---
<section class="press-hero">
<h1>{{ t.support.section_title }} <span class="accent-text">{{ t.support.section_title_accent }}</span></h1>
<p class="press-lede">{{ t.support.lede }}</p>
</section>
{% include "partials/support.njk" %}
+1 -1
View File
@@ -5,12 +5,12 @@ layout: layouts/base.njk
{% include "partials/hero.njk" %}
{% include "partials/publics.njk" %}
{% include "partials/projects.njk" %}
{% include "partials/partners.njk" %}
{% include "partials/djangokam.njk" %}
{% include "partials/mission.njk" %}
{% include "partials/hosting.njk" %}
{% include "partials/clients.njk" %}
{% include "partials/fediverse.njk" %}
{% include "partials/support.njk" %}
{% include "partials/faq.njk" %}
{% include "partials/engagement.njk" %}
{% include "partials/contact.njk" %}
+222
View File
@@ -0,0 +1,222 @@
---
layout: layouts/base.njk
title: Legal Notice
description: Legal notice and legal information of ORGANISATION KA INTERNATIONALE (OKI) - Hosting, GDPR, AGPL-V3 license
---
<section style="padding: 8rem 2rem 4rem; min-height: 100vh; background: linear-gradient(135deg, var(--noir-profond) 0%, var(--gris-sombre) 100%);">
<div class="section-container" style="max-width: 900px;">
<h1 style="font-size: 2.5rem; margin-bottom: 3rem; text-align: center;">
<span class="accent-text">Legal Notice</span>
</h1>
<!-- Website Presentation -->
<div style="background: rgba(232, 166, 37, 0.1); border-left: 4px solid var(--or-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--or-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
1. Website Presentation
</h2>
<p style="margin-bottom: 1rem; line-height: 1.6;">
In accordance with applicable law, we hereby provide users of the website <strong>o-k-i.net</strong>
with the identity of the various parties involved in its creation and management:
</p>
<ul style="list-style: none; padding: 0; margin: 1.5rem 0;">
<li style="margin-bottom: 1rem;">
<strong style="color: var(--or-oki);">Owner:</strong><br>
ORGANISATION KA INTERNATIONALE<br>
36 Rue Lethière, 97100 Basse-Terre
</li>
<li style="margin-bottom: 1rem;">
<strong style="color: var(--or-oki);">Publishing Manager:</strong><br>
ORGANISATION KA INTERNATIONALE<br>
Contact: <a href="mailto:kontak@o-k-i.net" style="color: var(--or-oki); text-decoration: none;">kontak@o-k-i.net</a>
</li>
<li style="margin-bottom: 1rem;">
<strong style="color: var(--or-oki);">Webmaster:</strong><br>
Cédric FAMIBELLE-PRONZOLA<br>
Contact: <a href="mailto:contact@cedric-pronzola.dev" style="color: var(--or-oki); text-decoration: none;">contact@cedric-pronzola.dev</a>
</li>
<li style="margin-bottom: 1rem;">
<strong style="color: var(--or-oki);">Hosting Provider:</strong><br>
o2switch<br>
222-224 Boulevard Gustave Flaubert, 63000 Clermont-Ferrand, France
</li>
<li style="margin-bottom: 1rem;">
<strong style="color: var(--or-oki);">Data Protection Officer:</strong><br>
ORGANISATION KA INTERNATIONALE<br>
Contact: <a href="mailto:kontak@o-k-i.net" style="color: var(--or-oki); text-decoration: none;">kontak@o-k-i.net</a>
</li>
</ul>
</div>
<!-- Terms of Use -->
<div style="background: rgba(0, 168, 84, 0.1); border-left: 4px solid var(--vert-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--vert-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
2. Terms of Use of the Website and Services
</h2>
<p style="line-height: 1.6;">
The website is protected by intellectual property laws. Use of the website constitutes full acceptance
of the terms of use described below. These terms of use may be modified or supplemented at any time.
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
Users of the website may not reuse or exploit the elements of the website without prior authorization.
</p>
</div>
<!-- Description of Services -->
<div style="background: rgba(237, 28, 76, 0.1); border-left: 4px solid var(--rouge-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--rouge-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
3. Description of Services Provided
</h2>
<p style="line-height: 1.6;">
The website <strong>o-k-i.net</strong> is intended to provide information about all activities
of ORGANISATION KA INTERNATIONALE.
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
ORGANISATION KA INTERNATIONALE strives to provide information that is as accurate as possible.
However, it cannot be held responsible for omissions, inaccuracies and deficiencies in updates,
whether due to its own actions or those of third-party partners providing this information.
</p>
</div>
<!-- Technical Limitations -->
<div style="background: rgba(232, 166, 37, 0.1); border-left: 4px solid var(--or-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--or-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
4. Technical Limitations
</h2>
<p style="line-height: 1.6;">
The website uses JavaScript technology. The site is hosted within the European Union in compliance with GDPR.
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
ORGANISATION KA INTERNATIONALE cannot be held responsible for material damage related to the use of the website.
Furthermore, the website user agrees to access the site using recent equipment, free from viruses,
and with a current, up-to-date browser.
</p>
</div>
<!-- Intellectual Property and Licenses -->
<div style="background: rgba(0, 168, 84, 0.1); border-left: 4px solid var(--vert-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--vert-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
5. Intellectual Property and Licenses
</h2>
<p style="line-height: 1.6;">
The source code of the website <strong>o-k-i.net</strong> is distributed under the
<strong>GNU Affero General Public License v3.0 (AGPL-V3)</strong>, a free license that guarantees
the following freedoms:
</p>
<ul style="list-style: disc; padding-left: 2rem; margin: 1rem 0;">
<li style="margin-bottom: 0.5rem;">Freedom to use the software for any purpose</li>
<li style="margin-bottom: 0.5rem;">Freedom to study how the program works and adapt it</li>
<li style="margin-bottom: 0.5rem;">Freedom to redistribute copies</li>
<li style="margin-bottom: 0.5rem;">Freedom to improve the program and publish improvements</li>
</ul>
<p style="margin-top: 1rem; line-height: 1.6;">
This license ensures that any modification to the source code must be published under the same AGPL-V3 license.
If you use this code to provide an online service, you must also make the modified source code available
to users of that service.
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
The full text of the license is available at:
<a href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank" style="color: var(--or-oki); text-decoration: none;">
https://www.gnu.org/licenses/agpl-3.0.html
</a>
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
Original textual and visual content of the website (excluding source code) remains the property of
ORGANISATION KA INTERNATIONALE. Its use is subject to the conditions of the AGPL-V3 license for
technical elements, and requires authorization for other uses.
</p>
</div>
<!-- Limitations of Liability -->
<div style="background: rgba(237, 28, 76, 0.1); border-left: 4px solid var(--rouge-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--rouge-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
6. Limitations of Liability
</h2>
<p style="line-height: 1.6;">
ORGANISATION KA INTERNATIONALE cannot be held responsible for direct or indirect damage caused to
the user's equipment, when accessing the website o-k-i.net, and resulting either from the use of equipment
not meeting the specifications indicated in section 4, or from the occurrence of a bug or incompatibility.
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
ORGANISATION KA INTERNATIONALE cannot also be held responsible for indirect damage (such as loss of market
or loss of opportunity) resulting from the use of the website o-k-i.net.
</p>
</div>
<!-- Personal Data Management -->
<div style="background: rgba(232, 166, 37, 0.1); border-left: 4px solid var(--or-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--or-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
7. Personal Data Management
</h2>
<p style="line-height: 1.6;">
Personal data is protected in particular by European Regulation 2016/679 of April 27, 2016
relating to the protection of natural persons with regard to the processing of personal data (GDPR).
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
Personal data collected on the website o-k-i.net is processed for the following purposes:
</p>
<ul style="list-style: disc; padding-left: 2rem; margin: 1rem 0;">
<li style="margin-bottom: 0.5rem;">Navigation on the website</li>
<li style="margin-bottom: 0.5rem;">Prevention of computer fraud</li>
<li style="margin-bottom: 0.5rem;">Improvement and optimization of navigation</li>
<li style="margin-bottom: 0.5rem;">Audience measurement and statistics</li>
</ul>
<p style="margin-top: 1rem; line-height: 1.6;">
In application of these provisions, you have the right to access, rectify, delete and transfer your personal data.
You can exercise these rights by contacting:
<a href="mailto:kontak@o-k-i.net" style="color: var(--or-oki); text-decoration: none;">kontak@o-k-i.net</a>
</p>
</div>
<!-- Incident Notification -->
<div style="background: rgba(0, 168, 84, 0.1); border-left: 4px solid var(--vert-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--vert-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
8. Incident Notification
</h2>
<p style="line-height: 1.6;">
Regardless of the efforts made, no method of transmission over the Internet and no method of electronic storage
is completely secure. We therefore cannot guarantee absolute security.
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
If we became aware of a security breach, we would notify affected users so they can take appropriate measures.
Our incident notification procedures take into account our legal obligations, whether at the national or European level.
We undertake to fully inform our customers of all security-related issues and to provide all necessary information
to help them meet their own regulatory reporting obligations.
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
Security measures in place include: firewalls, encryption, pseudonymization and physical security measures.
</p>
</div>
<!-- Cookies and Web Beacons -->
<div style="background: rgba(237, 28, 76, 0.1); border-left: 4px solid var(--rouge-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--rouge-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
9. Cookies and Web Beacons
</h2>
<p style="line-height: 1.6;">
The website may use cookies to enhance the user experience. Users can disable cookies in their browser settings.
</p>
<p style="margin-top: 1rem; line-height: 1.6;">
Some pages may contain web beacons (invisible pixels) to measure website traffic and performance.
</p>
</div>
<!-- Applicable Law and Jurisdiction -->
<div style="background: rgba(232, 166, 37, 0.1); border-left: 4px solid var(--or-oki); padding: 2rem; margin-bottom: 2rem; border-radius: 10px;">
<h2 style="color: var(--or-oki); margin-bottom: 1.5rem; font-size: 1.8rem;">
10. Applicable Law and Jurisdiction
</h2>
<p style="line-height: 1.6;">
Any dispute related to the use of the website o-k-i.net is governed by French law.
Except where the law does not permit, exclusive jurisdiction is granted to the competent courts of Guadeloupe.
</p>
</div>
<!-- Back to Home -->
<div style="text-align: center; margin-top: 3rem;">
<a href="/en/" class="btn btn-primary">
← Back to Home
</a>
</div>
</div>
</section>
+64
View File
@@ -0,0 +1,64 @@
---
layout: layouts/base.njk
title: Press
description: Press resources for DJANGOKAM, the first Caribbean AI artist produced by ORGANISATION KA INTERNATIONALE (OKI) — HD visuals and listening links.
---
<section class="press-hero">
<h1>{{ t.press.title }} <span class="accent-text">{{ t.press.title_accent }}</span></h1>
<p class="press-lede">{{ t.press.lede }}</p>
</section>
<section class="press-facts">
<div class="section-container">
<h2>{{ t.press.facts_title }}</h2>
<div class="press-facts-list">
{% for fact in t.press.facts %}
<div class="press-fact">
<span class="press-fact-label">{{ fact.label }}</span>
<span>{{ fact.value }}</span>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="press-visuals">
<div class="section-container">
<h2>{{ t.press.visuals_title }}</h2>
<p class="press-visuals-intro">{{ t.press.visuals_intro }}</p>
<div class="press-visual-grid">
{% for visual in t.press.visuals %}
<div class="press-visual">
<a href="{{ visual.image }}" target="_blank" rel="noopener noreferrer">
<img src="{{ visual.image }}" alt="{{ visual.caption }}" loading="lazy">
<span class="press-visual-caption">{{ visual.caption }}</span>
</a>
<a href="{{ ('/assets/press/' + visual.pdf) }}" class="press-visual-pdf-link">{{ t.press.visual_pdf_label }}</a>
</div>
{% endfor %}
</div>
<div class="press-visuals-pdf">
<a href="{{ ('/assets/press/' + t.press.visuals_pdf_file) }}" class="btn btn-primary">{{ t.press.visuals_pdf_label }} →</a>
</div>
</div>
</section>
<section class="press-links">
<div class="section-container">
<h2>{{ t.press.links_title }}</h2>
<div class="press-links-list">
{% for link in t.press.links %}
<a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.text }}</a>
{% endfor %}
</div>
</div>
</section>
<section class="press-contact">
<div class="section-container">
<h2>{{ t.press.contact_title }}</h2>
<p class="press-contact-text">{{ t.press.contact_text }}</p>
<a href="mailto:{{ t.press.contact_email }}" class="btn btn-primary">{{ t.press.contact_email }}</a>
</div>
</section>
+1 -1
View File
@@ -5,12 +5,12 @@ layout: layouts/base.njk
{% include "partials/hero.njk" %}
{% include "partials/publics.njk" %}
{% include "partials/projects.njk" %}
{% include "partials/partners.njk" %}
{% include "partials/djangokam.njk" %}
{% include "partials/mission.njk" %}
{% include "partials/hosting.njk" %}
{% include "partials/clients.njk" %}
{% include "partials/fediverse.njk" %}
{% include "partials/support.njk" %}
{% include "partials/faq.njk" %}
{% include "partials/engagement.njk" %}
{% include "partials/contact.njk" %}
+3 -3
View File
@@ -34,12 +34,12 @@ description: Mentions légales et informations juridiques de l'ORGANISATION KA I
<li style="margin-bottom: 1rem;">
<strong style="color: var(--or-oki);">Webmaster :</strong><br>
Cédric FAMIBELLE-PRONZOLA<br>
Contact : <a href="mailto:contact@cedric-pronzola.re" style="color: var(--or-oki); text-decoration: none;">contact@cedric-pronzola.re</a>
Contact : <a href="mailto:contact@cedric-pronzola.dev" style="color: var(--or-oki); text-decoration: none;">contact@cedric-pronzola.dev</a>
</li>
<li style="margin-bottom: 1rem;">
<strong style="color: var(--or-oki);">Hébergeur :</strong><br>
OVH<br>
2 rue Kellermann, 59100 Roubaix
o2switch<br>
222-224 Boulevard Gustave Flaubert, 63000 Clermont-Ferrand
</li>
<li style="margin-bottom: 1rem;">
<strong style="color: var(--or-oki);">Délégué à la protection des données :</strong><br>
+64
View File
@@ -0,0 +1,64 @@
---
layout: layouts/base.njk
title: Presse
description: Ressources presse pour DJANGOKAM, premier artiste IA caribéen produit par ORGANISATION KA INTERNATIONALE (OKI) — visuels HD et liens d'écoute.
---
<section class="press-hero">
<h1>{{ t.press.title }} <span class="accent-text">{{ t.press.title_accent }}</span></h1>
<p class="press-lede">{{ t.press.lede }}</p>
</section>
<section class="press-facts">
<div class="section-container">
<h2>{{ t.press.facts_title }}</h2>
<div class="press-facts-list">
{% for fact in t.press.facts %}
<div class="press-fact">
<span class="press-fact-label">{{ fact.label }}</span>
<span>{{ fact.value }}</span>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="press-visuals">
<div class="section-container">
<h2>{{ t.press.visuals_title }}</h2>
<p class="press-visuals-intro">{{ t.press.visuals_intro }}</p>
<div class="press-visual-grid">
{% for visual in t.press.visuals %}
<div class="press-visual">
<a href="{{ visual.image }}" target="_blank" rel="noopener noreferrer">
<img src="{{ visual.image }}" alt="{{ visual.caption }}" loading="lazy">
<span class="press-visual-caption">{{ visual.caption }}</span>
</a>
<a href="{{ ('/assets/press/' + visual.pdf) }}" class="press-visual-pdf-link">{{ t.press.visual_pdf_label }}</a>
</div>
{% endfor %}
</div>
<div class="press-visuals-pdf">
<a href="{{ ('/assets/press/' + t.press.visuals_pdf_file) }}" class="btn btn-primary">{{ t.press.visuals_pdf_label }} →</a>
</div>
</div>
</section>
<section class="press-links">
<div class="section-container">
<h2>{{ t.press.links_title }}</h2>
<div class="press-links-list">
{% for link in t.press.links %}
<a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.text }}</a>
{% endfor %}
</div>
</div>
</section>
<section class="press-contact">
<div class="section-container">
<h2>{{ t.press.contact_title }}</h2>
<p class="press-contact-text">{{ t.press.contact_text }}</p>
<a href="mailto:{{ t.press.contact_email }}" class="btn btn-primary">{{ t.press.contact_email }}</a>
</div>
</section>
+24
View File
@@ -12,6 +12,30 @@
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://o-k-i.net/presse/</loc>
<lastmod>2026-07-06</lastmod>
<changefreq>monthly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://o-k-i.net/en/press/</loc>
<lastmod>2026-07-06</lastmod>
<changefreq>monthly</changefreq>
<priority>0.5</priority>
</url>
<url>
<loc>https://o-k-i.net/dons/</loc>
<lastmod>2026-07-07</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://o-k-i.net/en/donate/</loc>
<lastmod>2026-07-07</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://o-k-i.net/mentions-legales/</loc>
<lastmod>2025-01-05</lastmod>