<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="<?= url('assets/css/style.css') ?>?version-cache-prevent<?= rand(0, 1000) ?>">
  <link rel="stylesheet" type="text/css" href="<?= url('assets/fonts/stylesheet.css') ?>">
  <meta name="robots" content="noindex,nofollow">
  <title>
    <?php if ($page->isHomePage() == false): ?>
    <?= $page->title() ?>&nbsp;|&nbsp;
    <?php endif ?>
    <?= $site->title() ?>
  </title>

  <script src="<?= url('assets/js/script.js') ?>" type="module"></script>
</head>

<body data-template="<?= $page->template() ?>">
<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>
<?php snippet('nav') ?>
<main>
