add menu script, fix menu rendering on mobile

1 files changed, 15 insertions, 0 deletions

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'));
+    });
+  });
+});