style pages investigations + investigation summary
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
This commit is contained in:
Julie Blanc
parent
84f67c88cc
commit
05e49af352
24 changed files with 494 additions and 871 deletions
1
site/snippets/back-to-top.php
Normal file
1
site/snippets/back-to-top.php
Normal file
|
|
@ -0,0 +1 @@
|
|||
<button class="btn--small btn--back-to-top"><a href="#">Revenir en haut <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span></a></button>
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
<?php snippet('back-to-top') ?>
|
||||
</main>
|
||||
<footer id="site-footer">
|
||||
<div class="site-footer__container">
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<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 btn--light">
|
||||
<button class="btn--bold-inline">
|
||||
<a href="#">
|
||||
<span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
|
||||
<span class="text">En savoir plus</span>
|
||||
|
|
|
|||
|
|
@ -5,6 +5,42 @@
|
|||
$report = $page->children()->filterBy('intendedTemplate', 'report')->first();
|
||||
?>
|
||||
|
||||
|
||||
|
||||
<div id="banner--page">
|
||||
<nav id="nav--page">
|
||||
<ul>
|
||||
<li><a href="#section__short">Vidéo</a></li>
|
||||
<li><a href="#section__synthese">Synthèse</a></li>
|
||||
<li><a href="#section__impacts">Impacts</a></li>
|
||||
<li><a href="#section__related-articles">En lien</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="btn--group">
|
||||
<?php if ($report): ?>
|
||||
<button class="btn--bold"><a href="<?= $report->url() ?>">Lire le rapport</a></button>
|
||||
<?php endif ?>
|
||||
<label for="share-banner__desktop" class="btn--bold-inline no-link">Partager</label>
|
||||
</div>
|
||||
|
||||
<input type="checkbox" id="share-banner__desktop">
|
||||
<?php snippet('modal-share') ?>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<header>
|
||||
<p class="tag-inline">Enquête</p>
|
||||
<h2 class="page-title"><?= $page->title()->esc() ?></h2>
|
||||
<p class="date-publish"></p>
|
||||
|
||||
<?php if ($page->chapo()->isNotEmpty()): ?>
|
||||
<p class="description"><?= $page->chapo()->inline() ?></p>
|
||||
<?php endif ?>
|
||||
</header>
|
||||
|
||||
<?php if ($page->heroType()->value() == 'image'): ?>
|
||||
<?php if ($heroImage = $page->heroImages()->toFile()): ?>
|
||||
<!-- HERO IMAGE SIMPLE -->
|
||||
|
|
@ -45,9 +81,6 @@ $report = $page->children()->filterBy('intendedTemplate', 'report')->first();
|
|||
<?php elseif ($page->heroType()->value() == 'video'): ?>
|
||||
<!-- HERO VIDEO -->
|
||||
<div id="hero" class="hero-video">
|
||||
|
||||
<p class="page-title-small"><?= $page->title()->esc() ?></p>
|
||||
|
||||
<div class="player-container">
|
||||
|
||||
<?php if ($page->videoExtractUrl()->isNotEmpty()): ?>
|
||||
|
|
@ -66,37 +99,10 @@ $report = $page->children()->filterBy('intendedTemplate', 'report')->first();
|
|||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
<header>
|
||||
<p class="tag-inline">Enquête</p>
|
||||
<h2 class="page-title"><?= $page->title()->esc() ?></h2>
|
||||
<p class="date-publish"></p>
|
||||
</header>
|
||||
|
||||
<div id="banner--page">
|
||||
<nav id="nav--page">
|
||||
<ul>
|
||||
<li><a href="#section__short">Vidéo</a></li>
|
||||
<li><a href="#section__synthese">Synthèse</a></li>
|
||||
<li><a href="#section__impacts">Impacts</a></li>
|
||||
<li><a href="#section__en-lien">En lien</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="btn--group">
|
||||
<?php if ($report): ?>
|
||||
<button class="btn--bold"><a href="<?= $report->url() ?>">Lire le rapport</a></button>
|
||||
<?php endif ?>
|
||||
<label for="share-banner__desktop" class="btn--bold-inline no-link">Partager</label>
|
||||
</div>
|
||||
|
||||
<input type="checkbox" id="share-banner__desktop">
|
||||
<?php snippet('modal-share') ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php if ($page->chapo()->isNotEmpty()): ?>
|
||||
<p class="section__article" id="section__short"><?= $page->chapo()->inline() ?></p>
|
||||
<?php endif ?>
|
||||
|
||||
<dl class="section__article" id="section__dl">
|
||||
<?php if ($page->incidentDate()->isNotEmpty()): ?>
|
||||
|
|
@ -240,6 +246,7 @@ $report = $page->children()->filterBy('intendedTemplate', 'report')->first();
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php
|
||||
// Récupérer les enquêtes en lien
|
||||
$relatedInvestigations = $page->relatedInvestigations()->toPages();
|
||||
|
|
@ -249,8 +256,48 @@ if ($relatedInvestigations->isEmpty()) {
|
|||
}
|
||||
?>
|
||||
|
||||
|
||||
<?php
|
||||
// KIRBY TO DO : récupérer s’il y a un dossier mettre les articles en lien dans ce dossier
|
||||
?>
|
||||
|
||||
<aside class="section__article" id="section__folder">
|
||||
<h3 class="section__title">Dans le dossier « <span>Refus d’optempérer</span> »</h3>
|
||||
|
||||
<?php foreach ($relatedInvestigations as $related): ?>
|
||||
<article class="card--article-small">
|
||||
<?php if ($cover = $related->cover()->toFile()): ?>
|
||||
<figure>
|
||||
<img src="<?= $cover->url() ?>" alt="<?= $related->title()->esc() ?>">
|
||||
</figure>
|
||||
<?php endif ?>
|
||||
<div class="content">
|
||||
<h4 class="title"><a href="<?= $related->url() ?>"><?= $related->title()->esc() ?></a></h4>
|
||||
<?php if ($related->incidentDate()->isNotEmpty()): ?>
|
||||
<time datetime="<?= $related->incidentDate()->toDate('yyyy-MM-dd') ?>"><?= $related->incidentDate()->toDate('d MMMM yyyy', 'fr_FR') ?></time>
|
||||
<?php endif ?>
|
||||
<?php if ($relatedKeywords = $related->keywords()->split()): ?>
|
||||
<?php if (count($relatedKeywords) > 0): ?>
|
||||
<ul class="keywords--small">
|
||||
<?php foreach ($relatedKeywords as $keyword): ?>
|
||||
<li><a href="#"><?= esc($keyword) ?></a></li>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
<a class="link-block" href="<?= $related->url() ?>"></a>
|
||||
</article>
|
||||
<?php endforeach ?>
|
||||
|
||||
</aside>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<?php if ($relatedInvestigations->isNotEmpty()): ?>
|
||||
<aside class="section__article" id="section__en-lien">
|
||||
<aside class="section__article" id="section__related-articles">
|
||||
<h3 class="section__title">En lien</h3>
|
||||
|
||||
<?php foreach ($relatedInvestigations as $related): ?>
|
||||
|
|
@ -267,7 +314,7 @@ if ($relatedInvestigations->isEmpty()) {
|
|||
<?php endif ?>
|
||||
<?php if ($relatedKeywords = $related->keywords()->split()): ?>
|
||||
<?php if (count($relatedKeywords) > 0): ?>
|
||||
<ul class="keywords">
|
||||
<ul class="keywords--small">
|
||||
<?php foreach ($relatedKeywords as $keyword): ?>
|
||||
<li><a href="#"><?= esc($keyword) ?></a></li>
|
||||
<?php endforeach ?>
|
||||
|
|
@ -282,4 +329,5 @@ if ($relatedInvestigations->isEmpty()) {
|
|||
</aside>
|
||||
<?php endif ?>
|
||||
|
||||
|
||||
<?php snippet('footer') ?>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,17 @@
|
|||
<?php snippet('header') ?>
|
||||
|
||||
<h2 class="page__title"><?= $page->title() ?></h2>
|
||||
|
||||
<div class="page__description">
|
||||
<p>
|
||||
<?= $page->chapo() ?>
|
||||
</p>
|
||||
</div>
|
||||
<header class="page__header">
|
||||
<h2 class="page__title"><?= $page->title() ?></h2>
|
||||
|
||||
<div class="page__description">
|
||||
<p>
|
||||
<?= $page->chapo() ?>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto dignissimos, sit dolorum minima vel illo aliquam veniam eos assumenda cum quaerat error consequuntur laborum ipsum.
|
||||
</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="page__sort">
|
||||
<button class="sort btn--small no-link" data-sort-type="down"><p>Trier par date</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
|
||||
|
|
@ -21,7 +26,6 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<button class="sort btn--small no-link" ><span class="icon"><?= svg('assets/icons/filter.svg') ?></span><p>Mots-clés</p></button>
|
||||
</div>
|
||||
|
||||
<section id="container-cards">
|
||||
|
|
@ -77,22 +81,28 @@
|
|||
<div class="dl__group dl__group__keywords">
|
||||
<dt>Mots-clés</dt>
|
||||
<dd>
|
||||
<ul class="keywords">
|
||||
<?php foreach ($keywords as $keyword): ?>
|
||||
<li><a href="#"><?= esc($keyword) ?></a></li>
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
<?php endif ?>
|
||||
<?php endif ?>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<a class="link-block" href="<?= $investigation->url() ?>"></a>
|
||||
</article>
|
||||
<?php endforeach ?>
|
||||
|
||||
</section>
|
||||
|
||||
<?php snippet('footer') ?>
|
||||
<?php snippet('footer') ?>
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@
|
|||
|
||||
|
||||
<div class="dropdown dropdown--position-right">
|
||||
<button class="dropdown__trigger btn--bold-inline btn--light no-link">
|
||||
<button class="dropdown__trigger btn--bold-inline no-link">
|
||||
<span class="icon"><?= svg('assets/icons/share.svg') ?></span>
|
||||
<span class="text">Partager</span>
|
||||
</button>
|
||||
|
|
@ -92,14 +92,14 @@
|
|||
|
||||
|
||||
<div class="btn--group">
|
||||
<button class="btn--bold-inline btn--light">
|
||||
<button class="btn--bold-inline">
|
||||
<a href="#">
|
||||
<span class="icon"><?= svg('assets/icons/pdf.svg') ?></span>
|
||||
<span class="text">Télégarcher le PDF</span>
|
||||
</a>
|
||||
</button>
|
||||
|
||||
<button class="btn--bold-inline btn--light">
|
||||
<button class="btn--bold-inline">
|
||||
<a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse">
|
||||
<span class="icon"><?= svg('assets/icons/play.svg') ?></span>
|
||||
<span class="text">Voir la synthèse</span>
|
||||
|
|
@ -108,7 +108,7 @@
|
|||
|
||||
|
||||
<div class="dropdown">
|
||||
<button class="dropdown__trigger btn--bold-inline btn--light no-link">
|
||||
<button class="dropdown__trigger btn--bold-inline no-link">
|
||||
<span class="icon"><?= svg('assets/icons/share.svg') ?></span>
|
||||
<span class="text">Partager</span>
|
||||
</button>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue