From ba930dfe0ec42e181000a4e2c460805fceeb2d9a Mon Sep 17 00:00:00 2001
From: Paul Duncan <pabs@pablotron.org>
Date: Sun, 17 Oct 2021 19:52:10 -0400
Subject: add menu script, fix menu rendering on mobile

---
 themes/hugo-pt2021/layouts/partials/head.html   | 11 ++++++++++-
 themes/hugo-pt2021/layouts/partials/header.html |  8 +++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

(limited to 'themes/hugo-pt2021/layouts/partials')

diff --git a/themes/hugo-pt2021/layouts/partials/head.html b/themes/hugo-pt2021/layouts/partials/head.html
index 37ec18c..56468e4 100644
--- a/themes/hugo-pt2021/layouts/partials/head.html
+++ b/themes/hugo-pt2021/layouts/partials/head.html
@@ -10,7 +10,7 @@
     {{- end -}}
   </title>
 
-  {{/* set stylesheet */}}
+  {{/* load stylesheet */}}
   {{- $options := (dict "targetPath" "style.css" "outputStyle" "compressed" "enableSourceMap" false) -}}
   {{- $style := resources.Get "style.sass" | resources.ToCSS $options | resources.Fingerprint -}}
   <link
@@ -20,6 +20,15 @@
     integrity='{{ $style.Data.Integrity }}'
   />
 
+  {{/* load javascript */}}
+  {{- $script := resources.Get "script.js" | js.Build "script.js" | minify | fingerprint -}}
+  <script
+    type='text/javascript'
+    src='{{ $script.Permalink }}'
+    integrity='{{ $script.Data.Integrity }}'
+    defer
+  ></script>
+
   {{/* add feeds */}}
   {{- range .AlternativeOutputFormats -}}
     {{- printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML -}}
diff --git a/themes/hugo-pt2021/layouts/partials/header.html b/themes/hugo-pt2021/layouts/partials/header.html
index 20abe46..cdeebb9 100644
--- a/themes/hugo-pt2021/layouts/partials/header.html
+++ b/themes/hugo-pt2021/layouts/partials/header.html
@@ -30,7 +30,7 @@
     </a>
   </div>
 
-  <div id='page-menu' class='navbar-menu'>
+  <div id='page-menu' class='navbar-menu is-black'>
     <div class='navbar-start'>
       {{- range $.Site.Data.menu.start -}}
         <a
@@ -68,7 +68,7 @@
           {{- if .icon -}}
             <img
               src='{{.icon}}'
-              class='menu-icon'
+              class='menu-icon is-hidden-touch'
               width='{{$icon_width}}'
               height='{{$icon_height}}'
               title='{{.help}}'
@@ -77,7 +77,9 @@
           {{- end -}}
 
           {{- if .name -}}
-            {{- .name -}}
+            <span class='is-hidden-desktop'>
+              {{- .name -}}
+            </span>
           {{- end -}}
         </a><!-- navbar-item -->
       {{- end -}}
-- 
cgit v1.2.3