page rapport

site/templates/investigation-summary.php

@@ -2,7 +2,7 @@
 
 
         <header>
-            <p class="page-type">Enquête</p>
+            <p class="tag-inline">Enquête</p>
             <h2 class="page-title">L’exécution de Nidal et Khaled ‘Amirah à Naplouse</h2>
             <p class="date-publish"></p>
         </header>
@@ -86,7 +86,7 @@
                 </nav>
 
                 <div class="btn--group">
-                    <button class="btn--bold"><a href="#">Lire le rapport</a></button>
+                    <button class="btn--bold"><a href="/enquetes/enquete-1-full">Lire le rapport</a></button>
                     <label for="share-banner__desktop" class="btn--bold-inline no-link">Partager</label>
                 </div>
 

site/templates/investigation.php

@@ -1,8 +1,136 @@
 <?php snippet('header') ?>
 
-<main>
 
-<h1>coucou</h1>
 
-<main>
+<aside id="rapport__aside">
+        <input type="radio" id="tab-print" name="tabs-aside" value="toc" checked />
+        <input type="radio" id="tab-toc" name="tabs-aside" value="toc" checked />
+
+    <div class="tabs">
+        <label class="tab" for="tab-print"><span class="icon"><?= svg('assets/icons/printer.svg') ?></span></label>
+        <label class="tab" for="tab-toc">Table des matières</label>
+    </div>
+
+
+    <div class="content-aside">
+
+    <nav id="toc">
+    <ul>
+        <li class="toc-level-1"><a href="#auteurs">Les auteurs de ce rapport</a></li>
+        <li class="toc-level-1 selected"><a href="#rappel-faits">Rappel des faits</a></li>
+        <li class="toc-level-1"><a href="#ordre-mission">Ordre de mission</a></li>
+        <li class="toc-level-1"><a href="#sources">1. Sources et documentation visuelle disponible</a></li>
+        <li class="toc-level-1"><a href="#reconstitution">2. Reconstitution générale</a></li>
+        <li class="toc-level-2"><a href="#modelisation">2.1 Modélisation du site</a></li>
+        <li class="toc-level-2"><a href="#horodatage">2.2 Horodatage</a></li>
+        <li class="toc-level-2"><a href="#synchronisation">2.3 Synchronisation des vidéos sources</a></li>
+        <li class="toc-level-2"><a href="#decoupage">2.4 Découpage en séquences clés</a></li>
+        <li class="toc-level-2"><a href="#trajectoire-vehicule">2.5 Reconstitution de la trajectoire du véhicule de M. BICO</a></li>
+        <li class="toc-level-2"><a href="#trajectoires-tirs">2.6 Reconstitution des trajectoires des tirs effectués par les policiers</a></li>
+        <li class="toc-level-1"><a href="#observations">3. Observations</a></li>
+        <li class="toc-level-1"><a href="#annexe">Annexe méthodologique</a></li>
+        <li class="toc-level-1"><a href="#declaration">Déclaration sur l'honneur</a></li>
+        <li class="toc-level-1"><a href="#contact">Contact</a></li>
+        </ul>
+    </nav>
+
+    <div id="print-features">
+        <p>Paramétrage impression</p>
+    </div>
+
+    </div>
+</aside>
+
+
+
+<article id="rapport">
+    <header class="rapport__header">
+        <div class="rapport__title-group">
+            <p class="tag-inline">Rapport</p>
+            <h1 class="title">Rapport de contre-expertise</h1>
+            <h2 class="subtitle">sur les circonstances de la mort d’Adam B. et de Raihane S. le 19 août 2022 à Vénissieux</h2>
+        </div>
+
+
+
+        <dl>
+            <div class="dl__group">
+                <dt>Auteurs du rapport</dt>
+                <dd>INDEX Investigation</dd>
+            </div>
+            <div class="dl__group">
+                <dt>Date du rapport</dt>
+                <dd><time datetime="2025-06-10">10 juin 2025</time></dd>
+            </div>
+        </dl>
+
+
+        <div class="thumbnail-pdf">
+            <figure><img src="/assets/images/cover-rapport.png"></figure>
+            <button class="btn--small"><a href="#">Télégarcher le PDF</a></button>
+        </div>
+    </header> 
+
+    
+
+
+
+    <div class="rapport__content">
+
+    <div class="section-content">
+        <h3 class="section-title">Les auteurs de ce rapport</h3>
+   
+
+    <p>
+    INDEX est une ONG d’investigation et d’expertise indépendante,
+à but non lucratif, déclarée en tant qu’association Loi 1901
+(RNA W751258265), depuis 2020.
+</p>
+<p>
+Spécialisée dans l’investigation en sources ouvertes, l’analyse de
+données média et la reconstitution numérique en 3D, l’ONG INDEX est
+issue du laboratoire de recherche international Forensic Architecture,
+basé à l’université Goldsmiths de Londres. Elle est membre du réseau
+international Investigative Commons.
+</p>
+<p>
+Les collaborateurs de l’ONG INDEX ayant contribué à la production
+du présent rapport sont : </p>
+<ul>
+    <li>Analyse et modélisation numérique : Nadav Joffe, Guillaume Seyller</li>
+    <li>Conception graphique : Léonie Montjarret</li>
+    <li>Direction : Francesco Sebregondi</li>
+</ul> 
+    </div>
+
+
+    <div class="section-content">
+        <h3 class="section-title">Rappel des faits</h3>
+    <p>
+    Le 19 août 2017, vers 17h, M. Luis Manuel BICO, 48 ans, a été tué
+lors d'une intervention policière à Châlette-sur-Loing.
+</p>
+<p>
+Atteint de schizophrénie dysthymique et suivi pour des troubles
+bipolaires depuis l’âge de 20 ans, M. BICO a menacé une personne
+avec un couteau le 19 août 2017, déclenchant une alerte auprès
+des forces de l’ordre. Localisé au 3 rue Maurice Ravel à Châlettesur-
+Loing, M. BICO, dans un état d’agitation extrême et tenant des
+propos incohérents, s'était enfermé dans son véhicule, exhibant un
+couteau. Deux équipages de police, soit sept agents, sont intervenus.
+Face à son refus de se rendre, les policiers ont tenté de le maîtriser
+en usant de gaz lacrymogène et en tentant de briser le pare-brise
+de son véhicule avec leurs bâtons. M. BICO, au volant, a reculé à
+plusieurs reprises, percutant un véhicule de police. Lorsqu'un agent a
+déplacé un second véhicule de police qui obstruait la voie située sur
+sa gauche, M. BICO a redémarré en tentant de fuir. À ce moment, trois
+policiers ont ouvert le feu, tirant 18 fois sur le véhicule. M. BICO a été
+mortellement atteint par deux projectiles et son décès a été constaté
+sur place. L'incident a été observé par plusieurs témoins et filmé sous
+divers angles.
+</p>
+</div>
+
+</article>
+
 <?php snippet('footer') ?>

