37 lines
1.8 KiB
HTML
37 lines
1.8 KiB
HTML
<footer class="colorswitch">
|
|
<span id="footer-left"><a href="/" id="pageindicator" class="colorswitch" title="{{.Title}}"> {{.Site.Title | truncate 14}}</a></span>
|
|
<span id="footer-center">
|
|
<nav id="footer-nav" aria-label="navigation">
|
|
{{ $currentPage := . }}
|
|
{{ range .Site.Menus.nav }}
|
|
<a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }} </a>
|
|
{{ end }}
|
|
</nav>
|
|
</span>
|
|
<span id="footer-right">
|
|
<div class="flexjs">
|
|
<input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
|
|
<label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox" id="darkmode-toggle-label"></label>
|
|
</div>
|
|
<div class="flexjs">
|
|
<button type="button" id="darkmode-button-small" class="colorswitch hamburger"></button>
|
|
<nav aria-label="hamburger menu">
|
|
<button type="button" id="hamburger-button" class="colorswitch hamburger" title="hamburger navigation menu button"></button>
|
|
</nav>
|
|
</div>
|
|
<noscript>
|
|
<nav>
|
|
<a class="colorswitch footer-nav-item" id="replacement-burger" href="/nav"></a>
|
|
</nav>
|
|
</noscript>
|
|
<div class="hamburger colorswitch hidden" id="hamburger-bg">
|
|
<nav id="hamburger-nav" aria-label="navigation">
|
|
{{ $currentPage := . }}
|
|
{{ range .Site.Menus.nav }}
|
|
<a class="hamburger-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }} {{ .Title }}</a><br>
|
|
{{ end }}
|
|
</nav>
|
|
</span>
|
|
</noscript>
|
|
</footer>
|