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/pages/citoyenne/[slug].vue

@@ -60,8 +60,9 @@
         <div
           v-if="content?.features"
           id="section-features"
-          class="grid gap-4 sm:grid-cols-2 mb-12 max-w-2xl mx-auto section-anchor"
+          class="relative grid gap-4 sm:grid-cols-2 mb-12 max-w-2xl mx-auto section-anchor"
         >
+          <UiOiseauPose v-for="o in oiseaux.fonctions ?? []" :key="`${o.nom}-${o.pose}`" v-bind="o" />
           <div v-for="feature in content.features" :key="feature.title" class="feature-card">
             <div class="feature-icon">
               <div :class="`i-lucide-${feature.icon} h-5 w-5`" />
@@ -77,6 +78,7 @@
           id="section-project"
           class="project-card mb-8 max-w-2xl mx-auto section-anchor"
         >
+          <UiOiseauPose v-for="o in oiseaux.projet ?? []" :key="`${o.nom}-${o.pose}`" v-bind="o" />
           <div class="project-icon">
             <div class="i-lucide-rocket h-5 w-5" />
           </div>
@@ -119,9 +121,26 @@
 </template>
 
 <script setup lang="ts">
+import type { OiseauPlace } from '~/utils/oiseauPose'
+
 const route = useRoute()
 const slug = route.params.slug as string
 
+// Birds of each page: by the features grid and by the project card
+interface OiseauxPage { fonctions?: OiseauPlace[], projet?: OiseauPlace[] }
+const OISEAUX_PAGE: Record<string, OiseauxPage> = {
+  'decision': {
+    fonctions: [
+      { nom: 'mime', pose: 'marge-g', ecart: '48px', bottom: '24%', w: 104 },
+      { nom: 'avocate', pose: 'marge-d', ecart: '44px', bottom: '58%', w: 96, retourne: true },
+    ],
+  },
+  'tarifs-eau': {
+    projet: [{ nom: 'comedien', pose: 'marge-d', ecart: '44px', bottom: '-20px', w: 112, retourne: true }],
+  },
+}
+const oiseaux = computed<OiseauxPage>(() => OISEAUX_PAGE[slug] ?? {})
+
 const [{ data: content }, { data: homeData }] = await Promise.all([
   usePageContent(`citoyenne/${slug}`),
   usePageContent('home'),
@@ -189,6 +208,7 @@ useSeoPage({
 }
 
 .project-card {
+  position: relative;
   padding: 1.5rem;
   border-radius: 0.75rem;
   border: 1px solid hsl(var(--color-primary) / 0.15);