mirror of
https://github.com/theNewDynamic/gohugo-theme-ananke.git
synced 2025-06-09 01:32:45 +00:00
0321a356e9
* add some IDs to elements of the main navigation * add styles for mobile view (up to 768px wide) for collapsing the menu items into a "hamburger" menu Closes: #166
31 lines
1.2 KiB
HTML
31 lines
1.2 KiB
HTML
<nav class="pv3 ph3 ph4-ns" role="navigation">
|
|
<div class="flex-l justify-between items-center center">
|
|
<a href="{{ .Site.Home.RelPermalink }}" class="site-logo f3 fw2 hover-white no-underline white-90 dib">
|
|
{{ with .Site.Params.site_logo }}
|
|
<img src="{{ . }}" class="w100 mw5-ns" alt="{{ $.Site.Title }}" />
|
|
{{ else }}
|
|
{{ .Site.Title }}
|
|
{{ end }}
|
|
</a>
|
|
<div class="main-menu-container flex-l items-center">
|
|
{{ partial "i18nlist.html" . }}
|
|
{{ if .Site.Menus.main }}
|
|
<input class="main-menu-button" type="checkbox" id="main-menu-button" />
|
|
<label class="main-menu-label" for="main-menu-button"><span class="main-menu-icon"></span></label>
|
|
<ul class="main-menu-list" class="pl0 mr3">
|
|
{{ range .Site.Menus.main }}
|
|
<li class="list f5 f4-ns fw4 dib pr3">
|
|
<a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ .Name }} page">
|
|
{{ .Name }}
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
{{ end }}
|
|
<div class="top-social-container">
|
|
{{ partialCached "social-follow.html" . }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|