dynamize investigations template
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s

This commit is contained in:
isUnknown 2026-01-13 10:48:10 +01:00
parent f2ca803842
commit a2d918ed82
2 changed files with 44 additions and 221 deletions

View file

@ -14,3 +14,4 @@ tabs:
image: image:
cover: true cover: true
ratio: 12/7 ratio: 12/7
template: investigation

View file

@ -1,11 +1,10 @@
<?php snippet('header') ?> <?php snippet('header') ?>
<h2 class="page__title"><?= $page->title() ?></h2>
<h2 class="page__title">Enquêtes</h2>
<div class="page__description"> <div class="page__description">
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam nam, ad officiis vitae, architecto incidunt cum optio beatae ab sequi sapiente vero eum molestias odio perspiciatis quisquam accusantium earum repudiandae. <?= $page->chapo() ?>
</p> </p>
</div> </div>
@ -19,249 +18,72 @@
<section id="container-cards"> <section id="container-cards">
<?php foreach ($page->children()->listed() as $investigation): ?>
<article class="card--article"> <article class="card--article">
<?php if ($cover = $investigation->cover()->toFile()): ?>
<figure> <figure>
<img src="/assets/images/Jumaa-visuel-1.png"> <img src="<?= $cover->url() ?>" alt="<?= $investigation->title()->esc() ?>">
</figure> </figure>
<?php endif ?>
<div class="content"> <div class="content">
<h4 class="title"><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank">Lexécution de Nidal et Khaled Amirah à Naplouse</a></h4> <h4 class="title"><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></h4>
<p class="description">À partir dimages exclusives, lanalyse conjointe de BTselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors quils ne présentaient aucun danger.</p> <?php if ($investigation->chapo()->isNotEmpty()): ?>
<p class="description"><?= $investigation->chapo()->excerpt(200) ?></p>
<?php endif ?>
<dl class="dl"> <dl class="dl">
<?php if ($investigation->incidentDate()->isNotEmpty()): ?>
<div class="dl__group"> <div class="dl__group">
<dt>Date de lincident</dt> <dt>Date de l'incident</dt>
<dd><time datetime="2025-06-10">10 juin 2025</time></dd> <dd><time datetime="<?= $investigation->incidentDate()->toDate('Y-m-d') ?>"><?= $investigation->incidentDate()->toDate('d F Y') ?></time></dd>
</div> </div>
<?php endif ?>
<?php if ($partners = $investigation->partners()->toStructure()): ?>
<?php if ($partners->isNotEmpty()): ?>
<div class="dl__group"> <div class="dl__group">
<dt>Partenaire(s)</dt> <dt>Partenaire(s)</dt>
<dd>BTselem</dd> <dd>
<?php $partnerNames = [] ?>
<?php foreach ($partners as $partner): ?>
<?php $partnerNames[] = $partner->name()->value() ?>
<?php endforeach ?>
<?= implode(', ', $partnerNames) ?>
</dd>
</div> </div>
<?php endif ?>
<?php endif ?>
<?php if ($investigation->incidentLocation()->isNotEmpty()): ?>
<div class="dl__group">
<dt>Lieu de l'incident</dt>
<dd><?= $investigation->incidentLocation()->esc() ?></dd>
</div>
<?php endif ?>
<?php if ($keywords = $investigation->keywords()->split()): ?>
<?php if (count($keywords) > 0): ?>
<div class="dl__group dl__group__keywords"> <div class="dl__group dl__group__keywords">
<dt>Mots-clés</dt> <dt>Mots-clés</dt>
<dd> <dd>
<ul class="keywords"> <ul class="keywords">
<li><a href="#" target="_blank">Occupation</a></li> <?php foreach ($keywords as $keyword): ?>
<li><a href="#" target="_blank">Colonialité</a></li> <li><a href="#"><?= esc($keyword) ?></a></li>
<li><a href="#" target="_blank">Forces armées</a></li> <?php endforeach ?>
<li><a href="#" target="_blank">Colonialité</a></li>
</ul>
</dd>
</div>
</dl>
</div>
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
</article>
<article class="card--article">
<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">Lhomicide de Nahel Merzouk</a></h4>
<p class="description">À partir dimages exclusives, lanalyse conjointe de BTselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors quils ne présentaient aucun danger.</p>
<dl class="dl">
<div class="dl__group">
<dt>Date de lincident</dt>
<dd><time datetime="2025-06-10">10 juin 2025</time></dd>
</div>
<div class="dl__group">
<dt>Partenaire(s)</dt>
<dd>BTselem</dd>
</div>
<div class="dl__group">
<dt>Lieu de lincident</dt>
<dd>Naplouse, Cisjordanie occupée, Palestine</dd>
</div>
<div class="dl__group dl__group__keywords">
<dt>Mots-clés</dt>
<dd>
<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> </ul>
</dd> </dd>
</div> </div>
<?php endif ?>
<?php endif ?>
</dl> </dl>
</div> </div>
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a> <a class="link-block" href="<?= $investigation->url() ?>"></a>
</article>
<article class="card--article">
<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">Lexécution de Nidal et Khaled Amirah à Naplouse</a></h4>
<p class="description">À partir dimages exclusives, lanalyse conjointe de BTselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors quils ne présentaient aucun danger.</p>
<dl class="dl">
<div class="dl__group">
<dt>Date de lincident</dt>
<dd><time datetime="2025-06-10">10 juin 2025</time></dd>
</div>
<div class="dl__group">
<dt>Lieu de lincident</dt>
<dd>Naplouse, Cisjordanie occupée, Palestine</dd>
</div>
<div class="dl__group dl__group__keywords">
<dt>Mots-clés</dt>
<dd>
<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>
</dd>
</div>
</dl>
</div>
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
</article>
<article class="card--article">
<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">Lhomicide de Nahel Merzouk</a></h4>
<p class="description">À partir dimages exclusives, lanalyse conjointe de BTselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors quils ne présentaient aucun danger.</p>
<dl class="dl">
<div class="dl__group">
<dt>Date de lincident</dt>
<dd><time datetime="2025-06-10">10 juin 2025</time></dd>
</div>
<div class="dl__group">
<dt>Partenaire(s)</dt>
<dd>BTselem</dd>
</div>
<div class="dl__group dl__group__keywords">
<dt>Mots-clés</dt>
<dd>
<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>
</dd>
</div>
</dl>
</div>
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
</article>
<article class="card--article">
<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">Lexécution de Nidal et Khaled Amirah à Naplouse</a></h4>
<p class="description">À partir dimages exclusives, lanalyse conjointe de BTselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors quils ne présentaient aucun danger.</p>
<dl class="dl">
<div class="dl__group">
<dt>Date de lincident</dt>
<dd><time datetime="2025-06-10">10 juin 2025</time></dd>
</div>
<div class="dl__group">
<dt>Partenaire(s)</dt>
<dd>BTselem</dd>
</div>
<div class="dl__group">
<dt>Lieu de lincident</dt>
<dd>Naplouse, Cisjordanie occupée, Palestine</dd>
</div>
<div class="dl__group dl__group__keywords">
<dt>Mots-clés</dt>
<dd>
<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>
</dd>
</div>
</dl>
</div>
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
</article>
<article class="card--article">
<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">Lhomicide de Nahel Merzouk</a></h4>
<p class="description">À partir dimages exclusives, lanalyse conjointe de BTselem et Index démontre que les deux hommes ont été abattus par des soldats israéliens alors quils ne présentaient aucun danger.</p>
<dl class="dl">
<div class="dl__group">
<dt>Date de lincident</dt>
<dd><time datetime="2025-06-10">10 juin 2025</time></dd>
</div>
<div class="dl__group">
<dt>Partenaire(s)</dt>
<dd>BTselem</dd>
</div>
<div class="dl__group dl__group__keywords">
<dt>Mots-clés</dt>
<dd>
<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>
</dd>
</div>
</dl>
</div>
<a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
</article> </article>
<?php endforeach ?>
</section> </section>