identité : le kit du studio DA intégré, les 61 oiseaux posés sur la page

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>

app/components/home/HomeToolbox.vue

@@ -9,6 +9,7 @@
         :style="{ '--hue': `var(${axis.hue})` }"
         :aria-labelledby="`tb-${uid}-${axis.key}`"
       >
+        <UiOiseauPose v-for="o in oiseaux?.[axis.key] ?? []" :key="`${o.nom}-${o.pose}`" v-bind="o" class="toolbox-oiseau" />
         <header class="toolbox-head">
           <p class="toolbox-lever">{{ axis.lever }}</p>
           <h3 :id="`tb-${uid}-${axis.key}`" class="toolbox-title">
@@ -61,7 +62,8 @@
 </template>
 
 <script setup lang="ts">
-import type { HomeAxis } from '~/composables/useHomeData'
+import type { AxisKey, HomeAxis } from '~/composables/useHomeData'
+import type { OiseauPlace } from '~/utils/oiseauPose'
 
 withDefaults(defineProps<{
   axes: HomeAxis[]
@@ -70,6 +72,8 @@ withDefaults(defineProps<{
   gratewizard?: { title: string, subtitle: string }
   showPromise?: boolean
   anchors?: boolean
+  /** Birds standing by an axis column (home page) */
+  oiseaux?: Partial<Record<AxisKey, OiseauPlace[]>>
 }>(), {
   showPromise: true,
   anchors: false,
@@ -106,7 +110,13 @@ function onAction(id: string) {
   }
 }
 
+/* The birds under a column only make sense with the three columns side by side */
+@container (max-width: 59.99rem) {
+  .toolbox-oiseau { display: none; }
+}
+
 .toolbox-axis {
+  position: relative;
   display: flex;
   flex-direction: column;
   gap: 0.75rem;