# Mise en œuvre du plan — 9 octobre 2026

Ewan autorise la réalisation avec « vas y commence ». Le [plan d’audit](audit-plan-ameliorations.md) fournit raisons, règles et limites avant intervention. Statut courant : réalisation locale terminée pour relecture ; validation visuelle finale et contrôles natifs du navigateur à compléter. Le choix d’exécution ne vaut pas validation du rendu.

## Règles de réalisation

| Ensemble | Raison et règle | Limite |
|---|---|---|
| Couleurs et texte | Navigation sur bande craie opaque pour détacher logo et liens de la photo ; conserver les cinq couleurs ; craie pour lecture, pêche pour convivialité, bleu pour action et un passage court, tomate pour signature. Agrandir les petites informations utiles, limiter l’inclinaison à trois accents d’accueil | Mesures de contraste sur fonds fixes ; photographie et cadrages restent à revoir en navigateur |
| Dessins | Duo plus différencié, vrais tabliers bleu/rouge ; deux yeux. Village moins régulier, contours encre cohérents avec duo, volets bleus et pierre craie | Illustrations originales et architecture inventée ; aucune symbolique historique |
| Photos | Portrait mobile dédié et détail de cuisine distinct ; tailles 480/768/1200/1536, dimensions propres ; mêmes matériaux et hôtes fictifs | Images générées, aucune exploitation réelle ; originaux de travail distincts des fichiers servis |
| Accueil | Six séquences : cuisine, hôtes/place, trois plats/saison, lieu, groupes, infos. Un collage narratif principal ; cadres plus calmes ailleurs | Le rythme effectif ne peut être validé dans le navigateur bloqué |
| Pages et navigation | Carte photographique courte puis liste complète ; variantes explicites ; galerie lieux d’abord ; offres reprises dans formulaire ; footer et 404 compacts ; informations fictives regroupées | Aucun envoi, réservation, disponibilité, paiement, compte ni stockage persistant |
| Mouvement et parcours | Observer le duo lui-même ; bref geste de Jo une fois. Arrivées légères du contenu non essentiel, pas de boucle. Erreurs corrigées après première validation, chargement/échec galerie explicites | Aucun contenu masqué au repos ; réduction des mouvements immédiate ; gestes natifs à vérifier dans un navigateur autorisé |
| Impression et entretien | Description à 10 pt à l’impression, nom et prix solidaires. Simplifier les feuilles propres au site, garder la documentation et les applications cohérentes | Pagination réelle non vérifiable actuellement ; aucune capture de site ou score de performance inventé |

## Contrôles

- Dix pages, 354 références : aucun fichier, ancre, identifiant ou relation ARIA invalide détecté ; 46 WebP décodés (11 photos, 33 variantes, 2 mockups). SVG analysés en XML.
- Carte et imprimé gardent les mêmes 22 références, descriptions et prix issus du même JSON. Le filtre culinaire affiche 12 assiettes ou variantes ; vin et bière ne sont plus classés sans preuve de composition.
- Tests en mémoire réussis : filtres combinés, état vide, remise à zéro, accents/casse ; menu mobile et retour du focus ; deux formulaires, correction d’erreur, formule préremplie, contraintes de date et de groupe, simulation, effacement et reprise ; galerie, erreur/chargement, navigation circulaire, fermeture et focus. Ce contrôle ne reproduit aucun rendu CSS ni comportement natif complet.
- JavaScript et composeurs valides ; feuilles du site et de documentation analysées sans erreur de syntaxe CSS. Une seule feuille du site est chargée ; les fichiers V2 restent historiques.
- Les deux nouvelles photographies, le duo, le village et la nouvelle composition d’illustrations du portfolio ont été inspectés comme assets. Aucune capture de page.
- Accueil courant, CSS, portrait mobile et carte répondent 200 sur l’aperçu local ; URL inexistante répond 404. Le serveur reste disponible uniquement sur 127.0.0.1:4187. Il ne publie rien à distance.

Le [compte rendu](controle/verification-site.md) et ses rapports détaillent ces vérifications. L’accès au navigateur local reste bloqué malgré l’autorisation explicite ; aucune tentative de contournement. Responsive, cadrages avec texte, alignements, animations en situation, tactile, focus/Échap natifs et pagination imprimée restent à inspecter.

## État

