merge

site/templates/home.php

@@ -1,10 +1,29 @@
 <?php snippet('header') ?>
 <main>
-  <p>
-    L’objet central de notre action est de concourir à la manifestation de la vérité dans des affaires où celle-ci est entravée par des intérêts de pouvoir.
-    Nos enquêtes portent principalement principalement sur les cas de violences policières, en France comme à l'international, ainsi que sur les violations des droits humains au sens large. Nous intervenons également dans les situations où nos techniques d'investigation numérique peuvent permettre d'établir les faits autour d'une controverse d'intérêt public, qu'elle soit historique ou contemporaine.
-    Notre champ d’action est avant tout public. Nos enquêtes et rapports d’expertise sont souvent publiés en partenariat avec d'autres médias d'information et sont régulièrement utilisés dans les procédures judiciaires sur les affaires concernées, contribuant ainsi à l'établissement des faits.
-    Nous œuvrons également à la diffusion des techniques et des méthodes de l’investigation en sources ouvertes (OSINT) au sein de la société civile. Dans le cadre de notre programme de formation, nous animons des ateliers avec des collectifs citoyens, des ONG, des universités et le grand public. Enfin, nous intervenons régulièrement dans la sphère publique pour présenter nos travaux et notre approche.
-  </p>
+
+<section class="section--home" id="home__description">
+  <div class="section--inner">
+  <p>Index est une ONG d’investigation numérique, au&nbsp;service du public, de la vérité et de la justice.</p>
+
+  <button class="btn--bold-inline btn--light">
+                <a href="#">
+                <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
+                <span class="text">En savoir plus</span>
+                </a>
+            </button>
+
+  </div>
+</section>
+
+<section class="section--home" id="home__investigations">
+  <div class="section--inner">
+    <h2 class="title-section">Dernières Enquêtes</h2>
+  
+    <section class="container-cards">
+  </section>
+
+  </div>
+</section>
+
 </main>
 <?php snippet('footer') ?>

site/templates/report.php

@@ -40,12 +40,22 @@
 
     </div>
 
-    <button id="download-pdf" class="btn--bold">
-                <a href="#">
-                <span class="icon"><?= svg('assets/icons/pdf.svg') ?></span>
-                <span class="text">Télégarcher le&nbsp;PDF</span>
-                </a>
-            </button>
+    <div class="btn--group">
+        <button id="download-pdf" class="btn--bold">
+            <a href="#">
+            <span class="icon"><?= svg('assets/icons/pdf.svg') ?></span>
+            <span class="text">Télégarcher le&nbsp;PDF</span>
+            </a>
+        </button>
+        <label for="share-banner__aside" class="btn--bold-inline btn--light no-link">
+            <span class="icon"><?= svg('assets/icons/share.svg') ?></span>
+            <span class="text">Partager</span>
+        </label>
+
+    </div>
+
+    <input type="checkbox" id="share-banner__aside">
+    <?php snippet('modal-share') ?>
 </aside>
 
 
@@ -74,23 +84,6 @@
         </dl>
 
 
-        <div class="thumbnail--group">
-            <div class="thumbnail thumbnail-pdf">
-                <figure><img src="/assets/images/cover-rapport.png"></figure>
-                <p class="thumbnail__title"><a href="#">Télégarcher le&nbsp;PDF</a></p>
-                <button><?= svg('assets/icons/arrow-left.svg') ?></button>
-                <a class="link-block" href="#"></a>
-            </div>
-            <div class="thumbnail thumbnail-summary">
-                <figure><img src="/assets/images/Nidal-Khaled-Amirah.png"></figure>
-                <p class="thumbnail__title"><a href="#">Voir la&nbsp;synthèse</a></p>
-                <button><?= svg('assets/icons/arrow-left.svg') ?></button>
-                <a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"></a>
-            </div>
-        </div>
-
-
-
         <div class="btn--group">
             <button class="btn--bold-inline btn--light">
                 <a href="#">
@@ -105,9 +98,19 @@
                 <span class="text">Voir la&nbsp;synthèse</span>
                 </a>
             </button>
+            
+
+            <label for="share-banner__content" class="btn--bold-inline btn--light no-link">
+                <span class="icon"><?= svg('assets/icons/share.svg') ?></span>
+                <span class="text">Partager</span>
+            </label>
+            <input type="checkbox" id="share-banner__content">
+            <?php snippet('modal-share') ?>
+
         </div>
 
-               
+      
+ 
       
     </header>