mirror of
https://git.theinfopunk.com/punk/thewwwdotcom-blog.git
synced 2024-10-22 21:20:16 -04:00
113 lines
3.9 KiB
HTML
113 lines
3.9 KiB
HTML
<div
|
|
class="{{ with .Site.Params.doNotLoadAnimations }}
|
|
.
|
|
{{ else }}
|
|
animated fadeInDown
|
|
{{ end }}"
|
|
>
|
|
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
<span aria-hidden="true" class="navbar-burger__line"></span>
|
|
<span aria-hidden="true" class="navbar-burger__line"></span>
|
|
<span aria-hidden="true" class="navbar-burger__line"></span>
|
|
</a>
|
|
<nav class="nav">
|
|
<ul class="nav__list" id="navMenu">
|
|
{{ $url := .RelPermalink }}
|
|
{{ range $menuId, $menuItem := .Site.Menus.main }}
|
|
{{ $active := eq $url $menuItem.URL }}
|
|
{{ if $menuItem.HasChildren }}
|
|
|
|
<li class="nav__list-item">
|
|
<div class="optionswitch">
|
|
<input class="optionswitch__picker" type="checkbox" id="{{ $menuId }}" hidden />
|
|
|
|
{{ $labelClass := "optionswitch__label" }}
|
|
{{ range $menuItem.Children }}
|
|
{{ if eq $url .URL }}
|
|
{{ $labelClass = "optionswitch__label nav__link--active" }}
|
|
{{ end }}
|
|
|
|
{{ end }}
|
|
|
|
|
|
<label class="{{ $labelClass }}" for="{{ $menuId }}"
|
|
>{{ $menuItem.Name }} <i class="fa fa-angle-down" aria-hidden="true"></i
|
|
></label>
|
|
|
|
<div class="optionswitch__triangle"></div>
|
|
<ul class="optionswitch__list">
|
|
{{ range $menuItem.Children }}
|
|
<li class="optionswitch__list-item">
|
|
{{ .Pre }}
|
|
<a
|
|
href="{{ .URL }}"
|
|
{{ if strings.HasPrefix .URL "http" }}
|
|
target="_blank" rel="noopener noreferrer"
|
|
{{ end }}
|
|
title="{{ .Title }}"
|
|
>{{ .Name }}</a
|
|
>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
{{ else }}
|
|
<li class="nav__list-item">
|
|
{{ .Pre }}
|
|
<a
|
|
{{ if $active }}
|
|
class="nav__link--active"
|
|
{{ end }}
|
|
href="{{ .URL }}"
|
|
{{ if strings.HasPrefix .URL "http" }}
|
|
target="_blank" rel="noopener noreferrer"
|
|
{{ end }}
|
|
title="{{ .Title }}"
|
|
>{{ $menuItem.Name }}</a
|
|
>
|
|
</li>
|
|
{{ end }}
|
|
|
|
{{ end }}
|
|
</ul>
|
|
<ul class="nav__list nav__list--end">
|
|
{{ if and .IsTranslated .Site.IsMultiLingual }}
|
|
<li class="nav__list-item">
|
|
<div class="optionswitch">
|
|
<input class="optionswitch__picker" type="checkbox" id="languagepicker" hidden />
|
|
<label class="optionswitch__label" for="languagepicker"
|
|
>{{ .Site.Language.LanguageName }} <i class="fa fa-angle-down" aria-hidden="true"></i
|
|
></label>
|
|
<div class="optionswitch__triangle"></div>
|
|
<ul class="optionswitch__list">
|
|
{{ range $.Translations }}
|
|
<li class="optionswitch__list-item">
|
|
<a href="{{ .RelPermalink }}" title="{{ .Language.LanguageName }}"
|
|
><span
|
|
{{ if eq . $.Site.Language }}
|
|
class="active"
|
|
{{ end }}
|
|
aria-label="{{ i18n "ariaLanguage" }}{{ .Language.LanguageName }}"
|
|
>{{ .Language.LanguageName }}</span
|
|
>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
{{ end }}
|
|
{{ if not .Site.Params.disableThemeSwitcher }}
|
|
<li class="nav__list-item">
|
|
<div class="themeswitch">
|
|
<a title="Switch Theme">
|
|
<i class="fas fa-adjust fa-fw" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</nav>
|
|
</div>
|