site/templates/investigations.php

@@ -79,6 +79,10 @@
             <dt>Partenaire(s)</dt>
             <dd>B’Tselem</dd>
         </div>
+        <div class="dl__group">
+            <dt>Lieu de l’incident</dt>
+            <dd>Naplouse, Cisjordanie occupée, Palestine</dd>
+        </div>
         <div class="dl__group dl__group__keywords">
             <dt>Mots-clés</dt>
             <dd>
@@ -115,8 +119,8 @@
             <dd><time datetime="2025-06-10">10 juin 2025</time></dd>
         </div>
         <div class="dl__group">
-            <dt>Partenaire(s)</dt>
-            <dd>B’Tselem</dd>
+            <dt>Lieu de l’incident</dt>
+            <dd>Naplouse, Cisjordanie occupée, Palestine</dd>
         </div>
         <div class="dl__group dl__group__keywords">
             <dt>Mots-clés</dt>
@@ -197,6 +201,10 @@
             <dt>Partenaire(s)</dt>
             <dd>B’Tselem</dd>
         </div>
+        <div class="dl__group">
+            <dt>Lieu de l’incident</dt>
+            <dd>Naplouse, Cisjordanie occupée, Palestine</dd>
+        </div>
         <div class="dl__group dl__group__keywords">
             <dt>Mots-clés</dt>
             <dd>