index-website-static/components/site-header.html

<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"
    w3-include-html="/assets/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" w3-include-html="/assets/icons/menu.svg"></span>
    <span class="close" w3-include-html="/assets/icons/close.svg"></span>
</button>

</div>