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/HomeLanding.vue

@@ -2,7 +2,6 @@
   <div class="va">
     <!-- Hero : the headline, and the three cursors to push -->
     <section class="va-hero">
-      <HomeShadoks />
       <div class="container-content va-hero-grid">
         <div class="va-intro">
           <h1 class="va-h1">
@@ -20,7 +19,11 @@
         </div>
 
         <div class="va-console">
-          <p class="va-console-title">{{ heading[2] }}</p>
+          <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"
@@ -61,6 +64,7 @@
       <div class="container-content">
         <h2 class="va-h2">{{ toolboxTitle }}</h2>
         <HomeToolbox
+          :oiseaux="toolboxOiseaux"
           :axes="axes"
           :lpk="lpk"
           :bouquet="bouquet"
@@ -76,6 +80,7 @@
 
 <script setup lang="ts">
 import type { AxisKey } from '~/composables/useHomeData'
+import type { OiseauPlace } from '~/utils/oiseauPose'
 
 defineEmits<{
   'open-player': []
@@ -97,6 +102,14 @@ const axesLine = computed(() =>
     .filter(Boolean)
     .map(text => ({ text, hue: AXIS_WORDS[text] })))
 const active = ref<AxisKey>('numerique')
+
+// The governance crew stands in the empty space under the citoyenne column of the toolbox
+const toolboxOiseaux: Partial<Record<AxisKey, OiseauPlace[]>> = {
+  politique: [
+    { nom: 'capitaine', pose: 'libre', left: 'calc(34% - 75px)', bottom: '-190px', w: 150, op: 0.24 },
+    { nom: 'matelot', pose: 'libre', left: 'calc(80% - 40px)', bottom: '-300px', w: 80, op: 0.26, retourne: true },
+  ],
+}
 </script>
 
 <style scoped>
@@ -184,6 +197,7 @@ const active = ref<AxisKey>('numerique')
 }
 
 .va-console-title {
+  position: relative;
   margin: 0 0 0.75rem;
   font-family: var(--font-display);
   font-weight: 700;