librodrome/docs/da-oiseaux.md

# Oiseaux — avis du studio DA et des relectures

Ce fichier garde les avis du studio DA et des relectures sur la place des oiseaux, relayés par la
session orch. Ce ne sont pas les mots d'Yvv : ses consignes, datées et mot pour mot, sont dans
`docs/consignes-yvv.md` (section « Les oiseaux »).

Code : `app/components/ui/OiseauPose.vue` (placement), `app/components/ui/Oiseau.vue` et
`app/utils/oiseaux.ts` (kit du studio DA). Les places sont dans chaque page.

### 03/11/2026, 07h00 : avis du studio DA (relayé par la session orch, ce ne sont pas les mots d'Yvv)

« kit : ok », avec trois constats de composition :
- trop d'oiseaux autour du seul bloc de productions-collectives ;
- des perchés qui mordent sur la carte du dessus (numérique) ;
- l'un d'eux mord aussi sur le coin d'une carte à 375 px.

La règle de DA, pour toutes les pages : un oiseau perché n'a sa place que s'il y a, au-dessus de
l'arête, un vide au moins égal à sa hauteur. Sinon, il va en marge ou derrière la carte.

La relecture du même jour ajoute : pas trois oiseaux sur la même verticale dans une marge.

Ce que fait le code depuis :
- Aucun oiseau perché entre deux cartes rapprochées. Ceux qui y étaient sont passés en marge ou
  derrière la carte.
- Au téléphone, l'oiseau de la page se tient au bout de la ligne de l'intitulé, au-dessus du titre.
- Un perché dont le bloc n'a de vide au-dessus qu'une fois la grille en deux colonnes ne s'affiche
  qu'à partir de 1024 px (`seuil`).
- Productions-collectives garde 4 oiseaux. Les autres sont partis sur des pages qui en avaient peu :
  - monnaie-libre : boulangère, vigneronne ;
  - tarifs-eau : potier ;
  - décision : tisserand ;
  - cloud-libre : imprimeuse 3D.
- Toujours les 61 oiseaux rendus sur le site.

### 03/11/2026, 07h56 : second avis du studio DA, et relecture de 08h14 (relayés par la session orch)

DA : « composition : à reprendre (numérique et commande seulement) ».
- Numérique : les 4 oiseaux de marge font un zigzag gauche, droite, gauche, droite, à pas égal et
  de même taille. C'est le « trop régulier, papier peint » d'Yvv sous une autre forme.
- Commande : chaque carte a un oiseau à gauche et un à droite, à la même hauteur.

Deux règles de DA en découlent :
- pas plus de deux alternances gauche-droite de suite à pas presque égal (moins de 20 % d'écart) ;
- dès qu'une page a trois oiseaux ou plus, au moins deux tailles différentes.

La relecture ajoute qu'un oiseau ne se pose pas sur le haut de la boîte d'un titre : ce n'est pas
une arête visible. Un oiseau de marge ne se tient pas non plus à mi-hauteur du texte.

Ce que fait le code depuis :
- Un oiseau de marge a les pieds sur une vraie ligne : le bas ou le haut de son bloc, ou d'une carte
  de ce bloc. C'est la consigne d'Yvv « posés sans flotter ».
- Un oiseau près d'un titre se tient sur sa dernière ligne, ou au bout de la ligne de l'intitulé.
- Numérique : électricien en M, codeuse et cryptographe au bas de leur carte, à droite,
  administrateur réseau en grand derrière Cloud libre.
- Commande : un seul côté par carte. Le cycliste est à gauche de la première, le libraire en grand
  derrière la seconde, à droite. La lectrice se tient sur le sac de l'icône. Le cartonnier est parti
  sur la ligne qui clôt chaque chapitre, l'empileur sur le sommaire du livre.

### 03/11/2026, 13h10 : relecture (relayée par la session orch, ce ne sont pas les mots d'Yvv)

La relecture de fb8c71f à 16d6607 conclut « à reprendre », avec cinq constats :
- /economique : la maraîchère et la balance font une paire, aux sols presque à la même hauteur ;
- /numerique/authentification-wot : la toile de confiance est « derrière » un bloc sans fond, et du
  texte la traverse ;
- les chapitres : le cartonnier est posé sur un filet que rien ne trace ;
- /evenement : le régisseur et l'acrobate font une paire ;
- le sommaire du livre : trois oiseaux dans une même bande de la marge droite.

Trois règles en découlent :
- pas deux oiseaux de part et d'autre dont les sols sont à moins de 40 px l'un de l'autre ;
- une ligne visible, c'est une bordure, un fond différent de ce qu'il y a dessous, le bas d'une
  carte qui a un fond, ou une ligne de texte ;
- « derrière une carte » demande une carte au fond opaque.

Ce que fait le code depuis :
- /economique : la balance sort de derrière le bloc du livre, à gauche, à mi-hauteur.
- Authentification : la toile de confiance est petite, en marge, sur la dernière ligne des étapes.
- Logiciel libre : le débogueur se tient aussi sur la dernière ligne des étapes.
- Chapitres : le filet au-dessus de précédent et suivant est tracé ; le cartonnier s'y pose.
- /evenement : le régisseur reste seul près de « Format & lieu ». L'acrobate se tient au bout de la
  ligne du leitmotiv, dans l'en-tête.
- Sommaire du livre : l'empileur est plus loin dans la marge, l'illustratrice dépasse moins de sa
  carte.
- Monnaie libre : la vigneronne sort de derrière le haut du bloc de texte, qui a un fond.