Restructuration sections, contenu administrable, shadoks, palette été

- Structure par section : /numerique, /economique, /citoyenne (plus de /gestation)
- Chaque section a index + sous-pages avec contenu YAML administrable
- API content supporte les chemins imbriqués ([...path])
- Admin : liste des pages + éditeur par section
- Page /economique : monnaie libre (picto Ğ1), modèle éco, productions collectives, commande livre
- Page /citoyenne : decision (CTA Glibredecision), tarifs-eau (CTA SejeteralO)
- BookActions : composant partagé (player, PDF, chapitres, commande) sur home, eco et modele-eco
- GrateWizard remonté dans la section économique de la home
- Palette été par défaut, choix persisté en localStorage
- Fix lisibilité été (text-white/65 + variables CSS)
- Shadoks thématiques sur toutes les pages (8-10 par page, métiers variés)
- Redirections 301 : /gestation/*, /modele-eco/*, /decision, /lire/*
- README, CONTRIBUTING, CLAUDE.md mis à jour

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

app/components/home/BookSection.vue

@@ -5,23 +5,6 @@
         <!-- Book cover -->
         <UiScrollReveal>
           <div class="book-cover-wrapper relative">
-            <!-- Shadok pumper -->
-            <svg class="shadok-pumper" viewBox="0 0 200 240" fill="none" aria-hidden="true">
-              <ellipse cx="100" cy="130" rx="55" ry="65" fill="currentColor" opacity="0.9"/>
-              <ellipse cx="100" cy="60" rx="30" ry="28" fill="currentColor" opacity="0.85"/>
-              <circle cx="88" cy="54" r="6" fill="currentColor" opacity="0.2"/>
-              <circle cx="112" cy="54" r="6" fill="currentColor" opacity="0.2"/>
-              <circle cx="90" cy="53" r="2.5" fill="currentColor" opacity="0.5"/>
-              <circle cx="114" cy="53" r="2.5" fill="currentColor" opacity="0.5"/>
-              <polygon points="100,68 115,78 85,78" fill="currentColor" opacity="0.6"/>
-              <line x1="80" y1="192" x2="70" y2="230" stroke="currentColor" stroke-width="4" stroke-linecap="round" opacity="0.7"/>
-              <line x1="120" y1="192" x2="130" y2="230" stroke="currentColor" stroke-width="4" stroke-linecap="round" opacity="0.7"/>
-              <line x1="70" y1="230" x2="55" y2="232" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5"/>
-              <line x1="130" y1="230" x2="145" y2="232" stroke="currentColor" stroke-width="3" stroke-linecap="round" opacity="0.5"/>
-              <line x1="155" y1="110" x2="190" y2="90" stroke="currentColor" stroke-width="4" stroke-linecap="round" opacity="0.6"/>
-              <line x1="190" y1="90" x2="190" y2="120" stroke="currentColor" stroke-width="4" stroke-linecap="round" opacity="0.6"/>
-              <rect x="180" y="118" width="18" height="40" rx="3" fill="currentColor" opacity="0.4"/>
-            </svg>
             <div class="book-cover-3d">
               <img
                 :src="content?.book.coverImage"
@@ -48,16 +31,11 @@
           </UiScrollReveal>
 
           <UiScrollReveal :delay="200">
-            <div class="mt-8 flex flex-col gap-3 sm:flex-row sm:gap-4">
-              <UiBaseButton @click="$emit('open-player')">
-                <div class="i-lucide-play mr-2 h-5 w-5" />
-                {{ content?.book.cta.player }}
-              </UiBaseButton>
-              <UiBaseButton variant="accent" @click="$emit('open-pdf')">
-                <div class="i-lucide-book-open mr-2 h-5 w-5" />
-                {{ content?.book.cta.pdf }}
-              </UiBaseButton>
-            </div>
+            <BookActions
+              :show-chapters="showChapters"
+              @open-player="$emit('open-player')"
+              @open-pdf="$emit('open-pdf')"
+            />
           </UiScrollReveal>
         </div>
       </div>
@@ -66,6 +44,12 @@
 </template>
 
 <script setup lang="ts">
+withDefaults(defineProps<{
+  showChapters?: boolean
+}>(), {
+  showChapters: true,
+})
+
 defineEmits<{
   'open-player': []
   'open-pdf': []
@@ -111,25 +95,4 @@ const { data: content } = await usePageContent('home')
 .heading-section {
   font-size: clamp(1.625rem, 4vw, 2.125rem);
 }
-
-.shadok-pumper {
-  position: absolute;
-  right: 3%;
-  bottom: 8%;
-  width: clamp(90px, 12vw, 180px);
-  opacity: 0.28;
-  pointer-events: none;
-  color: hsl(var(--color-primary));
-  animation: shadok-float 10s ease-in-out infinite;
-  z-index: 1;
-}
-
-@keyframes shadok-float {
-  0%, 100% { transform: translateY(0); }
-  50% { transform: translateY(-10px); }
-}
-
-@media (max-width: 768px) {
-  .shadok-pumper { display: none; }
-}
 </style>