identité 6 : la règle f mesurée au-dessus du dessin, les chapitres posés sur leurs filets, les coins arrondis dégagés

Règle f, selon la précision de DA du 03/11 après 17h35 : au-dessus d'un oiseau perché, le vide
se mesure du haut de son dessin jusqu'à la plus basse ligne de texte ou au plus bas bloc qui
passe au-dessus de sa largeur peinte. Les lignes de son propre titre comptent, et l'en-tête
collant aussi en haut de page. Quinze perchés en défaut sur bb8fad9 changent de pose, sans
sortir de la liste fermée :
- accueil :
  - le DJ se tient derrière le pupitre de la console, seule sa tête dépasse ;
  - l'accordéoniste passe en S, visible à partir de 1200 px ;
  - la factrice passe à 76 px ;
  - la lectrice sort 20 px plus bas ;
- au téléphone, l'oiseau de l'intitulé est un oiseau plat : codeuse, maraîchère, potier, et le
  cycliste livreur sur productions collectives ;
- authentification, tarifs de l'eau, commande : en marge droite, sur l'arête haute de la carte ;
- en musique : le danseur passe en S ;
- évènement :
  - l'acrobate se tient avant la devise ;
  - le régisseur passe en S, posé sur l'arête des cartes ;
  - le clown passe en M ;
  - le marionnettiste se tient sur le filet du pied de page (option 1 d'orch). Son décalage
    est tiré de --seal-block, le bloc du sceau défini dans le layout ;
- chapitres : le calligraphe se tient sur le filet du titre, le typographe sur celui de la
  navigation, le cartonnier en marge des boutons. Plus aucune hauteur en %.

Règle g, rectangle du bloc (décision d'orch) : le porteur de serveur et l'administrateur réseau
sortent de la découpe des coins arrondis.

La liste fermée (docs/da-oiseaux.md) reçoit les précisions d'orch :
- e vaut pour un oiseau « libre » dont le centre sort de son bloc ;
- g se mesure sur le rectangle du bloc ;
- un oiseau derrière une carte reste « derrière ».

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/components/book/ChapterHeader.vue

@@ -8,15 +8,19 @@
         · {{ readingTime }}
       </span>
     </div>
-    <h1 class="chapter-title font-display font-bold leading-tight tracking-tight text-white">
+    <h1 class="chapter-title relative font-display font-bold leading-tight tracking-tight text-white">
       {{ title }}
+      <!-- The calligrapher in the left margin, feet on the title's rule (rule e) -->
+      <UiOiseauPose nom="calligraphe" pose="marge-g" ecart="40px" :w="112" />
     </h1>
     <p v-if="description" class="mt-3 text-lg text-white/60">
       {{ description }}
     </p>
 
-    <!-- Songs + PDF actions row -->
-    <div class="mt-4 flex flex-wrap items-center gap-2">
+    <!-- Songs + PDF actions row. The box maker in the right margin, feet at the bottom of the
+         buttons (every chapter has its PDF page) -->
+    <div class="relative mt-4 flex flex-wrap items-center gap-2">
+      <UiOiseauPose nom="cartonnier" pose="marge-d" ecart="40px" :w="76" retourne />
     <!-- Associated songs badges -->
       <button
         v-for="song in songs"

app/components/home/HomeFormat.vue

@@ -2,16 +2,19 @@
   <div class="format">
     <header v-if="format && showHeader" class="format-head">
       <!-- The accordion player at the end of the title, on its baseline: on the event card it stood
-           at the height of the reader, and its ground line touched the card's link (rules c, h) -->
-      <h2 class="format-title">{{ format.title }}<UiOiseauPose nom="accordeoniste" pose="perche" bout left="16px" :w="84" retourne ton="accent" :seuil="1024" /></h2>
+           at the height of the reader, and its ground line touched the card's link (rules c, h).
+           S and from 1200 px: the band above leaves 125 px, and a perched bird keeps a void of its
+           own height above it (rule f); 8 px under the baseline, within the 12 px of rule e -->
+      <h2 class="format-title">{{ format.title }}<UiOiseauPose nom="accordeoniste" pose="perche" bout left="16px" bottom="-8px" :w="72" retourne ton="accent" :seuil="1200" /></h2>
       <p class="format-text">{{ format.text }}</p>
     </header>
 
     <div class="format-grid">
       <!-- Éditorial : le livre et les chansons -->
       <article v-if="book" class="format-card format-card--book">
-        <!-- The reader peeks over the book card: only her head and book show -->
-        <UiOiseauPose nom="lectrice" pose="derriere" left="76%" bottom="calc(100% - 48px)" :w="104" />
+        <!-- The reader peeks over the book card: only her head and book show, clear of the end of
+             the header's first line (DA, 03/11) -->
+        <UiOiseauPose nom="lectrice" pose="derriere" left="76%" bottom="calc(100% - 68px)" :w="104" />
         <div
           class="format-cover"
           role="img"

app/components/home/HomeLanding.vue

@@ -21,19 +21,25 @@
         <div class="va-console">
           <p class="va-console-title">
             {{ heading[2] }}
-            <!-- The DJ stands on the console board, looking at the faders -->
-            <UiOiseauPose nom="dj" pose="perche" right="2rem" bottom="-0.75rem" :w="80" retourne ton="accent" mobile />
           </p>
-          <HomeConsole
-            v-model="active"
-            :axes="axes"
-            :prefix="consoleLabels?.prefix"
-            :top-label="consoleLabels?.top"
-            :bottom-label="consoleLabels?.bottom"
-            :stacks="bouquet?.inService"
-            :stacks-to="lpk?.to"
-            :stacks-label="lpk ? `En service chez ${lpk.name} :` : 'En service :'"
-          />
+          <!-- The DJ stands behind the console board, like behind its decks: only its head, with
+               its headphones, shows over the board. Perched on the board, under the sticky header,
+               it had no void of its own height above it (rule f, DA 03/11 after 17h35). The scene
+               keeps it under the board without touching the console -->
+          <div class="va-console-scene">
+            <UiOiseauPose nom="dj" pose="derriere" right="24px" top="-95px" :w="150" retourne ton="accent" />
+            <UiOiseauPose nom="dj" pose="derriere" right="24px" top="-95px" :w="150" retourne ton="accent" mobile-seul :seuil="768" />
+            <HomeConsole
+              v-model="active"
+              :axes="axes"
+              :prefix="consoleLabels?.prefix"
+              :top-label="consoleLabels?.top"
+              :bottom-label="consoleLabels?.bottom"
+              :stacks="bouquet?.inService"
+              :stacks-to="lpk?.to"
+              :stacks-label="lpk ? `En service chez ${lpk.name} :` : 'En service :'"
+            />
+          </div>
         </div>
       </div>
     </section>
@@ -196,6 +202,11 @@ const toolboxOiseaux: Partial<Record<AxisKey, OiseauPlace[]>> = {
   .va-approach::after { content: ' →'; }
 }
 
+.va-console-scene {
+  position: relative;
+  isolation: isolate;
+}
+
 .va-console-title {
   position: relative;
   margin: 0 0 0.75rem;

app/components/home/HomeMessages.vue

@@ -6,7 +6,7 @@
     <UiScrollReveal>
       <div class="message-form-card">
         <!-- The postwoman stands on the message form -->
-        <UiOiseauPose nom="factrice" pose="perche" right="30px" :w="88" retourne :seuil="1200" />
+        <UiOiseauPose nom="factrice" pose="perche" right="30px" :w="76" retourne :seuil="1200" />
         <h3 class="font-display text-lg font-bold form-title mb-4">Laisser un message</h3>
 
         <form v-if="!submitted" class="space-y-3" @submit.prevent="send">