From 2f30ecf9479dd3d756dfc269a4c7ebd2411bf92b Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Mon, 22 Aug 2016 17:27:43 +0200
Subject: mobile: use sidenav; fix typo that caused the navbar to break

---
 themes/flog/layouts/partials/footer.html |  2 ++
 themes/flog/layouts/partials/header.html | 17 ++++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/themes/flog/layouts/partials/footer.html b/themes/flog/layouts/partials/footer.html
index c499460..a617ce6 100644
--- a/themes/flog/layouts/partials/footer.html
+++ b/themes/flog/layouts/partials/footer.html
@@ -11,6 +11,8 @@
             };
             function ready() {
                 parallax();
+                $('.button-collapse').sideNav();
+                $('.button-collapse').sideNav('hide');
             };
             $(document).ready(function() {
                 $(window).scroll(parallax);
diff --git a/themes/flog/layouts/partials/header.html b/themes/flog/layouts/partials/header.html
index 5b85cdb..a65b772 100644
--- a/themes/flog/layouts/partials/header.html
+++ b/themes/flog/layouts/partials/header.html
@@ -14,15 +14,26 @@
             <header>
                 <nav class="teal lighten-2">
                     <div class="nav-wrapper">
-                        <a href="/" class="brand-logo center">{{ .Title }}</a>
-                        <ul class="left">
+                        <a href="/" class="brand-logo">{{ .Title }}</a>
+                        <a href="#" data-activates="slide-sections" class="button-collapse">
+                            <i class="material-icons">menu</i>
+                        </a>
+                        <ul class="right hide-on-med-and-down">
                             {{ $active_section := (or .Section (or (and (not .IsPage) (lower .Title)) "")) }}
                             {{ range $section, $p := .Site.Sections }}
                             <li{{ if eq $active_section $section }} class="active"{{ end }}>
                                 <a href="/{{ $section }}/">{{ $section }}</a>
                             </li>
                             {{ end }}
-                        <ul>
+                        </ul> <!-- menu large -->
+                        <ul id="slide-sections" class="side-nav">
+                            {{ $active_section := (or .Section (or (and (not .IsPage) (lower .Title)) "")) }}
+                            {{ range $section, $p := .Site.Sections }}
+                            <li{{ if eq $active_section $section }} class="active"{{ end }}>
+                                <a href="/{{ $section }}/">{{ $section }}</a>
+                            </li>
+                            {{ end }}
+                        </ul> <!-- menu side -->
                     </div>
                 </nav>
             </header>
-- 
cgit v1.3.1