websites/dennogumi
websites/dennogumi
1
0
Fork 0
Code Releases Activity

First attempt at using a hamburger menu on mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Luca Beltrame 2021-01-09 15:26:00 +01:00
parent a1ccc4bb2e
commit 55a840ae35
Signed by: einar
GPG key ID: 4707F46E9EC72DEC
4 changed files with 113 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
layouts/partials/site-navigation.html
View file

@ -1,16 +1,18 @@
<nav class="pv3 ph3 ph4-ns {{ .Site.Params.navigation_dimming_class | default "bg-black-50" }}" role="navigation">
<div class="flex-l justify-between items-center center b">
<a href="{{ .Site.Home.RelPermalink }}" class="f3 fw4 hover-white no-underline white-90 dib">
<a href="{{ .Site.Home.RelPermalink }}" class="site-logo f3 fw4 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="flex-l items-center">
<div class="main-menu-container flex-l items-center">
{{ partial "i18nlist.html" . }}
{{ if .Site.Menus.main }}
<ul class="pl0 mr3">
<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 fw4" href="{{ .URL }}" title="{{ .Name }} page">
@ -20,7 +22,9 @@
{{ end }}
</ul>
{{ end }}
<div class="top-social-container">
{{ partialCached "social-follow.html" . }}
</div>
</div>
</div>
</nav>