arrow go-to

site/snippets/nav.php

@@ -13,6 +13,7 @@ de la vérité et de la justice.</p>
         <li class="soutenir highlight"><a href="#">Soutenez-nous</a></li>
         <li class="highlight"><a href="/enquetes">Enquêtes</a></li>
         <li class="highlight"><a href="#">Impact</a></li>
+        <li><a href="/dossiers">Dossiers</a></li>
         <li><a href="#">Contact</a></li>
         <li><a href="#">À propos</a></li>
         <li><a href="#">Ressources</a></li>

site/templates/folders.php

@@ -0,0 +1,37 @@
+<?php snippet('header') ?>
+<main>
+
+<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>
+    <div class="dropdown">
+        <button class="dropdown__trigger sort btn--small no-link"><span class="icon"><?= svg('assets/icons/filter.svg') ?></span><p>Lieux</p></button>
+        <div class="dropdown__content">
+            <ul>
+                <li><button type="button" data-filter="france">France</button></li>
+                <li><button type="button" data-filter="cisjordanie">Cisjordanie</button></li>
+                <li><button type="button" data-filter="etats-unis">États-Unis</button></li>
+                <li><button type="button" data-filter="gaza">Gaza</button></li>
+            </ul>
+        </div>
+    </div>
+</div>
+
+<section id="container-cards">
+
+
+
+</section>
+</main>
+<?php snippet('footer') ?>

site/templates/investigation-summary.php

@@ -31,9 +31,10 @@ $report = $page->children()->filterBy('intendedTemplate', 'report')->first();
 <div class="panel-left" id="banner--page">
     <nav id="nav--page">
         <ul>
-            <li><a href="#section__short">Vidéo</a></li>
+            <li><a href="#">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__folder">Dossier</a></li>  
             <li><a href="#section__related-articles">En lien</a></li>
         </ul>
     </nav>
@@ -285,37 +286,33 @@ if ($relatedInvestigations->isEmpty()) {
 
 
 <?php
-// KIRBY TO DO : récupérer s’il y a un dossier mettre les articles en lien dans ce dossier
+// KIRBY TO DO : récupérer s’il y a un dossier mr
 ?>
 
 <aside class="section__article" id="section__folder">
-    <h3 class="section__title">Dans le dossier «&nbsp;<span>Refus d’optempérer</span>&nbsp;»</h3>
+    <h3 class="section__title">Dans le dossier</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() ?>">
+    <article class="card--folder">
+         <figure>
+            <img src="/media/pages/enquetes/l-homicide-de-nahel-merzouk/fe521629d6-1768297341/nahel-visuel1.png">
         </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 ?>
+                 <h4 class="title"><a href="#">Refus d’optempérer</a></h4>
+
+                 <p class="short">
+                    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam dolorum inventore itaque excepturi veritatis asperiores? Aliquid officiis reprehenderit sunt fugit dicta repudiandae dolores natus, doloremque illum, nesciunt, exercitationem vitae labore.
+                 </p>
+
+                 <ul>
+                    <li>4 enquêtes</li>
+                    <li>8 impacts</li>
+                </ul>
+                
         </div>
-        <a class="link-block" href="<?= $related->url() ?>"></a>
+        <button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
+        <a class="link-block" href="#" target="_blank" aria-hidden="true"></a>
+
     </article>
-    <?php endforeach ?>
 
 </aside>
 
@@ -349,7 +346,8 @@ if ($relatedInvestigations->isEmpty()) {
             <?php endif ?>
             <?php endif ?>
         </div>
-        <a class="link-block" href="<?= $related->url() ?>"></a>
+        <button class="btn--go-to"><a href="<?= $related->url() ?>" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
+        <a class="link-block" href="<?= $related->url() ?>" target="_blank" aria-hidden="true"></a>
     </article>
     <?php endforeach ?>