<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}">

  {%- include head.html -%}

  <body>

    {%- include header.html -%}

    <div class="fullscreen logo-home">
     <img src="{{ "/assets/images/logo-home.svg" | relative_url }}"/>
     <h2>
       services numériques · open source · indépendant
     </h2>
    </div>

    <main class="page-content home-page-content" aria-label="Content">
      <div class="wrapper">
        {{ content }}
      </div>
    </main>

    {%- include footer.html -%}

  </body>

  <script>
    document.addEventListener('scroll', function(e){
      if(window.scrollY === 0)
        document.body.classList.remove('scrolled');
      else {
        document.body.classList.add('scrolled');
      }
    })
  </script>
</html>