You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

50 lines
2.0 KiB
HTML

<nav id="mobile-navbar" class="nav container">
<span style="overflow:hidden; max-width: 80%; display: inline-block; vertical-align:bottom;">
{{ .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 "articles" }}
<a href="{{ "articles/" | relLangURL }}" class="navbar-item">{{ .Params.mobile_menu_title }}</a>
{{ end }}
{{ with .Site.GetPage "blog" }}
<a href="{{ "blog/" | relLangURL }}" class="navbar-item">{{ .Params.mobile_menu_title }}</a>
{{ end }}
<a href="https://git.doublefourteen.io/explore/repos" 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.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 "articles" }}
<a href="{{ "articles/" | relLangURL }}" class="navbar-item">{{ .Params.menu_title }}</a>
{{ end }}
{{ with .Site.GetPage "blog" }}
<a href="{{ "blog/" | relLangURL }}" class="navbar-item">{{ .Params.menu_title }}</a>
{{ end }}
<a href="https://git.doublefourteen.io/explore/repos" 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>