Fix jgthms#3211

Author: jgthms

docs/_data/sponsors.json

@@ -292,6 +292,13 @@
       "width":"125",
       "height":"28",
       "follow": true
+    },
+    "quickbookstoolhub": {
+      "name": "quickbookstoolhub",
+      "url": "https://quickbookstoolhub.com/",
+      "title": "Quickbooks Tool Hub",
+      "width":"64",
+      "height":"64"
     }
   },
   "home": [
@@ -315,6 +322,7 @@
     ,"gamblizard"
     ,"casinofiables"
     ,"123calendars"
+    ,"quickbookstoolhub"
   ],
   "footer": [
     "polygon"

docs/_includes/examples/navbar-bottom.html

@@ -3,7 +3,7 @@
     <a class="navbar-item" href="{{ site.url }}">
       <img src="{{ site.url }}/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
     </a>
-    <div class="navbar-burger burger" data-target="navbarExample{{ include.id }}">
+    <div class="navbar-burger" data-target="navbarExample{{ include.id }}">
       <span></span>
       <span></span>
       <span></span>

docs/_includes/examples/navbar-color.html

@@ -7,7 +7,7 @@
         <img src="{{ site.url }}/images/bulma-logo-white.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
       {% endif %}
     </a>
-    <div class="navbar-burger burger" data-target="navMenuColor{{ include.color }}-example">
+    <div class="navbar-burger" data-target="navMenuColor{{ include.color }}-example">
       <span></span>
       <span></span>
       <span></span>

docs/_includes/examples/navbar.html

@@ -3,7 +3,7 @@
     <a class="navbar-item" href="{{ site.url }}">
       <img src="{{ site.url }}/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
     </a>
-    <div class="navbar-burger burger" data-target="navbarExample{{ include.id }}">
+    <div class="navbar-burger" data-target="navbarExample{{ include.id }}">
       <span></span>
       <span></span>
       <span></span>

docs/_includes/global/navbar.html

@@ -17,7 +17,7 @@
       </span>
     </a>
 
-    <div id="navbarBurger" class="navbar-burger burger" data-target="navMenu{{ include.id }}">
+    <div id="navbarBurger" class="navbar-burger" data-target="navMenu{{ include.id }}">
       <span></span>
       <span></span>
       <span></span>

docs/_javascript/main.js

@@ -136,10 +136,14 @@ document.addEventListener('DOMContentLoaded', () => {
 
   // Toggles
 
-  const $burgers = getAll('.burger');
+  const $burgers = getAll('.navbar-burger');
 
   if ($burgers.length > 0) {
     $burgers.forEach($el => {
+      if (!$el.dataset.target) {
+        return;
+      }
+
       $el.addEventListener('click', () => {
         const target = $el.dataset.target;
         const $target = document.getElementById(target);