19 lines
1.6 KiB
HTML
19 lines
1.6 KiB
HTML
<header class="site-header">
|
|
<a class="logo" href="{{ .Site.BaseURL }}">Kamath's Kitchen</a>
|
|
<button id="js-button" aria-label="Open Menu" class="hamberger">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
|
|
<path d="M 1.8181819,0 C 0.81090905,0 0,0.81090905 0,1.8181819 0,2.8254547 0.81090905,3.6363637 1.8181819,3.6363637 H 18.181819 C 19.189091,3.6363637 20,2.8254547 20,1.8181819 20,0.81090905 19.189091,0 18.181819,0 Z m 0,8.1818183 C 0.81090905,8.1818183 0,8.9927276 0,10.000001 c 0,1.007272 0.81090905,1.818181 1.8181819,1.818181 H 18.181819 C 19.189091,11.818182 20,11.007273 20,10.000001 20,8.9927276 19.189091,8.1818183 18.181819,8.1818183 Z m 0,8.1818187 C 0.81090905,16.363637 0,17.174545 0,18.181819 0,19.189091 0.81090905,20 1.8181819,20 H 18.181819 C 19.189091,20 20,19.189091 20,18.181819 20,17.174545 19.189091,16.363637 18.181819,16.363637 Z" fill="currentColor" />
|
|
</svg>
|
|
</button>
|
|
<nav id="js-dropdown" class="nav hide">
|
|
<ul class="menu-list">{{ range .Site.Menus.main }}<li class='menu-item'><a href="{{ .URL }}" class='nav-link {{ if or ($.Page.IsMenuCurrent "main" .) ($.Page.HasMenuCurrent "main" .) }} active {{ end }} '>{{ .Name | upper }}</a></li>{{ end }}
|
|
</ul>
|
|
</nav>
|
|
<noscript> <style> #js-button, #js-dropdown {display:none;}</style>
|
|
<nav class="nav">
|
|
<ul class="menu-noscript">{{ range .Site.Menus.main }}<li class='menu-noscript-item'><a href="{{ .URL }}" class='{{ if or ($.Page.IsMenuCurrent "main" .) ($.Page.HasMenuCurrent "main" .) }} active {{ end }} '>{{ .Name | upper }}</a></li>{{ end }}
|
|
</ul>
|
|
</nav>
|
|
</noscript>
|
|
</header>
|