# Place aux Poivrons

Bistrot provençal fictif pour le portfolio de Pineau Ewan. Direction choisie le 9 octobre 2026. Identité, site et applications réalisés pour relecture ; aucune validation finale ou publication présumée.

Améliorations du 9 octobre réalisées après l’audit et l’autorisation « vas y commence » : accueil en six séquences, couleurs hiérarchisées, dessins harmonisés, portrait mobile, photographies responsives, pages et parcours affinés. L’inspiration de composition Mr.Spring & Mrs.Fresh est mêlée à l’identité propre du bistrot. Règles, raisons et limites dans docs/ameliorations-realisees.md ; docs/refonte-v2.md conserve l’étape précédente.

## Consulter

Ouvrir index.html directement dans un navigateur. Le site utilise uniquement HTML, CSS et JavaScript natif : aucune installation, compilation, clé API ou connexion externe nécessaire à ses interactions. Polices et visuels sont locaux.

Option serveur local : depuis ce dossier, lancer « node docs/serveur-local.cjs », puis ouvrir http://127.0.0.1:4187/. Arrêter avec Ctrl+C. Le serveur écoute seulement cet ordinateur. Le navigateur intégré n’a pas permis la revue visuelle initiale ; une revue rendue dans Chrome headless a été faite le 10 octobre 2026 (voir docs/ameliorations-realisees.md).

## Livrables

- index.html : accueil.
- la-carte.html : 22 références, catégories, recherche, végétarien et signatures.
- notre-histoire.html : Mara, Jo, village et rituel du partage.
- le-lieu.html : galerie et visionneuse.
- grandes-tablees.html : deux formules et demande simulée.
- contact.html : adresse et plan fictifs, horaires, contact simulé.
- 404.html : page d’erreur.
- menu-imprimable.html : menu à imprimer via le bouton ou la commande du navigateur.
- branding/guide.html : guide de marque.
- branding/logos/ : principal, réserve, bleu, encre et compact en tracés SVG.
- assets/favicon.svg : emblème simplifié.
- assets/illustrations/mara.png et jo.png : personnages simples générés, fonds transparents ; originaux dans assets/illustrations/originaux/. Le duo SVG précédent est une étude historique.
- branding/applications/ : propositions vectorielles du packaging et de la devanture.
- branding/mockups/ : deux mises en situation générées et originaux.
- portfolio/etude-de-cas.html : étude de cas française.
- portfolio/couverture.svg, systeme-marque.svg et illustrations.svg : compositions de présentation.
- assets/images/ : onze photographies WebP, variantes responsives 480/768/1200, JPEG de repli et PNG originaux. Le portrait mobile conserve sa largeur native de 1024 px au maximum dans le site.
- planches/ : comparaison historique des directions.

Les visuels de portfolio ne sont pas des captures du site. Aucune capture desktop/mobile finale n’est produite : le rendu navigateur n’a pas pu être vérifié.

## Modifier

Les HTML livrés sont modifiables directement. Pour conserver les contenus partagés :

1. Modifier docs/carte.json : la même source compose carte et imprimé.
2. Modifier l’accueil dans docs/accueil-final.cjs ; récits, offres, contacts et horaires dans docs/composer-site-final.cjs. docs/composer-site.cjs est le point d’entrée de régénération. Les horaires sont définis une seule fois.
3. Lancer « node docs/composer-site.cjs » pour régénérer les huit pages. Facultatif : le site fonctionne sans ce script.
4. Guide et étude de cas : docs/composer-documentation.cjs, puis lancer le script avec Node.
5. Styles : assets/css/site.css (feuille du site consolidée) et documentation.css (guide et étude de cas). refonte-v2.css et accueil-v2.cjs sont historiques et ne sont plus chargés ni utilisés par le composeur. Interactions : assets/js/site.js. Paysage : docs/dessiner-place.cjs produit assets/illustrations/la-place.svg.

Conserver l’édition d’été fictive ou adapter toute la carte à une autre saison. Les personnages illustrés gardent deux yeux et leurs tabliers bleu / rouge.

## Fonctionnement

Les formulaires valident les champs, montrent une attente brève puis une confirmation simulée. Aucun message, réservation, commande, compte, paiement ou disponibilité réelle. Les coordonnées sont effacées après simulation ; aucun stockage persistant. Sans JavaScript, les champs sont désactivés pour empêcher toute soumission implicite.

La galerie emploie un dialogue natif et restitue le focus au déclencheur. Sans JavaScript, les images restent des liens directs. La carte complète reste lisible sans filtres. Réduction des animations, lien d’évitement, focus et alternatives sont prévus.

## Ressources et contrôles

docs/registre-justifications.md, direction-photographique.md, photographies.json, photographies-refonte.json, personnages-png.json, ameliorations-realisees.md, prompts-mockups.json et ressources-licences.md conservent règles, prompts, provenance et limites. Licences SIL OFL de Patua One et DM Sans dans assets/fonts/.

docs/controle/verification-site.md distingue fichiers, tests de logique en mémoire et contrôles visuels impossibles. Aucun résultat navigateur ou utilisateur n’est inventé. Les outils de conversion et tests sont facultatifs et inutiles à la consultation. Pour relancer les outils de production, installer FontTools/Brotli dans docs/outils-polices et happy-dom dans docs/outils-tests ; ces dossiers temporaires ont été retirés de la livraison.

## Publication statique future

La publication effective est exclue de cette mission. Pour une demande future, copier les huit pages racine, assets/, branding/, portfolio/, README.md et les documents référencés vers l’hébergement choisi. Exclure PNG originaux, aperçus de travail et outils de production de la copie publiée. Le site charge WebP/JPEG, pas les PNG originaux.

Avant publication : contrôler les largeurs 360, 390, 768, 1024 et 1440 px, les parcours clavier/tactiles et l’impression. Ajouter og:url, og:image et les liens canoniques seulement une fois le domaine connu. Aucun domaine de production inventé. Configurer l’hébergeur pour servir 404.html avec statut 404. Aucun balisage de commerce réel, outil de suivi ni bannière cookies.

Les pages sont autonomes : aucune route applicative ou compilation à imposer.
