style pages investigations + investigation summary

site/templates/investigations.php

@@ -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') ?>