menu overlay fade in

This commit is contained in:
Joseph Hutchinson
2018-04-30 23:36:15 -04:00
parent a37f605d31
commit a41ab67dc1
4 changed files with 64 additions and 25 deletions

View File

@@ -3,7 +3,7 @@
{{ partial "head.html" . }}
<body class="single-body">
{{ partial "nav-bar.html" . }}
<main class="content side-padding">
<main class="content side-text-padding">
<article class="post">
<header class="post-header">
<h1 class="post-title">{{ .Title }}</h1>

View File

@@ -1,12 +1,13 @@
<nav class="nav-bar side-padding">
<h1 class="nav-header"><a href="/" class="nav-text">mdd</a></h1>
<div class="hamburger-menu">
<input type="checkbox" />
<input type="checkbox" onclick="hamburgerMenuPressed()"/>
<span></span>
<span></span>
<ul class="hamburger-menu-view">
<li><a href="/">Home</a></li>
{{ range $key, $value := .Site.Taxonomies.categories }}
<li><a href="{{ $.Site.BaseURL }}categories/{{ $key | urlize }}">{{ $key | humanize }}</a></li>
<li><a href="/categories/{{ $key | urlize }}">{{ $key | humanize }}</a></li>
{{ end }}
</ul>
</div>