diff options
| -rw-r--r-- | themes/flog/layouts/partials/footer.html | 2 | ||||
| -rw-r--r-- | 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> |