<!DOCTYPE html>
<html>
<head>
  <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
  <meta charset="UTF-8">
  <link rel="stylesheet" href="../theme/materialize.min.css">
  <link rel="stylesheet" href="../theme/custom.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ViĞnette</title>
  <link rel="icon" type="image/svg" href="../img/v-cercle.svg">
</head>
<body>
  <header>
    <nav>
      <!-- language dropdown -->
      <ul id="language_dropdown" class="dropdown-content">
        __LANGUAGE_DROPDOWN_MENU__
      </ul>
      <div class="nav-wrapper cyan darken-2">
        <a id="title-center" href="#" class="brand-logo center hide-on-med-and-down" style="display: block;"><img width="60" height="60" style="vertical-align:middle;" src="../img/v-cercle.svg"/>
          <span style="vertical-align:middle; display:inline;">__MAIN_TITLE__</span>
        </a>
        <div class="brand-logo left">
          <a href="#" data-target="nav-mobile" class="sidenav-trigger valign-wrapper">
            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu-2" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round">
              <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
              <line x1="4" y1="6" x2="20" y2="6" />
              <line x1="4" y1="12" x2="20" y2="12" />
              <line x1="4" y1="18" x2="20" y2="18" />
            </svg>
            <p>&nbsp;__MAIN_TITLE__</p>
          </a>
        </div>
        <!-- menu -->
        <ul class="right hide-on-med-and-down">
          <li>
            <a href="index.html">__HOME__</a>
          </li>
          <li class="active">
            <a href="questions.html">__HELP__</a>
          </li>
          <li>
            <a href="licence.html">__LICENSE__</a>
          </li>
          <li>
            <a class="dropdown-trigger" href="#!" data-target="language_dropdown">
              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-world" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                <circle cx="12" cy="12" r="9" />
                <line x1="3.6" y1="9" x2="20.4" y2="9" />
                <line x1="3.6" y1="15" x2="20.4" y2="15" />
                <path d="M11.5 3a17 17 0 0 0 0 18" />
                <path d="M12.5 3a17 17 0 0 1 0 18" />
              </svg>
              __LANGUAGE_DROPDOWN_MENU_LABEL__
            </a>
          </li>
        </ul>
      </div>
    </nav>
    <ul id="nav-mobile" class="sidenav">
      <li>
        <a href="index.html">__HOME__</a>
      </li>
      <li class="active">
        <a href="questions.html">__HELP__</a>
      </li>
      <li>
        <a href="licence.html">__LICENSE__</a>
      </li>
      <li>
        <a href="#!">Lang: __LANGUAGE_DROPDOWN_MENU_LABEL__</a>
        <ul class="langs">
          __LANGUAGE_DROPDOWN_MENU__
        </ul>
          
      </li>
    </ul>
  </header>
  <div class="container">
    <div class="row card-panel z-depth-2">
      <details id="qui-sommes-nous">
        <summary>
          <em>__WHO_SUMMARY__</em>
        </summary>
        <p>__WHO_DETAILS__<br></p>
        <figure>
          <img src="../img/qr_code_creator_pubkey.png" width="25%" height="25%">
          <figcaption>
            TaJGgFayeGBouUNJcUPwvGTQWxh9iz4ghDGD887ZTSe:EsZ
          </figcaption>
        </figure>
      </details>
    </div>
    <div class="row card-panel z-depth-2">
      <details id="G1">
        <summary>
          <em>__G1_SUMMARY__</em>
        </summary>
        <p>__G1_DETAILS__</p>
      </details>
    </div>
    <div class="row card-panel z-depth-2">
      <details id="checksum">
        <summary>
          <em>__CHECKSUM_SUMMARY__</em>
        </summary>
        <p>__CHECKSUM_DETAILS__</p>
      </details>
    </div>
    <div class="row card-panel z-depth-2">
      <details id="image_size">
        <summary>
          <em>__IMAGE_SIZE_SUMMARY__</em>
        </summary>
        <p>__IMAGE_SIZE_DETAILS__</p>
      </details>
    </div>
    <div class="row card-panel z-depth-2">
      <details id="contribuer">
        <summary>
          <em>__CONTRIBUTE_SUMMARY__</em>
        </summary>
        <p>__CONTRIBUTE_DETAILS__</p>
      </details>
    </div>
  </div>
  <script src="../theme/materialize.min.js"></script> 
  <script>
    //---- allow side-navigation for mobiles ----
    let options;
    document.addEventListener('DOMContentLoaded', function() {
      var elems = document.querySelectorAll('.sidenav');
      var instances = M.Sidenav.init(elems, options);

    //---- enable theming for select form input ----
      var elems2 = document.querySelectorAll('select');
      console.log(elems2)
      var instances2 = M.FormSelect.init(elems2, options);

    //---- enable dropdown language menus ----
      var elems3 = document.querySelectorAll('.dropdown-trigger');    
      var instances3 = M.Dropdown.init(elems3, options)       
    });
    </script>
</body>
</html>