# Green Land Centrafrique (GLCA) - Site Web

![GLCA](https://img.shields.io/badge/GLCA-Association%20Environnementale-green)
![Status](https://img.shields.io/badge/Status-Production--Ready-brightgreen)
![License](https://img.shields.io/badge/License-All%20Rights%20Reserved-blue)

## 📋 Présentation de l'Association

**Green Land Centrafrique (GLCA)** est une association environnementale basée à **Bangui, République Centrafricaine**, dédiée à la protection de la biodiversité et au développement durable.

### 🎯 Domaines d'Intervention

1. **🌿 Biodiversité** - Protection de la faune et flore endémiques
2. **🌳 Forêts & Milieux Naturels** - Réserves, parcs, gestion durable
3. **🎓 Éducation à l'Environnement** - Sensibilisation, éco-citoyenneté
4. **🤝 Développement Durable** - Amélioration du cadre de vie, solidarité
5. **♻️ Lutte contre la Pollution** - Actions air, eau, sols
6. **🔬 Recherche & Coopération** - Études scientifiques, partenariats

### 💼 Contact

- **Email :** contact@greenland-centrafrique.org
- **Siège :** Bangui, République Centrafricaine
- **Slogan :** Respect — Professionnalisme — Intégrité

---

## 🏗️ Structure du Projet

```
Green-Land-Centrafrique/
│
├── index.html                      # 🏠 Page d'accueil
├── pages/
│   ├── a-propos.html              # ℹ️ À propos de GLCA
│   ├── thematiques.html           # 🎯 6 domaines d'intervention
│   ├── adherer.html               # ✍️ Formulaire d'adhésion (JS)
│   ├── actualites.html            # 📰 Liste actualités (filtrage JS)
│   ├── article.html               # 📄 Modèle article unique
│   └── contact.html               # 📞 Contact + formulaire
│
├── assets/
│   ├── css/
│   │   ├── design-system.css      # 🎨 Design tokens, composants
│   │   └── pages.css              # 📝 Styles page-spécifiques
│   │
│   └── js/
│       └── main.js                # ⚙️ Logique globale
│
├── README.md                       # 📖 Ce fichier
└── .gitignore                      # 🚫 Fichiers ignorés
```

---

## 🚀 Lancer le Projet Localement

### ✅ Prérequis

- Un navigateur web moderne (Chrome, Firefox, Safari, Edge)
- Python 3 OU Node.js (optionnel, pour serveur local)

### 📦 Installation

#### **Option 1 : Python (Recommandé)**

```bash
cd Green-Land-Centrafrique
python -m http.server 8000
# Accès : http://localhost:8000
```

#### **Option 2 : Node.js**

```bash
npx http-server
# Accès : http://localhost:8080
```

#### **Option 3 : Ouverture directe**

Double-cliquez sur `index.html` (certaines fonctionnalités peuvent ne pas marcher).

#### **Option 4 : VS Code + Live Server**

1. Installez l'extension "Live Server"
2. Clic droit sur `index.html` → "Open with Live Server"

---

## 🌐 Déployer sur GitHub Pages (GRATUIT)

### 📍 **Étape 1 : Créer un Repository GitHub**

1. Allez sur [github.com](https://github.com)
2. Cliquez sur **"New repository"**
3. **Nom :** `Green-Land-Centrafrique`
4. Sélectionnez **"Public"** ✅
5. Cliquez sur **"Create repository"**

### 📤 **Étape 2 : Pousser le Code**

```bash
cd Green-Land-Centrafrique
git init
git remote add origin https://github.com/USERNAME/Green-Land-Centrafrique.git
git add .
git commit -m "Initial commit: GLCA website"
git branch -M main
git push -u origin main
```

### ⚙️ **Étape 3 : Activer GitHub Pages**

1. Allez sur votre repo → **Settings** → **Pages**
2. **Branch :** `main` | **Folder :** `/ (root)`
3. Cliquez **Save**
4. ⏳ Attendez 1-2 minutes

### 🎉 **Résultat**

Votre site est en ligne à : `https://USERNAME.github.io/Green-Land-Centrafrique`

---

## ✨ Fonctionnalités

- ✅ **7 pages complètes** (accueil, à propos, thématiques, adhésion, actualités, articles, contact)
- ✅ **Responsive design** (mobile, tablette, desktop)
- ✅ **Thème clair/sombre** avec détection système
- ✅ **Formulaires validés** en JavaScript
- ✅ **Recherche temps réel** et filtrage actualités
- ✅ **Accessibilité WCAG 2.1 AA** (focus visible, aria, contraste)
- ✅ **Performance** : Vanilla JS/CSS, pas de dépendances

---

## 📝 Placeholders à Remplacer

### 🖼️ Images

| Emplacement | Remplacer | Par |
|-----------|-----------|-----|
| Actualités (9) | Images `picsum.photos` | Vraies photos GLCA |
| Accueil | Gradients `.img-grad-*` | Images/patterns GLCA |
| Thématiques | Classes `.visual-*` vides | Photos thématiques |

### 📧 Contact

| Élément | Valeur Actuelle | À Remplacer |
|---------|-----------------|-------------|
| Email | `contact@greenland-centrafrique.org` | Email réel |
| Adresse | "Bangui, RCA" | Adresse complète |
| Téléphone | ❌ Absent | Numéro réel |

### 🔗 Réseaux Sociaux

Remplacez les 6 `href="#"` (Facebook, Twitter, LinkedIn) par vos vraies URLs :

```html
<a href="https://facebook.com/...">Facebook</a>
```

### 👥 Équipe Exécutive (`contact.html`)

Remplacez les descriptions génériques L81-83 par les vrais noms :

```html
<li><strong>Président</strong> : Nom Prénom</li>
<li><strong>Secrétaire général</strong> : Nom Prénom</li>
<li><strong>Trésorier général</strong> : Nom Prénom</li>
```

### 🎨 Logo & Branding

| Élément | Remplacer | Par |
|---------|-----------|-----|
| Logo texte | "GLCA" dans `.brand-logo` | Logo SVG/image |
| Favicon | ❌ Absent | `favicon.ico` |

### 📄 Pages À Créer

- **Mentions légales** (lien dans footer)
- **Politique de confidentialité** (optionnel)
- **Conditions d'utilisation** (optionnel)

---

## 🎨 Customisation

### Couleurs (dans `design-system.css`)

```css
:root {
  --color-primary: #1B5E3F;        /* Vert forêt */
  --color-accent: #C8862B;         /* Or */
  --color-bg: #FAF7F0;             /* Crème */
  --color-text: #1C2421;           /* Noir */
}

[data-theme="dark"] {
  --color-bg: #11201A;
  --color-text: #E8EAE8;
}
```

### Polices

```css
--font-heading: 'Fraunces', serif;     /* Titres */
--font-body: 'Public Sans', sans-serif; /* Corps */
```

---

## 🔧 Architecture Technique

### Points de Rupture

- **Mobile :** 320px - 767px
- **Tablette :** 768px - 991px
- **Desktop :** 992px+

### Fichiers Clés

- **design-system.css** : Variables, boutons, cartes, modales
- **pages.css** : Grilles, formulaires, styles spécifiques
- **main.js** : Theme toggle, validation, recherche, filtrage

---

## ❓ Dépannage

**Site ne s'affiche pas sur GitHub Pages ?**
- Vérifiez que le repo est **Public**
- Attendez 1-2 minutes (builds initiales)
- Vérifiez l'onglet **Actions** pour les erreurs

**CSS/JS ne charge pas ?**
- Chemins: `../assets/` dans `/pages/*.html`
- Videz le cache navigateur (Ctrl+Shift+Del)
- Vérifiez la console pour 404 errors

**Formulaires ne fonctionnent pas ?**
- Vérifiez que `main.js` est chargé
- Les formulaires sont purement **JavaScript** (pas de backend)

---

## 📚 Ressources

- 📖 [MDN Web Docs](https://developer.mozilla.org/)
- ♿ [WCAG 2.1 Guidelines](https://www.w3.org/WAI/WCAG21/quickref/)
- 🚀 [GitHub Pages Docs](https://docs.github.com/en/pages)

---

## 📄 Licence

© 2026 **Green Land Centrafrique** — Tous droits réservés

---

## 💬 Support

📧 **Email :** contact@greenland-centrafrique.org  
📍 **Siège :** Bangui, République Centrafricaine  
**Dernière mise à jour :** 28 mai 2026