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/assets/script.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 themes/hugo-pt2021/assets/script.js

(limited to 'themes/hugo-pt2021/assets/script.js')

diff --git a/themes/hugo-pt2021/assets/script.js b/themes/hugo-pt2021/assets/script.js
new file mode 100644
index 0000000..bc95b27
--- /dev/null
+++ b/themes/hugo-pt2021/assets/script.js
@@ -0,0 +1,15 @@
+// enable burger menu support
+// src: https://bulma.io/documentation/components/navbar/
+document.addEventListener('DOMContentLoaded', () => {
+  "use strict";
+  // iterate through burgers
+  Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0).forEach(e => {
+    e.addEventListener('click', () => {
+      // get target from data-target attribute
+      const t = document.getElementById(e.dataset.target);
+
+      // toggle is-active on both burger and menu
+      [e, t].forEach(e => e.classList.toggle('is-active'));
+    });
+  });
+});
-- 
cgit v1.2.3