Import theme
This commit is contained in:
parent
51769fa6be
commit
c59ffbfeee
127 changed files with 13611 additions and 1 deletions
112
layouts/partials/navbar.html
Normal file
112
layouts/partials/navbar.html
Normal file
|
|
@ -0,0 +1,112 @@
|
|||
<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 hugo.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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue