From ba930dfe0ec42e181000a4e2c460805fceeb2d9a Mon Sep 17 00:00:00 2001 From: Paul Duncan 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') 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