documentation

README.md

@@ -0,0 +1,205 @@
+# Site web — Gymnastique Volontaire de Conches-en-Ouche
+
+Site statique Bootstrap 5 de l'association **Gymnastique Volontaire de Conches-en-Ouche** (association n° 27015, affiliée FFEPGV).
+
+---
+
+## Accès rapides
+
+| Ressource | URL |
+|---|---|
+| Site en ligne | https://gym-vitalite-conches.netlify.app |
+| Tableau de bord Netlify | https://app.netlify.com |
+| Dépôt GitHub | https://github.com/nmasse-itix/gvdc-site |
+| Espace FFEPGV | https://ffepgv.fr/ |
+| Page Intramuros | https://www.conches-en-ouche.fr/associations/175709 |
+
+---
+
+## Structure du dépôt
+
+```
+gvdc-site/
+├── public/                  ← Dossier publié par Netlify
+│   ├── index.html           ← Page unique du site (Bootstrap 5)
+│   ├── visuel-club.png      ← Logo/silhouette du club (navbar)
+│   ├── logo.png             ← Badge Label Qualité Sport-Santé FFEPGV
+│   ├── logo-ffsv.jpeg       ← Logo Fédération Française Sport Vitalité
+│   ├── logo-cc-conches.png  ← Logo Communauté de Communes du Pays de Conches
+│   ├── infos-utiles4.png    ← Infographie recommandations activité physique
+│   ├── photo-gym1.png       ← Photo galerie (séance détente)
+│   └── photo-gym2.jpeg      ← Photo galerie (séance renforcement)
+│
+├── netlify.toml             ← Configuration Netlify
+└── README.md                ← Ce fichier
+```
+
+> **Règle importante** : seul le dossier `public/` est déployé. Tout fichier ajouté à la racine du dépôt reste privé et n'est pas accessible sur le site.
+
+---
+
+## Déploiement
+
+Le site est hébergé sur **Netlify** avec déploiement continu : chaque `git push` sur la branche `main` déclenche automatiquement une mise en ligne.
+
+### Première installation (à faire une seule fois)
+
+```bash
+git clone git@github.com:nmasse-itix/gvdc-site.git
+cd gvdc-site
+```
+
+### Publier une modification
+
+```bash
+git add public/index.html          # ou les fichiers modifiés
+git commit -m "Description du changement"
+git push
+```
+
+Netlify déploie en 1 à 2 minutes. Le statut du déploiement est visible sur https://app.netlify.com.
+
+### Tester en local avant de publier
+
+```bash
+cd gvdc-site
+python3 -m http.server 8080 --bind 0.0.0.0 --directory public
+```
+
+Puis ouvrir http://localhost:8080 dans un navigateur.
+
+---
+
+## Modifier le contenu du site
+
+Tout le contenu est dans **`public/index.html`**. Le fichier est organisé en sections clairement délimitées par des commentaires :
+
+```
+<!-- NAVBAR       -->
+<!-- HERO         -->   ← Accueil
+<!-- À PROPOS     -->
+<!-- ACTIVITÉS    -->   ← Horaires
+<!-- TARIFS       -->
+<!-- GALERIE      -->
+<!-- ACTUALITÉS   -->
+<!-- CONTACT      -->
+<!-- FOOTER       -->
+```
+
+### Mettre à jour les horaires
+
+Chercher la section `id="activites"` et modifier les blocs `.schedule-card` (jour, heure, salle, ville).
+
+### Mettre à jour les tarifs
+
+Chercher la section `id="tarifs"` et modifier les valeurs dans les `.price-amount` et la liste des avantages.
+
+### Mettre à jour les contacts
+
+Chercher la section `id="contact"` et modifier les noms, titres et numéros de téléphone dans les `.contact-card`.
+
+### Ajouter une actualité
+
+Chercher la section `id="actualites"` et remplacer le bloc `.p-5.rounded-4.bg-light` (message "Aucune actualité") par une ou plusieurs cartes Bootstrap :
+
+```html
+<div class="col-md-6">
+  <div class="card shadow-sm p-4">
+    <p class="text-muted small mb-1">15 septembre 2025</p>
+    <h5 class="fw-bold">Reprise des cours</h5>
+    <p>Les cours reprennent le lundi 15 septembre. Bienvenue à tous !</p>
+  </div>
+</div>
+```
+
+### Ajouter une photo à la galerie
+
+1. Copier l'image dans `public/` (formats acceptés : JPG, PNG, WebP).
+2. Dans la section `id="galerie"`, dupliquer un bloc `.col-md-6` et adapter le `src` et le `alt`.
+
+```html
+<div class="col-md-6">
+  <div class="gallery-item shadow">
+    <img src="ma-nouvelle-photo.jpg" alt="Description de la photo">
+  </div>
+</div>
+```
+
+> Les images de la galerie sont affichées à **300 px de hauteur**, recadrées automatiquement (CSS `object-fit: cover`). Largeur recommandée : au moins 800 px.
+
+---
+
+## Informations de l'association
+
+| Champ | Valeur |
+|---|---|
+| Nom complet | Gymnastique Volontaire de Conches-en-Ouche |
+| Numéro d'association | 27015 |
+| Fédération | FFEPGV (1re fédération non-compétitive, reconnue d'utilité publique) |
+| Label | Qualité Club Sport-Santé 2025-2029 |
+| Email | gymnastiquevolontaireconches@gmail.com |
+| Adresse | 39 bis rue François Décorchemont, 27190 Conches-en-Ouche |
+
+### Bureau
+
+| Rôle | Nom | Téléphone |
+|---|---|---|
+| Président | Didier MASSÉ | 06 87 75 11 15 |
+| Secrétaire | Patricia ODEN | 06 84 44 03 07 |
+| Trésorière | Monique LORIEUL | 06 20 17 47 54 |
+
+### Moniteur
+
+**Mathieu DANJEAN** anime l'ensemble des séances.
+
+### Créneaux
+
+| Jour | Horaire | Lieu |
+|---|---|---|
+| Lundi | 9h00 – 10h00 | Salle Jacques Prévert, 1 rue de la Forge, Conches-en-Ouche |
+| Mercredi | 9h00 – 10h00 | Salle des Fêtes, Mairie de Sainte-Marthe |
+| Vendredi | 9h00 – 10h00 | Salle Jacques Prévert, 1 rue de la Forge, Conches-en-Ouche |
+
+Séances hors congés scolaires.
+
+### Tarifs 2025-2026
+
+| Poste | Montant |
+|---|---|
+| Licence FFEPGV (obligatoire) | 29,80 € |
+| Cotisation 1 cours / semaine | 100,00 € |
+| Cotisation 2 cours / semaine | 155,00 € |
+
+---
+
+## Technologies utilisées
+
+| Technologie | Version | Rôle |
+|---|---|---|
+| [Bootstrap](https://getbootstrap.com) | 5.3.3 | Framework CSS/JS (chargé via CDN) |
+| [Bootstrap Icons](https://icons.getbootstrap.com) | 1.11.3 | Icônes (chargées via CDN) |
+| Netlify | — | Hébergement et déploiement continu |
+| GitHub | — | Dépôt de code source |
+
+Le site ne nécessite **aucun serveur**, **aucune base de données** et **aucune dépendance Node.js**. Toute modification se fait directement dans `public/index.html`.
+
+---
+
+## Charte graphique
+
+| Élément | Valeur |
+|---|---|
+| Couleur principale (violet) | `#5B3FA6` |
+| Couleur secondaire (bleu-vert) | `#00A8C6` |
+| Fond clair | `#f5f2fb` |
+| Police | Système (Bootstrap par défaut) |
+
+Les couleurs sont définies en variables CSS au début du bloc `<style>` de `index.html` :
+
+```css
+:root {
+    --gvdc-purple: #5B3FA6;
+    --gvdc-teal:   #00A8C6;
+    --gvdc-light:  #f5f2fb;
+}
+```