holy/layouts/_default/baseof.html

50 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body class="bg:gray-90@dark font:gray-15@dark">
<nav class="w:full h:90 fixed bg:gray-88@dark bg:white z:1000">
<div class="
h:full
w:full
max-w:1280
mx:auto
px:16
d:flex
align-items:center
">
<div class="mr:8">
<a href="/" class="mr-3 font:extralight">Holy</a>
</div>
<div>
{{ $currentPage := . }}
{{ $active := "" }}
{{ range .Site.Menus.main }}
{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
{{ $active = "active" }}
{{ end }}
<a class="
font:semibold
font:gray-80
font:gray-60:hover
font:gray-40.active
px:8
{{ $active }}
" href="{{ .URL }}" title="{{ .Title }}">
{{ .Name }}
</a>
{{ end }}
</div>
</div>
</nav>
<div class="pt:90 px:16 max-w:1280 mx:auto">
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}
</body>
</html>