Copie du kit kit-site (empreinte vérifiée) : logotype dans l'en-tête, signe §, favicons et icônes, og-default (?v=3), frise du pied de page, 61 oiseaux. Les shadoks positionnés à la main (HomeShadoks et les règles des 10 pages) cèdent la place à UiOiseauPose : chaque oiseau se pose sur une arête réelle (perché, marge gauche ou droite, derrière une carte, libre), currentColor, largeur 72 px au moins, opacité 0,18-0,28 près du texte et 0,10-0,14 derrière, jamais deux fois sur une page, calligraphe et typographe jamais en miroir. Sous 768 px, un oiseau par page au plus ; seuls ceux derrière une carte dérivent un peu, et plus du tout en mouvement réduit. Consignes d'Yvv du 03/11 inscrites dans docs/consignes-yvv.md. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
4.0 KiB
Consignes d'Yvv — design du site
Ce fichier rassemble les consignes qu'Yvv donne en conversation, avec leur date. Les consignes entre guillemets sont recopiées mot pour mot ; les autres le disent. Elles l'emportent sur les choix d'interprétation des sessions.
Pourquoi ce fichier : la graduation de la console, donnée le 29/09, s'est perdue avec le transcript où elle était écrite. Une consigne qui ne vit que dans une conversation finit par disparaître.
Accueil — la console des trois curseurs
Code : app/components/home/HomeConsole.vue. Libellés : site/pages/home.yml > console.
29/09/2026
Le transcript a été effacé. Ces quatre consignes sont reconstituées d'après le commit 201cfbb et le
relais de la session orch le 03/11 : ce ne sont pas les mots d'Yvv.
- l'axe de la console a Asservissement en bas et Émancipation en haut ;
- une animation où les curseurs bougent lentement, pour qu'on ne croie pas devoir les manipuler ;
- « AUTONOMIE » devant les légendes des curseurs ;
- « Autonomie numérique, économique, citoyenne » et « Code source, création monétaire, décision » mis en valeur.
03/11/2026, vers 03h58 (à la session orch)
Mot pour mot, d'après ~/harness/etat/reponses-yvv.md :
« Et retrouve les consignes, comme par exemple celles pour l'animation (curseurs qui montent au rollover et ne fait pas descendre les autres, je t'avais donné une graduation). »
03/11/2026, entre 05h40 et 05h45 (relayée mot pour mot par la session orch)
« Je t'avais dit déjà tout ça. Au rollover, numérique monte à 3/4, économie monte à 1/2, citoyenne monte à 2/3. Les curseurs restent. Si on rollover à nouveau ils refont leur montée. Et le pavé correspondant s'affiche bien sûr au même rollover. »
Ce que fait le code :
- Un survol à la souris, un focus au clavier ou un tap sur un curseur arrête pour de bon la rotation automatique.
- Le curseur touché repart d'en bas et monte en 1,1 s à son cran : numérique 0,75, économique 0,50, citoyenne 0,667. Il y reste.
- Le panneau de l'axe s'affiche au même geste.
- Les autres curseurs ne bougent pas. Un curseur jamais touché reste là où il était.
- Un nouveau survol rejoue la montée.
- Avant tout geste, l'animation du 29/09 continue : la rotation et la dérive des curseurs bas. L'axe mis en avant monte à son cran, et non plus vers 0,9. C'est une décision d'orch du 03/11 à 05h51, qui découle de la graduation : l'animation et la main donnent les mêmes niveaux.
- Sous
prefers-reduced-motion, il n'y a aucune transition, mais les crans sont les mêmes. - Un défilement au doigt qui part d'un curseur ne compte pas comme un survol.
Les oiseaux (identité du studio DA)
Code : app/components/ui/OiseauPose.vue (placement), app/components/ui/Oiseau.vue et
app/utils/oiseaux.ts (kit du studio DA, copiés tels quels). Les places sont dans chaque page.
03/11/2026, 05h08 (relayée mot pour mot par la session orch)
« fais un effort sur le positionnement des oiseaux, là ils sont en colonne, c'est trop régulier, trop papier peint, fais mieux que ça, peuple le fond intelligemment par rapport aux contenus, varie les tailles et les emplacements »
03/11/2026, vers 05h45 (réponses au formulaire, relayées par la session orch)
- « Posés sans flotter » : un oiseau posé sur une arête est immobile sur sa ligne de sol. Seul l'oiseau de fond, derrière une carte, peut garder un léger mouvement.
- « Un oiseau par page » sous 768 px.
- « Les 61 tout de suite » : les places du plan, plus les oiseaux restants sur les sous-pages.
- Pour le kit : « Oui, à intégrer » (au formulaire du studio DA).
Ce que fait le code :
- Chaque oiseau est accroché au bloc dont il fait le métier, et se tient sur une vraie arête :
- perché sur le haut d'une carte ;
- près d'un titre ;
- en marge, à côté de son bloc ;
- derrière une carte, en grand et pâle.
- Jamais deux fois le même oiseau sur une page.
- Entre 768 et 1199 px, seuls les oiseaux perchés restent.
- Sous 768 px, au plus un oiseau par page.