studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

dynamic home
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-26 15:03:52 +01:00
parent 6cd89d11fb
commit 7fc8ab6c5a
5 changed files with 38 additions and 131 deletions
Download patch file Download diff file Expand all files Collapse all files

24
assets/css/components/_card-block.scss
View file

@ -24,28 +24,7 @@
gap: calc(var(--padding-inner)*0.5);
}
.type{
height: calc(var(--h-block)*0.75);
border-radius: var(--radius-small);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 1ch;
padding-top: 3px;
font-size: var(--fs-xsmall);
line-height: 1;
font-weight: 500;
color: var(--color-txt-light);
border: 1px solid var(--color-txt-light);
overflow: hidden;
white-space: nowrap;
}
.title{
font-size: var(--fs-normal);
@ -59,7 +38,6 @@
.date{
font-size: var(--fs-small);
// margin-top: calc(var(--spacing)*1.5);
}
.investigations{

18
assets/css/style.css
View file

@ -1960,22 +1960,6 @@ figcaption, .caption {
display: flex;
gap: calc(var(--padding-inner) * 0.5);
}
.card--block .type {
height: calc(var(--h-block) * 0.75);
border-radius: var(--radius-small);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 1ch;
padding-top: 3px;
font-size: var(--fs-xsmall);
line-height: 1;
font-weight: 500;
color: var(--color-txt-light);
border: 1px solid var(--color-txt-light);
overflow: hidden;
white-space: nowrap;
}
.card--block .title {
font-size: var(--fs-normal);
font-weight: 500;
@ -3106,7 +3090,7 @@ main .page__header ul.details li:hover {
.section--home .col-left {
align-self: start;
position: sticky;
top: calc(var(--header-h) + var(--spacing) * 4);
top: calc(var(--header-h) + var(--spacing) * 1.5);
}
.section--home .col-right {
width: 100%;

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

2
assets/css/template/_home.scss
View file

@ -56,7 +56,7 @@
.col-left {
align-self: start;
position: sticky;
top: calc(var(--header-h) + var(--spacing)*4);
top: calc(var(--header-h) + var(--spacing)*1.5);
}

123
site/templates/home.php
View file

@ -163,99 +163,44 @@
<div class="grid-sizer"></div>
<!-- Contenu statique temporaire -->
<?php
$impactsPage = page('impacts');
foreach ($impactsPage->children()->listed()->sortBy('created', 'desc')->limit(8) as $impact):
$categories = $impact->category()->split();
$category = $categories[0] ?? '';
$cover = $impact->cover()->toFile();
$investigations = $impact->linkedInvestigations()->toPages();
?>
<div class="card--block has-link">
<div class="card--block 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>
<?php if ($cover): ?>
<figure><?php snippet('picture', ['file' => $cover]) ?></figure>
<?php endif ?>
<div class="group-top">
<p class="type">Impact</p>
<?php if ($category): ?>
<p class="category"><?= esc($category) ?></p>
<?php endif ?>
</div>
<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="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--block 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--block 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--block 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--block" 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--block 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>
<?php endforeach ?>
</div> <!-- end masonry -->