{% 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="/">

      <img src="{{ get_url(path='/android-icon-48x48.png', cachebust=true) }}" 
      alt="Hostea temporary logo"/>
      <p class="nav__home-btn">
      ostea
      </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/#/#hostea:matrix.batsense.net", name="Chat") }}
    {{ macros::nav_link(link="/gitea-clinic/", name="Clinic") }}
    {{ macros::nav_link(link="https://forum.hostea.org", name="Forum") }}
    {{ macros::nav_link(link="https://mastodon.online/web/@hostea", name="Mastodon") }}
  </div>
  <div class="nav__spacer"></div>
  <div class="nav__link-group--small">
    {{ macros::nav_link(link="https://hosteadashboard.hostea.org/login/", name="Login") }}
    {{ macros::nav_link_action(link="https://hosteadashboard.hostea.org/register/", name="Join") }}
  </div>
</nav>