177 lines
No EOL
4.9 KiB
PHP
177 lines
No EOL
4.9 KiB
PHP
<?php snippet('header') ?>
|
||
<main>
|
||
|
||
<section class="section--home" id="home__description">
|
||
<div class="section--inner">
|
||
<p>Index est une ONG d’investigation numérique, au service du public, de la vérité et de la justice.</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>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section class="section--home" id="home__investigations">
|
||
<div class="section--inner">
|
||
|
||
<div class="col-left">
|
||
<h2 class="title-section">Enquêtes</h2>
|
||
<p class="description">
|
||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum quasi cupiditate iste odio adipisci quae, doloribus quas facilis eaque id labore nam, illum animi. Eaque iusto beatae error consequatur totam.
|
||
</p>
|
||
<button class="btn--bold-inline">
|
||
<a href="/enquetes">
|
||
<span class="text">Voir les enquêtes</span>
|
||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||
</a>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="col-right">
|
||
|
||
|
||
|
||
<?php
|
||
$latestInvestigations = site()->find('enquetes')->children()->listed()->sortBy('created', 'desc')->limit(3);
|
||
foreach ($latestInvestigations as $investigation):
|
||
?>
|
||
<article class="card--article">
|
||
|
||
<?php if ($cover = $investigation->cover()->toFile()): ?>
|
||
<figure>
|
||
<img src="<?= $cover->url() ?>" alt="<?= $investigation->title()->esc() ?>">
|
||
</figure>
|
||
<?php endif ?>
|
||
|
||
<div class="content">
|
||
|
||
<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>
|
||
|
||
</div>
|
||
|
||
<?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 ?>
|
||
|
||
<?php if ($investigation->pinned()->toBool()): ?>
|
||
<div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
|
||
<?php endif ?>
|
||
|
||
<a class="link-block" href="<?= $investigation->url() ?>"></a>
|
||
</article>
|
||
<?php endforeach ?>
|
||
|
||
|
||
|
||
</div> <!-- col-right-->
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<section class="section--home" id="home__impacts">
|
||
<div class="section--inner">
|
||
|
||
<div class="col-left">
|
||
<h2 class="title-section">Impacts</h2>
|
||
<p class="description">
|
||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum quasi cupiditate iste odio adipisci quae, doloribus quas facilis eaque id labore nam, illum animi. Eaque iusto beatae error consequatur totam.
|
||
</p>
|
||
<button class="btn--bold-inline">
|
||
<a href="#">
|
||
<span class="text">Voir les impacts</span>
|
||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||
</a>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="col-right">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section--home" id="home__folders">
|
||
<div class="section--inner">
|
||
|
||
<div class="col-left">
|
||
<h2 class="title-section">Dossiers</h2>
|
||
<p class="description">
|
||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Earum quasi cupiditate iste odio adipisci quae, doloribus quas facilis eaque id labore nam, illum animi. Eaque iusto beatae error consequatur totam.
|
||
</p>
|
||
<button class="btn--bold-inline">
|
||
<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">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
<?php snippet('footer') ?>
|