2022-05-09 12:44:52 +00:00
|
|
|
<nav class="w:full h:90 fixed bg:fade-84/.95@dark bg:white z:1000">
|
2022-05-09 10:25:13 +00:00
|
|
|
<div class="
|
|
|
|
h:full
|
|
|
|
w:full
|
|
|
|
max-w:1200
|
|
|
|
mx:auto
|
|
|
|
px:32
|
|
|
|
d:flex
|
|
|
|
align-items:center
|
|
|
|
">
|
|
|
|
<div>
|
|
|
|
<a href="/" class="mr-3 font:extralight">{{ .Site.Title }}</a>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="ml:auto">
|
|
|
|
{{ $currentPage := . }}
|
|
|
|
{{ $active := "" }}
|
|
|
|
{{ range .Site.Menus.main }}
|
|
|
|
{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
|
|
|
|
{{ $active = "active" }}
|
|
|
|
{{ end }}
|
|
|
|
<a class="
|
|
|
|
font:semibold
|
2022-05-10 06:29:03 +00:00
|
|
|
font:fade
|
2022-05-09 10:25:13 +00:00
|
|
|
font:fade-10:hover
|
|
|
|
font:fade-30.active
|
|
|
|
px:8
|
|
|
|
transition:150ms;ease-in
|
|
|
|
{{ $active }}
|
|
|
|
" href="{{ .URL }}" title="{{ .Title }}">
|
|
|
|
{{- .Name -}}
|
|
|
|
</a>
|
|
|
|
{{ end }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|