# Audit des médias de page — 2026-06-16

Recensement de toutes les images statiques référencées dans les templates publics, pour
peupler `config/media_slots.php`. Chaque image migre vers un appel `media*()` en
conservant le chemin actuel comme défaut. Les images issues d'entités BDD (salles, profs,
évènements via boucles sur des lignes) sont EXCLUES — elles relèvent du module entités.

## Méthodologie

Commande de référence exécutée :
```
grep -rnE "assets/img|/uploads/|background-image|<img|url\(" views/pages/emerald views/pages/public
```

Chaque hit a été inspecté dans son fichier source pour distinguer :
- **Image statique** (chemin hardcodé / tableau PHP statique dans le template) → devient un slot
- **Image d'entité BDD** (issue d'une variable passée par le Controller depuis la BDD, ex. `$event['image_url']`, `$v['thumbnail_path']`) → EXCLUE

## Table des slots

| slot_key | page (route) | type | chemin(s) actuel(s) | dimensions estimées | notes |
|---|---|---|---|---|---|
| `emerald.home.carousel` | `/` (?theme=emerald) | collection | `/assets/img/emerald/slide-1.jpg` … `slide-10.jpg` | 1920×1080 | Carrousel 10 slides, crossfade CSS synchronisé effet miroir |
| `emerald.events.voyager` | `/emerald/events` | collection | `https://images.unsplash.com/photo-1466442929976…` (×6) | 400×400 | Roue décorative « Voyager » — 6 segments photo circulaires. Actuellement Unsplash ; à migrer vers assets locaux |
| `emerald.offres.photo` | `/emerald/offres` | single | `https://images.unsplash.com/photo-1545205597-3d9d02c29597?w=900&q=80` | 900×600 | Cadre photo section offres. Actuellement Unsplash |
| `emerald.yoga-et-moi.split` | `/emerald/yoga-et-moi` | single | `https://images.unsplash.com/photo-1518611012118-696072aa579a?w=900&q=80` | 900×600 | Demi-fond gauche section split (paysage/yoga) |
| `emerald.yoga-et-moi.portrait` | `/emerald/yoga-et-moi` | single | `https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=900&q=80` | 900×900 | Portrait rond dans le panneau droit de la section split |
| `emerald.yoga-et-moi.bio` | `/emerald/yoga-et-moi` | single | `https://images.unsplash.com/photo-1599447421416-3414500d18a5?w=900&q=80` | 900×600 | Cadre photo section bio (fond émeraude) |
| `public.home.hero` | `/` | single | `/assets/img/6fd148d30_generated_0e6df7a5.png` | 1920×1080 | Image fond de la section hero principale |
| `public.home.practices` | `/` | collection | `/assets/img/5785f7227_generated_f3d58c03.png`, `dbd7b4be7_generated_e9861344.png`, `6b9baddff_generated_8d84860d.png` | 800×600 | 3 tuiles pratiques (grille 3 colonnes), associées dans l'ordre aux 3 premières pratiques BDD. Les photos sont statiques même si les titres viennent de la BDD |
| `public.home.portrait` | `/` | single | `/assets/img/80bc98ccf_generated_7672e5c0.png` | 600×800 | Portrait d'Aurane section « La transmission » (ratio 3/4) |
| `public.le-lieu.photo` | `/le-lieu` | single | `/assets/img/522386340_generated_abc72992.png` | 800×600 | Photo du studio La Maison Amara (ratio 4/3) |
| `public.cours-particuliers.photo` | `/cours-particuliers` | single | `/assets/img/ba824db02_generated_ad531ef7.png` | 800×600 | Illustration cours particulier (ratio 4/3) |
| `public.pratiques.images` | `/pratiques` | collection | `/assets/img/5785f7227_generated_f3d58c03.png`, `dbd7b4be7_generated_e9861344.png`, `6b9baddff_generated_8d84860d.png`, `ba824db02_generated_ad531ef7.png` | 800×600 | Rotation cyclique des 4 images sur autant de pratiques que la BDD en contient. Images statiques, indépendantes des lignes BDD |
| `public.yoga-et-moi.portrait` | `/yoga-et-moi` | single | `/assets/img/80bc98ccf_generated_7672e5c0.png` | 600×800 | Même portrait qu'en home, ratio 3/4. Peut partager l'actif avec `public.home.portrait` mais slot distinct pour permettre une substitution indépendante |

**Total : 13 slots** (6 emerald + 7 public)

## Images exclues (entités BDD)

| Fichier | Variable | Raison de l'exclusion |
|---|---|---|
| `views/pages/public/evenements.php:33` | `$event['image_url']` | Image propre à chaque événement BDD — gérée dans le module entités |
| `views/pages/public/videos/catalog.php:53` | `$v['thumbnail_path']` | Miniature propre à chaque vidéo BDD |
| `views/pages/public/videos/watch.php:51` | `$video['thumbnail_path']` | Miniature propre à la vidéo courante BDD |

## Pages sans image statique (confirmées après lecture)

- `emerald/cours.php` — médaillons CSS purs (pas de `<img>` ni `background-image` sur assets)
- `emerald/les-bases-du-yoga.php` — aucune image
- `emerald/contact.php` — aucune image
- `emerald/tarifs.php` — aucune image
- `emerald/mentions-legales.php`, `cgv.php`, `rgpd.php`, `politique-de-confidentialite.php` — pages texte
- `public/evenements.php` — uniquement images d'entités (voir tableau ci-dessus)
- `public/planning.php` — aucune image
- `public/contact.php` — aucune image
- `public/tarifs.php` — aucune image
- `public/videos/catalog.php`, `watch.php` — uniquement miniatures BDD