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-29 14:38:20 +00:00
< button id = "toggle" class = "main-nav__btn" aria-label = "Menu toggle" aria-expanded = "false" tabindex = "0" >
< div class = "main-nav__btn-box" tabindex = "-1" >
2018-12-02 16:25:17 +00:00
< svg class = "main-nav__icon icon-menu" width = "18" height = "18" viewBox = "0 0 18 18" >
2018-11-29 14:38:20 +00:00
< 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 >
< / div >
2018-04-01 12:56:28 +00:00
< / button >
2019-02-17 22:10:19 +00:00
< ul id = "menu" class = "main-nav__list{{ if eq .Site.Params.mainMenuAlignment " right " } } main-nav__list--right { { end } } " >
2018-04-01 12:56:28 +00:00
{{- $currentNode := . }}
{{- range sort .Site.Menus.main }}
2019-07-16 15:07:46 +00:00
{{- 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 >
2018-04-01 12:56:28 +00:00
{{- end }}
{{- end }}
< / ul >
2018-05-10 05:40:56 +00:00
< / nav >
{{- end }}