investigation-summary : rendu des layouts avec blocs

- Création des snippets de blocs (text, heading, image)
- Implémentation du rendu des layouts avec colonnes
- Structure en grille pour layouts multi-colonnes

NOTE : Cette implémentation est à revoir selon la maquette finale.
Le rendu actuel utilise une structure basique en attendant les spécifications de design.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

site/blueprints/files/cover.yml

@@ -0,0 +1,12 @@
+title: Image de couverture
+
+fields:
+  alt:
+    label: Texte alternatif
+    type: text
+    help: Description de l'image pour l'accessibilité
+  caption:
+    label: Légende
+    type: textarea
+    size: small
+    help: Légende affichée sous l'image

site/blueprints/pages/investigation-summary.yml

@@ -33,6 +33,8 @@ tabs:
             min: 1
             layout: cards
             size: full
+            uploads:
+              template: cover
             image:
               ratio: 12/7
               cover: true

site/snippets/blocks/heading.php

@@ -0,0 +1,4 @@
+<?php
+$level = $block->level()->or('h2');
+?>
+<<?= $level ?>><?= $block->text() ?></<?= $level ?>>

site/snippets/blocks/image.php

@@ -0,0 +1,8 @@
+<?php if ($image = $block->image()->toFile()): ?>
+<figure>
+    <img src="<?= $image->url() ?>" alt="<?= $block->alt()->or($image->alt()) ?>">
+    <?php if ($block->caption()->isNotEmpty()): ?>
+        <figcaption><?= $block->caption() ?></figcaption>
+    <?php endif; ?>
+</figure>
+<?php endif; ?>

site/snippets/blocks/text.php

@@ -0,0 +1 @@
+<?= $block->text() ?>

site/templates/investigation-summary.php

@@ -14,17 +14,19 @@
                     <?php endif; ?>
                 </figure>
                 <?php if ($cover = $page->cover()->toFile()): ?>
-                    <figcaption><?= $cover->caption() ?></figcaption>
+                    <?php if ($cover->caption()->isNotEmpty()): ?>
+                        <figcaption><?= $cover->caption() ?></figcaption>
+                    <?php endif; ?>
                 <?php endif; ?>
             </div>
 
             <div id="banner--page">
                 <nav id="nav--page">
                     <ul>
-                        <li><a href="#">Vidéo</a></li>
-                        <li><a href="#">Synthèse</a></li>
-                        <li><a href="#">Impacts</a></li>
-                        <li><a href="#">En lien</a></li>
+                        <li><a href="#hero">Vidéo</a></li>
+                        <li><a href="#section__synthese">Synthèse</a></li>
+                        <li><a href="#section__impacts">Impacts</a></li>
+                        <li><a href="#section__en-lien">En lien</a></li>
                     </ul>
                 </nav>
 
@@ -118,7 +120,15 @@
             <?php if ($page->body()->isNotEmpty()): ?>
                 <div class="section__article" id="section__synthese">
                     <h3 class="section__title">Synthèse</h3>
-                    <?= $page->body()->toLayouts() ?>
+                    <?php foreach ($page->body()->toLayouts() as $layout): ?>
+                        <div class="grid" data-columns="<?= $layout->columns()->count() ?>">
+                            <?php foreach ($layout->columns() as $column): ?>
+                                <div class="column" style="--columns: <?= $column->span() ?>">
+                                    <?= $column->blocks() ?>
+                                </div>
+                            <?php endforeach; ?>
+                        </div>
+                    <?php endforeach; ?>
                 </div>
             <?php endif; ?>