{% import "macros.html" as macros %}

<nav class="nav__container">
  <input type="checkbox" class="nav__toggle" id="nav__toggle" />

  <div class="nav__header">
    <a class="nav__logo-container" href="/">
      <p class="nav__home-btn">LibrePages</p>
    </a>
    <label class="nav__hamburger-menu" for="nav__toggle">
      <span class="nav__hamburger-inner"></span>
    </label>
  </div>
  <div class="nav__spacer--small"></div>
  <div class="nav__link-group">
    {{ macros::nav_link(link="/about/", name="About") }}
    {{ macros::nav_link(link="/blog/", name="Blog") }}
    {{ macros::nav_link(link="https://matrix.to/#/#librepages:matrix.batsense.net", name="Chat") }}
    {{ macros::nav_link(link="https://gts.batsense.net/@librepages", name="Fediverse") }}
  </div>
  <div class="nav__spacer"></div>
  <div class="nav__link-group--small">
    {{ macros::nav_link(link="https://demo.librepages.org/", name="Demo") }}
  </div>
</nav>