binario/layouts/partials/menu.html

18 lines
1,002 B
HTML
Raw Normal View History

2018-05-10 05:40:56 +00:00
{{- if .Site.Menus.main }}
2018-04-01 12:56:28 +00:00
<nav class="main-nav" role="navigation">
2018-11-04 20:04:58 +00:00
<button id="toggle" class="main-nav__btn" aria-label="Menu toggle" aria-expanded="false">
2018-04-01 12:56:28 +00:00
<svg class="main-nav__btn-icon icon-menu" width="18" height="18" viewBox="0 0 18 18">
<path class="icon-menu__burger" d="M18 0v3.6H0V0h18zM0 10.8h18V7.2H0v3.6zM0 18h18v-3.6H0V18z"/>
<path class="icon-menu__x" d="M11.55 9L18 15.45 15.45 18 9 11.55 2.55 18 0 15.45 6.45 9 0 2.55 2.55 0 9 6.45 15.45 0 18 2.55 11.55 9z"/>
</svg>
</button>
<ul id="menu" class="main-nav__list">
{{- $currentNode := . }}
{{- range sort .Site.Menus.main }}
{{- if .Name}}
<li class="main-nav__item{{if or ($currentNode.IsMenuCurrent "main" .) ($currentNode.HasMenuCurrent "main" .) }} main-nav__item--active{{end}}">{{if or ($currentNode.IsMenuCurrent "main" .) ($currentNode.HasMenuCurrent "main" .) }}{{ .Name }}{{ else }}<a class="main-nav__link" href="{{ .URL }}">{{ .Name }}</a>{{end}}</li>
{{- end }}
{{- end }}
</ul>
2018-05-10 05:40:56 +00:00
</nav>
{{- end }}