This commit is contained in:
Julie Blanc
parent
1cc63b0725
commit
7fc1794b3d
5 changed files with 104 additions and 139 deletions
|
|
@ -18,6 +18,12 @@ button.sort{
|
|||
|
||||
}
|
||||
|
||||
@media #{$x-small}{
|
||||
font-size: var(--fs-xsmall);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
&[data-sort-type="up"]{
|
||||
|
|
|
|||
|
|
@ -594,6 +594,11 @@ button.sort .arrow svg {
|
|||
width: 100%;
|
||||
fill: var(--color-txt);
|
||||
}
|
||||
@media screen and (max-width: 560px) {
|
||||
button.sort {
|
||||
font-size: var(--fs-xsmall);
|
||||
}
|
||||
}
|
||||
button.sort[data-sort-type=up] .arrow {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -109,11 +109,6 @@
|
|||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="section--home" id="home__impacts">
|
||||
<div class="section--inner">
|
||||
|
||||
|
|
@ -133,163 +128,122 @@
|
|||
</button>
|
||||
</div>
|
||||
|
||||
<div class="col-right">
|
||||
<div class="col-right grid-masonry">
|
||||
|
||||
<!-- Contenu statique temporaire -->
|
||||
<div class="card--impact" data-impact-type="media">
|
||||
<div class="card--impact__inner">
|
||||
<p class="tag">Médiatique</p>
|
||||
|
||||
<?php snippet('card-open-graph') ?>
|
||||
<ul class="investigations">
|
||||
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'exécution de Nidal et Khaled 'Amirah à Naplouse</a></li>
|
||||
<li><a href="/enquetes/l-homicide-de-nahel-merzouk"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L’homicide de Nahel Merzouk</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="keywords-wrapper">
|
||||
<ul class="keywords">
|
||||
<li><a href="#keyword" target="_blank">Occupation</a></li>
|
||||
<li><a href="#keyword" target="_blank">Colonialité</a></li>
|
||||
<li><a href="#keyword" target="_blank">Forces armées</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-sizer"></div>
|
||||
|
||||
<!-- Contenu statique temporaire -->
|
||||
|
||||
<div class="card--impact has-link" data-impact-type="judiciaire">
|
||||
<div class="card--impact__inner">
|
||||
<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>
|
||||
|
||||
<ul class="investigations">
|
||||
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'exécution de Nidal et Khaled 'Amirah à Naplouse</a></li>
|
||||
<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>
|
||||
|
||||
<div class="keywords-wrapper">
|
||||
<ul class="keywords">
|
||||
<li><a href="#keyword" target="_blank">Occupation</a></li>
|
||||
<li><a href="#keyword" target="_blank">Colonialité</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
|
||||
<a class="link-block" href="#" target="_blank"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card--impact has-link" data-impact-type="judiciaire">
|
||||
<div class="card--impact__inner">
|
||||
<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>
|
||||
<p class="date">24 janvier 2026</p>
|
||||
<ul class="investigations">
|
||||
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'exécution de Nidal et Khaled 'Amirah à Naplouse</a></li>
|
||||
<li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">L'homicide de Renée Goof</a></li>
|
||||
</ul>
|
||||
<div class="keywords-wrapper">
|
||||
<ul class="keywords">
|
||||
<li><a href="#keyword" target="_blank">Occupation</a></li>
|
||||
<li><a href="#keyword" target="_blank">Colonialité</a></li>
|
||||
<li><a href="#keyword" target="_blank">Forces armées</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
|
||||
<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><!-- col-right -->
|
||||
|
||||
<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>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="section--home" id="home__folders">
|
||||
<div class="section--inner">
|
||||
|
||||
<div class="col-left">
|
||||
<?php $foldersPage = site()->find('dossiers'); ?>
|
||||
<h2 class="title-section"><?= $foldersPage ? $foldersPage->title() : 'Dossiers' ?></h2>
|
||||
<?php if ($foldersPage && $foldersPage->chapo()->isNotEmpty()): ?>
|
||||
<p class="description-section">
|
||||
<?= $foldersPage->chapo() ?>
|
||||
</p>
|
||||
<?php endif ?>
|
||||
<button class="btn--home">
|
||||
<a href="/dossiers">
|
||||
<span class="text">Voir les dossiers</span>
|
||||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||||
</a>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="col-right">
|
||||
|
||||
<?php
|
||||
$latestFolders = site()->find('dossiers') ? site()->find('dossiers')->children()->listed()->sortBy('created', 'desc')->limit(2) : [];
|
||||
if (count($latestFolders) > 0):
|
||||
foreach ($latestFolders as $folder):
|
||||
?>
|
||||
<article class="card--folder">
|
||||
|
||||
<?php if ($cover = $folder->cover()->toFile()): ?>
|
||||
<figure>
|
||||
<img src="<?= $cover->url() ?>" alt="<?= $folder->title()->esc() ?>">
|
||||
</figure>
|
||||
<?php endif ?>
|
||||
|
||||
<div class="content">
|
||||
<h4 class="title"><a href="<?= $folder->url() ?>"><span class="icon"><?= svg('assets/icons/folder.svg') ?></span><?= $folder->title()->esc() ?></a></h4>
|
||||
|
||||
<?php if ($folder->description()->isNotEmpty()): ?>
|
||||
<p class="short"><?= $folder->description()->excerpt(200) ?></p>
|
||||
<?php endif ?>
|
||||
|
||||
<?php
|
||||
// Compter les enquêtes associées à ce dossier
|
||||
$investigationsCount = site()->find('enquetes')->children()->listed()->filter(function($investigation) use ($folder) {
|
||||
return $investigation->folder()->value() === $folder->slug();
|
||||
})->count();
|
||||
?>
|
||||
|
||||
<ul>
|
||||
<?php if ($investigationsCount > 0): ?>
|
||||
<li><?= $investigationsCount ?> enquête<?= $investigationsCount > 1 ? 's' : '' ?></li>
|
||||
<?php endif ?>
|
||||
<li>8 impacts</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<button class="btn--go-to"><a href="<?= $folder->url() ?>" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
|
||||
<a class="link-block" href="<?= $folder->url() ?>"></a>
|
||||
</article>
|
||||
<?php endforeach ?>
|
||||
<?php endif ?>
|
||||
|
||||
</div> <!-- col-right -->
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
<?php snippet('footer') ?>
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
|
||||
<div class="page__content grid-masonry">
|
||||
|
||||
<div class="grid-sizer"></div>
|
||||
<div class="grid-sizer"></div>
|
||||
|
||||
<!-- Contenu statique temporaire -->
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue