284 lines
No EOL
9.9 KiB
PHP
284 lines
No EOL
9.9 KiB
PHP
<?php snippet('header') ?>
|
||
<main>
|
||
|
||
|
||
|
||
<section class="section--home" id="home__investigations">
|
||
<div class="section--inner">
|
||
|
||
<div class="col-left">
|
||
<p class="baseline-section"><?= $page->mainBaseline() ?></p>
|
||
<button class="btn--bold-inline">
|
||
<a href="#">
|
||
<span class="text">En savoir plus</span>
|
||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||
</a>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="col-right">
|
||
|
||
<?php
|
||
$enquetesPage = page('enquetes');
|
||
$superPin = $enquetesPage->superPinnedInvestigation()->toPage();
|
||
$pinned = $enquetesPage->pinnedInvestigations()->toPages();
|
||
if ($superPin) $pinned = $pinned->not($superPin);
|
||
|
||
$list = [];
|
||
$shownIds = [];
|
||
|
||
if ($superPin) {
|
||
$list[] = ['page' => $superPin, 'type' => 'super'];
|
||
$shownIds[] = $superPin->id();
|
||
}
|
||
|
||
foreach ($pinned as $p) {
|
||
if (count($list) >= 5) break;
|
||
$list[] = ['page' => $p, 'type' => 'pinned'];
|
||
$shownIds[] = $p->id();
|
||
}
|
||
|
||
if (count($list) < 5) {
|
||
$latest = $enquetesPage->children()->listed()->sortBy('created', 'desc')
|
||
->filter(fn($p) => !in_array($p->id(), $shownIds))
|
||
->limit(5 - count($list));
|
||
foreach ($latest as $p) {
|
||
$list[] = ['page' => $p, 'type' => 'latest'];
|
||
}
|
||
}
|
||
?>
|
||
|
||
<?php foreach ($list as $item):
|
||
$investigation = $item['page'];
|
||
$type = $item['type'];
|
||
$cover = $investigation->cover()->toFile();
|
||
?>
|
||
<article class="card--article<?= $type === 'super' ? ' pinned-home' : ($type === 'pinned' ? ' pinned' : '') ?>">
|
||
|
||
<?php if ($type === 'super' && ($videoPreview = $investigation->videoPreview()->toFile())): ?>
|
||
<div class="video-extract">
|
||
<video class="vjs-tech" id="player-element_html5_api" tabindex="-1" loop="" muted="muted" playsinline="playsinline" autoplay="" src="<?= $videoPreview->url() ?>"></video>
|
||
</div>
|
||
<?php elseif ($cover): ?>
|
||
<figure>
|
||
<img src="<?= $cover->url() ?>" alt="<?= $investigation->title()->esc() ?>">
|
||
</figure>
|
||
<?php endif ?>
|
||
|
||
<?php if ($type === 'pinned'): ?>
|
||
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
|
||
<?php endif ?>
|
||
|
||
<h4 class="title"><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></h4>
|
||
|
||
<?php if ($investigation->chapo()->isNotEmpty()): ?>
|
||
<p class="description"><?= $investigation->chapo()->excerpt(200) ?></p>
|
||
<?php endif ?>
|
||
|
||
<dl class="dl">
|
||
<?php if ($investigation->incidentDate()->isNotEmpty()): ?>
|
||
<div class="dl__group">
|
||
<dt>Date de l'incident</dt>
|
||
<dd><time datetime="<?= $investigation->incidentDate()->toDate('yyyy-MM-dd') ?>"><?= $investigation->incidentDate()->toDate('d MMMM yyyy', 'fr_FR') ?></time></dd>
|
||
</div>
|
||
<?php endif ?>
|
||
|
||
<?php if ($partners = $investigation->partners()->toStructure()): ?>
|
||
<?php if ($partners->isNotEmpty()): ?>
|
||
<div class="dl__group">
|
||
<dt>Partenaire(s)</dt>
|
||
<dd>
|
||
<?php $partnerNames = [] ?>
|
||
<?php foreach ($partners as $partner): ?>
|
||
<?php $partnerNames[] = $partner->name()->value() ?>
|
||
<?php endforeach ?>
|
||
<?= implode(', ', $partnerNames) ?>
|
||
</dd>
|
||
</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 ?>
|
||
</dl>
|
||
|
||
<?php if ($keywords = $investigation->keywords()->split()): ?>
|
||
<div class="keywords-wrapper">
|
||
<ul class="keywords">
|
||
<?php foreach ($keywords as $keyword): ?>
|
||
<li><a href="#keyword" target="_blank"><?= esc($keyword) ?></a></li>
|
||
<?php endforeach ?>
|
||
</ul>
|
||
</div>
|
||
<?php endif ?>
|
||
|
||
<a class="link-block" href="<?= $investigation->url() ?>"></a>
|
||
</article>
|
||
<?php endforeach ?>
|
||
|
||
|
||
|
||
|
||
<div class="see-more">
|
||
<button class="btn--bold-inline">
|
||
<a href="/enquetes">
|
||
<span class="text">Voir toutes les enquêtes</span>
|
||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||
</a>
|
||
</button>
|
||
</div>
|
||
|
||
</div> <!-- col-right-->
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section class="section--home" id="home__impacts">
|
||
<div class="section--inner">
|
||
|
||
<div class="col-left">
|
||
|
||
<p class="baseline-section"><?= $page->impactsBaseline() ?></p>
|
||
|
||
|
||
<button class="btn--bold-inline">
|
||
<a href="/impacts">
|
||
<span class="text">En savoir plus</span>
|
||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||
</a>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="col-right">
|
||
|
||
<div class="grid-masonry">
|
||
|
||
<div class="grid-sizer"></div>
|
||
|
||
<!-- Contenu statique temporaire -->
|
||
|
||
<div class="card--impact has-link" data-impact-type="judiciaire">
|
||
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
|
||
<h3 class="title">L’analyse d’INdex fait l’objet d’un reportage par CNN</h3>
|
||
<ul class="keywords">
|
||
<li class="tag">Judiciaire</li>
|
||
<li><a href="#keyword" target="_blank">Reportage</a></li>
|
||
<li><a href="#keyword" target="_blank">Monde</a></li>
|
||
</ul>
|
||
<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--impact has-link" data-impact-type="judiciaire">
|
||
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
|
||
<h3 class="title">Ouverture d’une information judiciaire</h3>
|
||
|
||
<ul class="keywords">
|
||
<li class="tag">Judiciaire</li>
|
||
<li><a href="#keyword" target="_blank">Refus d’obtempérer</a></li>
|
||
<li><a href="#keyword" target="_blank">Homicide</a></li>
|
||
</ul>
|
||
|
||
<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--impact has-link" data-impact-type="judiciaire">
|
||
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
|
||
<figure><img src="/assets/images/SequenceOrbit_Finale_1245.png"></figure>
|
||
<h3 class="title">LA RECONSTITUTION D’INDEX PROJETÉE EN AUDIENCE AU TRIBUNAL DE BOBIGNY</h3>
|
||
<ul class="keywords">
|
||
<li class="tag">Judiciaire</li>
|
||
<li><a href="#keyword" target="_blank">restitution</a></li>
|
||
</ul>
|
||
<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--impact has-link" data-impact-type="judiciaire">
|
||
<h3 class="title">INDEX DANS L’ÉMISSION “LE DESSOUS DES IMAGES” (ARTE)</h3>
|
||
<ul class="keywords">
|
||
<li class="tag">Médiathique</li>
|
||
<li><a href="#keyword" target="_blank">Reportage</a></li>
|
||
<li><a href="#keyword" target="_blank">Arte</a></li>
|
||
</ul>
|
||
<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--impact has-link" data-impact-type="judiciaire">
|
||
<h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
|
||
<ul class="keywords">
|
||
<li class="tag">Public</li>
|
||
</ul>
|
||
<p class="date">24 janvier 2026</p>
|
||
<a class="link-block" href="#" target="_blank"></a>
|
||
</div>
|
||
|
||
<div class="card--impact" data-impact-type="media">
|
||
<h3 class="title">Index dans le Monde</h3>
|
||
<p class="tag">Médiatique</p>
|
||
<p class="date">24 janvier 2026</p>
|
||
<?php snippet('card-open-graph') ?>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="card--impact has-link" data-impact-type="judiciaire">
|
||
<figure><img src="/assets/images/eclairages.png"></figure>
|
||
<h3 class="title">“CONTRE-ENQUÊTES NUMÉRIQUES” : CONFÉRENCE À L’ENSAD (PARIS)</h3>
|
||
<ul class="keywords">
|
||
<li class="tag">Public</li>
|
||
</ul>
|
||
<p class="date">24 janvier 2026</p>
|
||
<a class="link-block" href="#" target="_blank"></a>
|
||
</div>
|
||
|
||
</div> <!-- end masonry -->
|
||
|
||
<div class="see-more">
|
||
<button class="btn--bold-inline">
|
||
<a href="/impacts">
|
||
<span class="text">Voir tout</span>
|
||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||
</a>
|
||
</button>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</main>
|
||
<?php snippet('footer') ?>
|