blueprint & templates Impacts
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s

This commit is contained in:
Julie Blanc 2026-02-24 17:05:22 +01:00
parent fab10a38d8
commit 7b3ebb3ca4
15 changed files with 369 additions and 237 deletions

53
site/templates/impact.php Normal file
View file

@ -0,0 +1,53 @@
<?php snippet('header') ?>
<main>
<header class="page__header">
<p class="page__type">Impact</p>
<?php
$categories = $page->category()->split();
$category = $categories[0] ?? '';
?>
<?php if ($category): ?>
<p class="page__category"><?= esc($category) ?></p>
<?php endif ?>
<h2 class="page__title"><?= $page->title()->esc() ?></h2>
<?php if ($page->created()->isNotEmpty()): ?>
<time class="date" datetime="<?= $page->created()->toDate('yyyy-MM-dd') ?>"><?= $page->created()->toDate('d MMMM yyyy', 'fr_FR') ?></time>
<?php endif ?>
<?php if ($page->chapo()->isNotEmpty()): ?>
<p class="page__description"><?= $page->chapo()->inline() ?></p>
<?php endif ?>
</header>
<div class="page__content">
<?php if ($cover = $page->cover()->toFile()): ?>
<figure class="impact__cover">
<?php snippet('picture', ['file' => $cover]) ?>
</figure>
<?php endif ?>
<?php if ($page->body()->isNotEmpty()): ?>
<div class="impact__body">
<?= $page->body()->toBlocks() ?>
</div>
<?php endif ?>
<?php $investigations = $page->linkedInvestigations()->toPages() ?>
<?php if ($investigations->isNotEmpty()): ?>
<aside class="impact__investigations">
<h3>Enquêtes liées</h3>
<ul class="investigations">
<?php foreach ($investigations as $investigation): ?>
<li><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></li>
<?php endforeach ?>
</ul>
</aside>
<?php endif ?>
</div>
</main>
<?php snippet('footer') ?>

View file

@ -6,7 +6,7 @@
<h2 class="page__title"><?= $page->title() ?></h2>
<?php if ($page->chapo()->isNotEmpty()): ?>
<div class="description-medium">
<div class="page__description">
<p><?= $page->chapo() ?></p>
</div>
<?php endif ?>
@ -14,15 +14,14 @@
<div class="page__sort">
<button class="sort btn--small no-link" data-sort-type="down"><p>Trier par date</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
<button class="sort btn--small no-link" data-sort-type="down"><p>Trier par date</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
<div class="dropdown">
<button class="dropdown__trigger sort btn--small no-link"><span class="icon"><?= svg('assets/icons/filter.svg') ?></span><p>Filtrer par type</p></button>
<div class="dropdown__content">
<ul>
<li><button type="button" data-filter="france">Médiatique</button></li>
<li><button type="button" data-filter="cisjordanie">Judiciaire</button></li>
<li><button type="button" data-filter="etats-unis">Institutionnel</button></li>
<li><button type="button" data-filter="gaza">Public</button></li>
<?php foreach (page('database')->impactCategories()->split() as $cat): ?>
<li><button type="button" data-filter="<?= esc(Str::slug($cat)) ?>"><?= esc($cat) ?></button></li>
<?php endforeach ?>
</ul>
</div>
</div>
@ -32,102 +31,48 @@
<div class="grid-sizer"></div>
<!-- Contenu statique temporaire -->
<?php foreach ($page->children()->listed()->sortBy('created', 'desc') as $impact): ?>
<div class="card--block has-link" data-impact-type="judiciaire">
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
<?php
$categories = $impact->category()->split();
$category = $categories[0] ?? '';
$cover = $impact->cover()->toFile();
$investigations = $impact->linkedInvestigations()->toPages();
?>
<div class="card--block has-link" data-impact-type="<?= esc(Str::slug($category)) ?>">
<?php if ($cover): ?>
<figure><?php snippet('picture', ['file' => $cover]) ?></figure>
<?php endif ?>
<div class="group-top">
<p class="type">Impact</p>
<p class="category">Judiciaire</p>
<?php if ($category): ?>
<p class="category"><?= esc($category) ?></p>
<?php endif ?>
</div>
<h3 class="title">Lanalyse dINdex fait lobjet dun reportage par CNN</h3>
<p class="date">24 janvier 2026</p>
<h3 class="title"><?= $impact->title()->esc() ?></h3>
<?php if ($impact->created()->isNotEmpty()): ?>
<p class="date"><?= $impact->created()->toDate('d MMMM yyyy', 'fr_FR') ?></p>
<?php endif ?>
<?php if ($investigations->isNotEmpty()): ?>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
<?php foreach ($investigations as $investigation): ?>
<li><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></li>
<?php endforeach ?>
</ul>
<a class="link-block" href="#" target="_blank"></a>
<?php endif ?>
<a class="link-block" href="<?= $impact->url() ?>"></a>
</div>
<div class="card--block has-link" data-impact-type="judiciaire">
<div class="group-top">
<p class="type">Impact</p>
<p class="category">Judiciaire</p>
</div>
<h3 class="title">Ouverture dune information judiciaire</h3>
<p class="date">24 janvier 2026</p>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
</ul>
<a class="link-block" href="#" target="_blank"></a>
</div>
<div class="card--block has-link" data-impact-type="judiciaire">
<figure><img src="/assets/images/SequenceOrbit_Finale_1245.png"></figure>
<div class="group-top">
<p class="type">Impact</p>
<p class="category">Judiciaire</p>
</div>
<h3 class="title">LA RECONSTITUTION DINDEX PROJETÉE EN AUDIENCE AU TRIBUNAL DE BOBIGNY</h3>
<p class="date">24 janvier 2026</p>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
</ul>
<a class="link-block" href="#" target="_blank"></a>
</div>
<div class="card--block has-link" data-impact-type="judiciaire">
<div class="group-top">
<p class="type">Impact</p>
<p class="category">Médiathique</p>
</div>
<h3 class="title">INDEX DANS LÉMISSION “LE DESSOUS DES IMAGES” (ARTE)</h3>
<p class="date">24 janvier 2026</p>
<ul class="investigations">
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
</ul>
<a class="link-block" href="#" target="_blank"></a>
</div>
<div class="card--block has-link" data-impact-type="judiciaire">
<figure><img src="/assets/images/eclairages.png"></figure>
<div class="group-top">
<p class="type">Impact</p>
<p class="category">Public</p>
</div>
<h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À LENSAD (PARIS)</h3>
<p class="date">24 janvier 2026</p>
<a class="link-block" href="#" target="_blank"></a>
</div>
<?php endforeach ?>
</div>
</main>
<?php snippet('footer') ?>
<?php snippet('footer') ?>

View file

@ -1,20 +1,5 @@
<?php snippet('header') ?>
<!--
<div class="btn--group__mobile">
<div class="dropdown dropdown--position-mobile">
<button class="dropdown__trigger btn--bold-inline no-link">
<span class="icon"><?= svg('assets/icons/share.svg') ?></span>
<span class="text">Partager</span>
</button>
<div class="dropdown__content">
<?php snippet('modal-share') ?>
</div>
</div>
</div> -->
<main>
@ -23,7 +8,7 @@
<p class="page__type">Enquête</p>
<h2 class="page__title"><?= $page->title()->esc() ?></h2>
<?php if ($page->chapo()->isNotEmpty()): ?>
<p class="description"><?= $page->chapo()->inline() ?></p>
<p class="page__description"><?= $page->chapo()->inline() ?></p>
<?php endif ?>
</header>