60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
|
<header class="header">
|
||
|
|
<nav class="header-nav">
|
||
|
|
|
||
|
|
{{ if isset .Site.Params "avatarurl" }}
|
||
|
|
<div class="avatar">
|
||
|
|
<a href="{{ .Site.BaseURL }}">
|
||
|
|
<img src='{{ .Scratch.Get "avatarImgSrc" }}' alt="{{ .Site.Params.AvatarAltText|default "avatar" }}" />
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
|
||
|
|
<div class="nav-title">
|
||
|
|
<a class="nav-brand" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="nav-links">
|
||
|
|
{{ range .Site.Menus.main }}
|
||
|
|
<div class="nav-link">
|
||
|
|
<a href="{{ .URL | absURL }}">
|
||
|
|
{{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
{{ end }}
|
||
|
|
|
||
|
|
<span class="nav-icons-divider"></span>
|
||
|
|
<div class="nav-link dark-theme-toggle">
|
||
|
|
<span id="dark-theme-toggle-screen-reader-target" class="sr-only"></span>
|
||
|
|
<a>
|
||
|
|
<span id="theme-toggle-icon" data-feather="moon"></span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="nav-link" id="hamburger-menu-toggle">
|
||
|
|
<span id="hamburger-menu-toggle-screen-reader-target" class="sr-only">menu</span>
|
||
|
|
<a>
|
||
|
|
<span data-feather="menu"></span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- For mobile -->
|
||
|
|
<ul class="nav-hamburger-list visibility-hidden">
|
||
|
|
{{ range .Site.Menus.main }}
|
||
|
|
<li class="nav-item">
|
||
|
|
<a href="{{ .URL | absURL }}">
|
||
|
|
{{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
{{ end }}
|
||
|
|
<li class="nav-item dark-theme-toggle">
|
||
|
|
<span id="dark-theme-toggle-screen-reader-target" class="sr-only">theme</span>
|
||
|
|
<a>
|
||
|
|
<span id="theme-toggle-icon" data-feather="moon"></span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</header>
|