Les huit pages, le guide de marque, l’étude de cas et la composition portfolio sont actualisés. Les règles d’entretien renvoient au composeur courant et à la feuille consolidée. Les dépendances temporaires de tests sont retirées après les contrôles ; scripts et rapports restent disponibles.

Deux options du plan sont écartées : pas de nouveau cliché de café/pain, les onze scènes couvrant déjà plats, gestes, hôtes et lieux ; pas de tracé animé du village ni d’arrivée simultanée des cartes, pour garder un décor discret derrière le récit et concentrer le mouvement sur l’ouverture, les titres secondaires et le salut de Jo. Chargement de galerie géré sans fondu supplémentaire, formulaires avec attente brève et confirmation immédiate : la compréhension de l’état prime sur un effet décoratif. Ces choix ne prétendent pas être validés en situation.

Réalisé pour relecture, sans validation visuelle finale présumée. Aucun transfert distant ni publication. Les sources et rendus des autres projets restent inchangés ; seul un renvoi documentaire est ajouté au registre partagé.


## Header affiné — 9 octobre 2026

Demande d’Ewan : « fais un header plus esthétique ». Rôle : donner une entrée plus accueillante à la marque et distinguer orientation et action. Règle retenue avant édition : bande craie aux coins arrondis, logo tomate accompagné du repère « Bistrot de saison », fine séparation après la marque, liens espacés et soulignement actif discret ; « La carte » termine la navigation dans une capsule bleue avec flèche. Le logo assure le retour accueil, donc le lien Accueil redondant est retiré. Sur téléphone, le même cadre accueille le bouton Menu et une navigation en deux colonnes avec la carte sur toute la largeur. Les cibles restent d’au moins 44 px, le focus visible, les liens disponibles sans JavaScript ; aucune animation d’entrée du header.

Limites : angles et ombre servent à détacher la navigation de la photo, sans symbolique revendiquée. Identité et contenu des autres sections conservés. Rendu natif non vérifié en raison du blocage existant du navigateur local. Statut courant : réalisé sur les sept pages avec navigation ; contrôle des dix pages et 354 références sans anomalie, syntaxe CSS et composeur valides. Le rendu reste à relire visuellement ; aucun changement des autres projets ni publication.


## Personnages PNG — 9 octobre 2026

Ewan juge les personnages actuels mal réalisés et demande des PNG. Rôle : améliorer la qualité illustrative et l’accueil du duo. Règle retenue avant génération : deux personnages adultes entiers, proportions cohérentes proches du duo précédent, dessin très simple en aplats uniformes, contours encre arrondis et quelques traits seulement, fond transparent réel. Mara garde son tablier bleu, deux yeux ouverts, une assiette de poivrons portée seule ; Jo garde son tablier tomate, deux yeux et son geste d’accueil. PNG distincts pour composer le duo sans bras partagés ou articulations forcées. La palette existante guide la génération, sans précision colorimétrique numérique revendiquée.

Règle de site : remplacer le duo vectoriel affiché par les PNG dans les mêmes emplacements, dimensions déclarées et chargement différé ; conserver textes et accès. Un PNG aplati ne permet plus le pivot isolé du bras : supprimer ce mouvement plutôt qu’animer tout le corps. Les anciens dessins sont conservés comme études historiques, sans les présenter comme le duo final. Limites : personnages fictifs, rendu généré non vectoriel ; aucun portrait réel ni fabrication. Après la première proposition trop détaillée, Ewan précise : « bien plus simpliste, un peu comme ceux d’avant, fais les juste en mieux ». La nouvelle génération exclut textures, dégradés, ombres et détails de portrait. Statut courant : deux PNG simples réalisés, inspectés individuellement et dans la composition du portfolio, puis intégrés aux pages et au guide. Originaux 1024 × 1536 conservés ; versions servies 768 × 1152, environ 339 et 361 Kio, alpha préservé et points extérieurs transparents. Dix pages et 362 références contrôlées sans anomalie ; syntaxe CSS et JavaScript valide. Les gestes restent fixes. Contrôle des assets distinct du rendu navigateur bloqué ; aucune validation finale présumée. Prompts et provenance dans personnages-png.json, rapport dans controle/personnages-png.json.


## Revue visuelle rendue et harmonisation — 10 octobre 2026

