<nav id="mobile-navbar" class="nav container">
  <span style="overflow:hidden; max-width: 80%; display: inline-block; vertical-align:bottom;">
    {{ default .Params.menu_title .Params.mobile_menu_title }}
  </span>
  <label for="mobile-toggle" id="hamburger">
    <svg style="width:2em;height:2em;" viewBox="0 0 24 24">
      <path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
    </svg>
  </label>
</nav>
<div id="mobile-subnav">
  <input type="checkbox" name="mobile-toggle" id="mobile-toggle">
  <div class="" id="menu">
    {{ with .Site.GetPage "blog" }}
      <a href="{{ "blog/" | relLangURL }}" class="navbar-item">{{ default .Params.menu_title .Params.mobile_menu_title  }}</a>
    {{ end }}
    {{ with .Site.GetPage "presentations" }}
      <a href="{{ "presentations/" | relLangURL }}" class="navbar-item">{{ default .Params.menu_title .Params.mobile_menu_title }}</a>
    {{ end }}
    <a href="https://gitea.it/1414codeforge" class="navbar-item external-link external-link-light">{{ i18n "menu-source" }}</a>
    {{ with .Site.GetPage "doublefourteen"}}
      <a href="{{ "doublefourteen/" | relLangURL }}" class="navbar-item df-community-link">
        {{ default .Params.menu_title .Params.mobile_menu_title }}
      </a>
    {{ end }}
  </div>
</div>

<nav id="navbar" class="nav">
  <div class="container" style="display:flex; justify-content: space-between;">
    <div>
      {{ with .Site.GetPage "blog" }}
        <a href="{{ "blog/" | relLangURL }}" class="navbar-item">{{ .Params.menu_title }}</a>
      {{ end }}
      {{ with .Site.GetPage "presentations" }}
        <a href="{{ "presentations/" | relLangURL }}" class="navbar-item">{{ .Params.menu_title }}</a>
      {{ end }}
      <a href="https://gitea.it/1414codeforge" class="navbar-item external-link external-link-light">{{ i18n "menu-source" }}</a>
      {{ with .Site.GetPage "doublefourteen" }}
        <a href="{{ "doublefourteen/" | relLangURL }}" class="navbar-item df-community-link">
          {{ .Params.menu_title }}
        </a>
      {{ end }}
    </div>
  </div>
</nav>

<div class="nav-spacer"></div>

