<!DOCTYPE html> <html lang=“en” data-theme=“light”>

{% include head.html %}
<body>
  <div class="container">
    <div class="menu-toggle--btn-container">
      <button class="menu-toggle open btn btn-nav body-lg fw-600 mt-3" title="Open Menu">
          {%- include icons.html icon="menu" size=17 -%} Menu
      </button>
      <button class="menu-toggle close btn btn-nav body-lg fw-600 mt-3" title="Close Menu">
          {%- include icons.html icon="close" size=17 -%} Close
      </button>
    </div>
    <div class="row">
      <aside id="menu" role="navigation" class="col-12 col-xl-2 d-flex flex-column justify-content-around">
        {% include menu.html %}
        {% include dark-mode.html %}
      </aside>
      {{ content }}
    </div>
    {% include footer.html %}
  </div>

  {% if dark_mode %}
    <script src="{{ site.url }}/assets/js/main.js" charset="utf-8"></script>
  {% endif %}
</body>

</html>