Demande d’Ewan : « Analyse le site et vois comment on pourrait l’améliorer visuellement », puis « fais toutes ces améliorations ». Pour la première fois, le rendu a été inspecté dans Chrome headless (captures 1440 px et 390 px des pages du site), ce qui a révélé des défauts que la lecture du code ne montrait pas. Les sources modifiées sont site.css, site.js, composer-site-final.cjs et accueil-final.cjs ; les huit pages sont régénérées par « node docs/composer-site.cjs ». Avant modification, le composeur a été vérifié : il reproduisait les pages existantes octet pour octet.

| Sujet | Constat dans le rendu | Règle appliquée |
|---|---|---|
| Duo de l’accueil, mobile | Jo masquait la légende « Mara prépare la première assiette. » | Sous 700 px, les deux photos et le duo s’empilent sans chevauchement de légende ; légère rotation conservée. |
| Vignette de la salle, mobile | Le lien, resté en ligne, s’étirait sur toute la largeur avec une bande vide | `display:block` : vignette de 200 px, posée en léger recouvrement sous la carte du lieu. |
| Prix des trois assiettes | Les prix n’étaient pas alignés quand les descriptions avaient des longueurs différentes | La carte d’assiette passe en colonne ; le pied (prix et lien) est poussé en bas. |
| En-tête | Environ 112 px de haut sur ordinateur et 99 px sur mobile, repère « Bistrot de saison » en 8 à 9 px | Marges réduites et logo à 128 px ; repère à 10 px sur ordinateur et masqué sous 920 px. Au-delà de 40 px de défilement, l’en-tête se réduit (logo à 112 px, repère masqué). |
| Formes interactives | Boutons à angles de 2 px, capsule de navigation, filtres carrés : trois formes | Tout ce qui est interactif prend la forme capsule ou cercle (boutons, filtres, flèche dans une pastille, boutons de la visionneuse, étiquette « Agrandir »). Les conteneurs (bandes, cartes, encarts) restent à angles droits. |
| Flèches | ↗ utilisé pour des liens internes | → pour les liens internes, ↓ pour une ancre de la même page, ↗ seulement pour le lien externe pineauewan.com, + pour agrandir ou déplier. |
| Cadres photo | Quatre traitements différents | Deux cadres : « polaroïd » (papier, bas élargi pour la légende, rotation éventuelle) pour les moments d’ambiance légendés ; « simple » (papier, 10 px, sans rotation) pour les plats et les galeries. Même ombre partout. La photo pleine largeur reste le troisième mode. |
| Duo flottant | Les personnages flottaient au-dessus du village dessiné | Ombre portée au sol sous le duo ; sur ordinateur, le duo est posé sur la ligne de sol du village (opacité 0,22). |
| Rythme de l’accueil | Deux sections pêche consécutives de même structure | La section « Grandes tablées » passe sur fond bleu, titre pêche, bouton clair. La section des horaires prend un titre bleu (registre informatif). |
| Bande des saisons | L’emblème dans un ovale blanc faisait autocollant | Les légumes sont posés dans une assiette craie à liseré, qui déborde de la bande : reprise du motif de l’assiette au milieu. |
| Introductions des pages | Même gabarit, illustration isolée dans le vide, duo identique sur deux pages | Carte : légumes dans une pastille pêche. Histoire : duo dans une pastille pêche (seule page du duo en introduction). Le lieu : photo de la salle en arche. Grandes tablées : emblème dans une pastille bleue. Venir : terrasse en arche. |
| Soulignement de l’accroche | Soulignement typographique fin et générique | Trait SVG tracé à la main, couleur pêche, cohérent avec les illustrations ; réservé à l’accroche de l’accueil. |

Limites : l’arche reprend la forme des baies du village dessiné, sans origine historique revendiquée. Les introductions photographiques réutilisent des images de la galerie. Statut : réalisé pour relecture ; aucune validation finale présumée. Contrôles : 290 références locales sans fichier manquant ; JavaScript valide ; filtres de la carte, menu mobile, visionneuse et réduction de l’en-tête vérifiés dans Chrome headless. Les tests DOM (docs/tests-dom.mjs) n’ont pas pu tourner : leur dépendance happy-dom n’est plus installée. Le guide et l’étude de cas, qui chargent aussi site.css, ont été recapturés sans régression visible.