fbievan/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added option for mobile hamburger menu for main nav; searchbar on mobile stretches to full width; tweaked header items alignment

Browse source
This commit is contained in:
Gabriele Musco 2021-04-18 13:04:19 +02:00
parent 4e6095228c
commit 724b8e2fe2
No known key found for this signature in database
GPG key ID: 8539FD3454380B83
3 changed files with 124 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

14
layouts/partials/header.html
View file

@ -4,9 +4,19 @@
<div id="titleContainer">
<img src='{{ .Site.Params.Logo | default "/img/icon.svg" }}' />
<div>
<h1>{{ .Site.Title | default "Ficurinia" }}</h1>
<div class="titleAndHamburger">
<h1>{{ .Site.Title | default "Ficurinia" }}</h1>
{{ if .Site.Params.mobileHamburgerNav | default false }}
<label id="hamburger-menu" for="main-nav-toggler">
&#xf85b;
</label>
{{ end }}
</div>
<nav>
<ul>
{{ if .Site.Params.mobileHamburgerNav | default false }}
<input type="checkbox" id="main-nav-toggler" />
{{ end }}
<ul id="main-nav">
<li><a href="/">Home</a></li>
<li><a href="/posts">Posts</a></li>
{{ $pagesDir := .Site.Params.Pages | default (slice "pages") }}