<!doctype html>
<html lang="fr">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">

  <title>DGNum - $title$</title>

  <link rel="stylesheet" href="/css/bulma.min.css" />
  <link rel="stylesheet" href="/css/dgnum.css" />
  <link rel="stylesheet" href="/vendor/fontawesome/css/all.min.css" />
  <script>
    document.addEventListener('DOMContentLoaded', () => {

      // Get all "navbar-burger" elements
      const navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);

      // Add a click event on each of them
      navbarBurgers.forEach(el => {
        el.addEventListener('click', () => {

          // Get the target from the "data-target" attribute
          const target = document.getElementById(el.dataset.target);

          // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
          el.classList.toggle('is-active');
          target.classList.toggle('is-active');
        });
      });
    });
  </script>
</head>

<body class="hero is-fullheight">
  <header>
    <nav class="navbar has-shadow mb-2">
      <div class="navbar-brand">
        <a class="navbar-item" href="/">
          <img src="/images/dgnum-logo.svg">
        </a>

        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
          <span aria-hidden="true"></span>
        </a>
      </div>
      <div class="navbar-menu" id="navbar">
        <a class="navbar-item" href="/about.html">À propos</a>
        <a class="navbar-item" href="/services.html">Services</a>
        <a class="navbar-item" href="/faq.html">FAQ</a>
        <a class="navbar-item" href="/archives.html">Archives</a>
        <a class="navbar-item" href="/contact.html">Contact</a>
      </div>
    </nav>
  </header>

  <div class="columns is-centered mt-2">
    <main class="column is-10 mx-4" role="main">
      $if(index)$
      $else$
      $if(title)$<h1 class="title is-2">$title$</h1>$endif$
      $endif$

      $if(in_content)$
      <div class="content">
        $body$
      </div>
      $else$
      $body$
      $endif$
    </main>
  </div>

  <footer class="footer mt-5">
    <div class="content has-text-centered">
      <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title"
          rel="cc:attributionURL" href="">This page of the DGNum's website</a> by $if(authorLicense)$ $authorLicense$
        $endif$<a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="/">Délégation Générale
          Numérique (DGNum)</a> is licensed under <a href="http://creativecommons.org/licenses/by/4.0/?ref=chooser-v1"
          target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY 4.0<img
            style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
            src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img
            style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
            src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"></a></p>
    </div>
  </footer>
</body>

</html>
