32b20a9305
Implémentation d'un routing personnalisé permettant d'afficher deux vues (résumé et détail) à partir d'une seule source de données (investigation.txt). - Ajout routes virtuelles /enquetes/:slug/resume et /detail - Ajout controller pour redirection automatique vers /resume - Mise à jour lien "Lire le rapport" vers page /detail - URL de base redirige en 301 vers /resume 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
243 lines
11 KiB
PHP
243 lines
11 KiB
PHP
<?php snippet('header') ?>
|
|
|
|
|
|
<header>
|
|
<p class="page-type">Enquête</p>
|
|
<h2><?= $page->title() ?></h2>
|
|
<p class="date-publish"><time datetime="<?= $page->publicationDate() ?>"><?= $page->publicationDate()->toDate('d M Y') ?></time></p>
|
|
</header>
|
|
|
|
<div id="hero" class="hero-video">
|
|
<figure>
|
|
<?php if ($cover = $page->cover()->toFile()): ?>
|
|
<img src="<?= $cover->url() ?>" alt="<?= $cover->alt() ?>">
|
|
<?php endif; ?>
|
|
</figure>
|
|
<?php if ($cover = $page->cover()->toFile()): ?>
|
|
<?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="#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>
|
|
|
|
<div class="btn--group">
|
|
<button class="btn--bold"><a href="<?= $page->parent()->url() ?>/detail">Lire le rapport</a></button>
|
|
<label for="share-banner__desktop" class="btn--bold-inline no-link">Partager</label>
|
|
</div>
|
|
|
|
<input type="checkbox" id="share-banner__desktop">
|
|
<?php snippet('modal-share') ?>
|
|
|
|
</div>
|
|
|
|
|
|
<?php if ($page->chapo()->isNotEmpty()): ?>
|
|
<div class="section__article" id="section__short"><?= $page->chapo() ?></div>
|
|
<?php endif; ?>
|
|
|
|
|
|
|
|
<dl class="section__article" id="section__dl">
|
|
<div class="dl__group">
|
|
<dt>Date de l'incident</dt>
|
|
<dd><time datetime="<?= $page->incidentDate() ?>"><?= $page->incidentDate()->toDate('d M Y') ?></time></dd>
|
|
</div>
|
|
<div class="dl__group">
|
|
<dt>Lieu de l'incident</dt>
|
|
<dd><?= $page->incidentLocation() ?></dd>
|
|
</div>
|
|
<div class="dl__group">
|
|
<dt>Conséquence(s)</dt>
|
|
<dd><?= $page->incidentConsequences() ?></dd>
|
|
</div>
|
|
<div class="dl__group dl__group__keywords">
|
|
<dt>Mots-clés</dt>
|
|
<dd>
|
|
<ul class="keywords">
|
|
<?php foreach ($page->keywords()->split() as $keyword): ?>
|
|
<li><a href="#" target="_blank"><?php echo $keyword ?></a></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</dd>
|
|
</div>
|
|
<div class="dl__group">
|
|
<dt>Méthodologie</dt>
|
|
<dd>
|
|
<ul>
|
|
<?php foreach ($page->methodologies()->toEntries() as $methodology): ?>
|
|
<li><?php echo $methodology ?></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</dd>
|
|
</div>
|
|
<div class="dl__group">
|
|
<dt>Équipe</dt>
|
|
<dd>
|
|
<?php
|
|
$namesList = [];
|
|
|
|
foreach ($page->team()->toStructure() as $row) {
|
|
foreach ($row->names()->toEntries() as $name) {
|
|
$namesList[] = $name;
|
|
}
|
|
}
|
|
echo implode(', ', $namesList);
|
|
?>
|
|
</dd>
|
|
</div>
|
|
<div class="dl__group">
|
|
<dt>Partenaire(s)</dt>
|
|
<dd>
|
|
<?php
|
|
$partnersList = [];
|
|
foreach ($page->partners()->toStructure() as $partner) {
|
|
if ($partner->link()->isNotEmpty()) {
|
|
$partnersList[] = '<a href="' . $partner->link() . '" target="_blank">' . $partner->name() . '</a>';
|
|
} else {
|
|
$partnersList[] = $partner->name();
|
|
}
|
|
}
|
|
echo implode(', ', $partnersList);
|
|
?>
|
|
</dd>
|
|
</div>
|
|
<div class="dl__group">
|
|
<dt>Date de publication</dt>
|
|
<dd><time datetime="<?= $page->publicationDate() ?>"><?= $page->publicationDate()->toDate('d M Y') ?></time></dd>
|
|
</div>
|
|
</dl>
|
|
|
|
<?php if ($page->body()->isNotEmpty()): ?>
|
|
<div class="section__article" id="section__synthese">
|
|
<h3 class="section__title">Synthèse</h3>
|
|
<?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; ?>
|
|
|
|
|
|
<div class="section__article" id="section__impacts">
|
|
<h3 class="section__title">Impacts</h3>
|
|
|
|
<div class="card--impact" data-impact-type="media">
|
|
<p class="tag">Médiatique</p>
|
|
<div class="content">
|
|
<p>12 articles et reprises</p>
|
|
<p>1.5M de vues cumulées</p>
|
|
</div>
|
|
<details class="open-graph__details">
|
|
<summary><p class="summary-inner">Détails <span class="arrow-details"><?= svg('assets/icons/arrow-details.svg') ?></span><p></summary>
|
|
<div class="open-graph__inner">
|
|
<?php snippet('card-open-graph') ?>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
|
|
<div class="card--impact" data-impact-type="judiciaire">
|
|
<p class="tag">Judiciaire</p>
|
|
<p class="date">12 Dec 2025</p>
|
|
<div class="content">
|
|
<p >La justice israélienne déclare ouvrir une enquête sur "les circonstances de la mort de Nidal et Khaled Amirah".
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card--impact" data-impact-type="judiciaire">
|
|
<p class="tag">Judiciaire</p>
|
|
<p class="date">12 Dec 2025</p>
|
|
<div class="content">
|
|
<p >La justice israélienne déclare ouvrir une enquête sur "les circonstances de la mort de Nidal et Khaled Amirah"
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card--impact" data-impact-type="public">
|
|
<p class="tag">Judiciaire</p>
|
|
<p class="date">12 Dec 2025</p>
|
|
<div class="content">
|
|
<p>Index présente une série d'enquêtes récentes au Festival du Réel 2025. <a class="see-more" href="#">Voir plus</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<aside class="section__article" id="section__en-lien">
|
|
<h3 class="section__title">En lien</h3>
|
|
|
|
<article class="card--article-small">
|
|
<figure>
|
|
<img src="/assets/images/Nahel-visuel1.png">
|
|
</figure>
|
|
<div class="content">
|
|
<h4 class="title"><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank">L'homicide de Nahel Merzouk</a></h4>
|
|
<time datetime="2024-06-27">27 Jun 2024</time>
|
|
<ul class="keywords">
|
|
<li><a href="#" target="_blank">Occupation</a></li>
|
|
<li><a href="#" target="_blank">Colonialité</a></li>
|
|
<li><a href="#" target="_blank">Forces armées</a></li>
|
|
<li><a href="#" target="_blank">Colonialité</a></li>
|
|
</ul>
|
|
</div>
|
|
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
|
|
</article>
|
|
|
|
<article class="card--article-small">
|
|
<figure>
|
|
<img src="/assets/images/Jumaa-visuel-1.png">
|
|
</figure>
|
|
<div class="content">
|
|
<h4 class="title"><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank">La mort par noyade de Jumaa al-Hasan</a></h4>
|
|
<time datetime="2024-06-27">27 Jun 2024</time>
|
|
<ul class="keywords">
|
|
<li><a href="#" target="_blank">Occupation</a></li>
|
|
<li><a href="#" target="_blank">Colonialité</a></li>
|
|
<li><a href="#" target="_blank">Forces armées</a></li>
|
|
<li><a href="#" target="_blank">Colonialité</a></li>
|
|
</ul>
|
|
</div>
|
|
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
|
|
</article>
|
|
|
|
<article class="card--article-small">
|
|
<figure>
|
|
<img src="/assets/images/kanaky-visuel-1.png">
|
|
</figure>
|
|
<div class="content">
|
|
<h4 class="title"><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank">Trois morts a Saint-Louis, Kanaky/Nouvelle-Caledonie</a></h4>
|
|
<time datetime="2024-06-27">27 Jun 2024</time>
|
|
<ul class="keywords">
|
|
<li><a href="#" target="_blank">Occupation</a></li>
|
|
<li><a href="#" target="_blank">Colonialité</a></li>
|
|
<li><a href="#" target="_blank">Forces armées</a></li>
|
|
<li><a href="#" target="_blank">Colonialité</a></li>
|
|
</ul>
|
|
</div>
|
|
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
|
|
</article>
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
|
|
<?php snippet('footer') ?>
|