save

2026-01-06 11:19:25 +01:00 · 2026-01-06 11:19:25 +01:00 · 48e7f21c71
commit 48e7f21c71
parent 522d975a3a
37 changed files with 2595 additions and 1348 deletions
--- a/site/snippets/footer.php
+++ b/site/snippets/footer.php
@ -1,3 +1,63 @@
-  <script src="<?= url('assets/js/script.js') ?>"></script>
+<footer id="site-footer">
+  <div class="site-footer__container">
+    <div class="footer__newsletter">
+        <div class="logo" w3-include-html="/assets/index-logo.svg"></div>
+      <p>
+        Recevez les dernières enquêtes et actualités d’Index directement
+        dans votre boîte mail.
+      </p>
+      <p>Inscrivez-vous à la newsletter</p>
+  
+      <form class="form__newsletter">
+        <input
+          type="email"
+          name="email"
+          placeholder="Votre adresse e-mail"
+          required
+        />
+        <button class="btn--newletter" type="submit" aria-label="s’inscrire">
+          <span class="txt">S’inscrire</span>
+          <span class="icon">
+            <svg
+              clip-rule="evenodd"
+              fill-rule="evenodd"
+              stroke-linejoin="round"
+              stroke-miterlimit="2"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z"
+                fill-rule="nonzero"
+              />
+            </svg>
+          </span>
+        </button>
+      </form>
+  
+      <p class="p__small">
+        En vous inscrivant, vous acceptez les
+        <a target="_blank" href="https://www.index.ngo/mentions-legales/"
+          >conditions d’utilisation</a
+        >
+        d’Index qui vous informent notamment des droits dont vous disposez
+        sur vos données personnelles.
+      </p>
+    </div>
+  
+    <div class="footer__socials">
+      <p>Suivez Index sur les réseaux sociaux</p>
+      <div class="container" w3-include-html="/components/socials.html"></div>
+    </div>
+  
+    <div class="footer__mentions">
+      <p>
+        © 2025 Index Investigation |
+        <a target="_blank" href="https://www.index.ngo/mentions-legales/">Mentions légales</a>
+      </p>
+    </div>
+  </div>
+</footer>
+
 </body>
 </html>
--- a/site/snippets/header.php
+++ b/site/snippets/header.php
@ -13,17 +13,48 @@
  </title>

  <script src="<?= url('assets/js/script.js') ?>"></script>
-
-  <script>
-  window.SnipcartSettings = {
-    publicApiKey: 'Y2QwMmJiZGItMDFiYi00MTg2LTg2ODItOWNlNTIyNGIzYWY5NjM4OTQ0ODU4NDY5NDcyNTU0',
-    loadStrategy: 'on-user-interaction',
-    modalStyle: "side",
-    templatesUrl: "<?= url('assets/html/snipcart-templates.html') ?>",
-  };
-
-  (()=>{var c,d;(d=(c=window.SnipcartSettings).version)!=null||(c.version="3.0");var s,S;(S=(s=window.SnipcartSettings).timeoutDuration)!=null||(s.timeoutDuration=2750);var l,p;(p=(l=window.SnipcartSettings).domain)!=null||(l.domain="cdn.snipcart.com");var w,u;(u=(w=window.SnipcartSettings).protocol)!=null||(w.protocol="https");var f=window.SnipcartSettings.version.includes("v3.0.0-ci")||window.SnipcartSettings.version!="3.0"&&window.SnipcartSettings.version.localeCompare("3.4.0",void 0,{numeric:!0,sensitivity:"base"})===-1,m=["focus","mouseover","touchmove","scroll","keydown"];window.LoadSnipcart=o;document.readyState==="loading"?document.addEventListener("DOMContentLoaded",r):r();function r(){window.SnipcartSettings.loadStrategy?window.SnipcartSettings.loadStrategy==="on-user-interaction"&&(m.forEach(t=>document.addEventListener(t,o)),setTimeout(o,window.SnipcartSettings.timeoutDuration)):o()}var a=!1;function o(){if(a)return;a=!0;let t=document.getElementsByTagName("head")[0],e=document.querySelector("#snipcart"),i=document.querySelector(`src[src^="${window.SnipcartSettings.protocol}://${window.SnipcartSettings.domain}"][src$="snipcart.js"]`),n=document.querySelector(`link[href^="${window.SnipcartSettings.protocol}://${window.SnipcartSettings.domain}"][href$="snipcart.css"]`);e||(e=document.createElement("div"),e.id="snipcart",e.setAttribute("hidden","true"),document.body.appendChild(e)),v(e),i||(i=document.createElement("script"),i.src=`${window.SnipcartSettings.protocol}://${window.SnipcartSettings.domain}/themes/v${window.SnipcartSettings.version}/default/snipcart.js`,i.async=!0,t.appendChild(i)),n||(n=document.createElement("link"),n.rel="stylesheet",n.type="text/css",n.href=`${window.SnipcartSettings.protocol}://${window.SnipcartSettings.domain}/themes/v${window.SnipcartSettings.version}/default/snipcart.css`,t.prepend(n)),m.forEach(g=>document.removeEventListener(g,o))}function v(t){!f||(t.dataset.apiKey=window.SnipcartSettings.publicApiKey,window.SnipcartSettings.addProductBehavior&&(t.dataset.configAddProductBehavior=window.SnipcartSettings.addProductBehavior),window.SnipcartSettings.modalStyle&&(t.dataset.configModalStyle=window.SnipcartSettings.modalStyle),window.SnipcartSettings.currency&&(t.dataset.currency=window.SnipcartSettings.currency),window.SnipcartSettings.templatesUrl&&(t.dataset.templatesUrl=window.SnipcartSettings.templatesUrl))}})();
-  </script>
 </head>
+
 <body data-template="<?= $page->template() ?>">
-  <?php snippet('nav') ?>
+<header id="site-header">
+  <div class="site-header__inner">
+    <h1 id="site-title">
+      <a
+        href="https://www.index.ngo/"
+        aria-label="Retour à l’accueil"
+        title="aller au site d'Index"
+      >
+      <?= svg('assets/images/index-logo.svg') ?>
+      </a>
+    </h1>
+
+    <!-- Note: toujours mettre .title-page (j’en ai besoin pour la mise en forme) mais le laisser vide sur la plupart des pages sauf les pages enquêtes --> 
+    <p class="title-page">L’exécution de Nidal et Khaled ‘Amirah à Naplouse</p>
+
+    <nav id="nav-highlight">
+        <ul>
+            <li><a href="#">Enquêtes</a></li>
+            <li><a href="#">Impact</a></li>
+            <li class="soutenir"><a targer="_blank" href="https://soutenir.index.ngo/">Soutenez-nous</a></li>
+        </ul>
+    </nav>
+      
+    <button id="theme-toggle">
+        <svg style="fill: var(--color-txt)" class="switch" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M22 41C32.4934 41 41 32.4934 41 22C41 11.5066 32.4934 3 22
+            3C11.5066 3 3 11.5066 3 22C3 32.4934 11.5066 41 22 41ZM7 22C7
+            13.7157 13.7157 7 22 7V37C13.7157 37 7 30.2843 7 22Z"></path>
+          </svg> 
+    </button>
+
+    <div id="lang-toggle">
+        <button disabled>FR</button>
+        <button><a href="/en">EN</a></button>
+    </div>
+
+    <button id="menu-toggle">
+      <span class="open"><?= svg('assets/icons/menu.svg') ?></span>
+      <span class="close"><?= svg('assets/icons/close.svg') ?></span>
+    </button>
+  </div>
+</header>