base

components/site-header.html

@@ -0,0 +1,42 @@
+
+<h1 id="site-title">
+    <a
+    href="https://www.index.ngo/"
+    aria-label="Retour à l’accueil"
+    title="aller au site d'Index"
+    w3-include-html="/assets/index-logo.svg">
+    </a>
+</h1>
+
+
+<nav id="nav-highlight">
+    <ul>
+        <li><a href="#">Enquêtes</a></li>
+        <li><a href="#">Impact</a></li>
+    </ul>
+</nav>
+
+<button id="btn--soutenir">
+    <a targer="_blank" href="https://soutenir.index.ngo/">Soutenez-nous</a>
+</button>
+
+
+
+  
+<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" w3-include-html="assets/icons/menu.svg"></span>
+    <span class="close" w3-include-html="assets/icons/menu-close.svg"></span>
+</button>