From 7e449992f4b48a4401d962b663ae5123b43bddae Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Wed, 23 May 2018 09:52:15 -0400
Subject: [PATCH] Fix issue of mobile without javascript not having a menu

---
 brutaldon/templates/base.html | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/brutaldon/templates/base.html b/brutaldon/templates/base.html
index 39fa5f5..67bd807 100644
--- a/brutaldon/templates/base.html
+++ b/brutaldon/templates/base.html
@@ -27,14 +27,8 @@
                   <img src="{% static "images/brutaldon.png" %}" 
                        width="32" height="32" alt="Brutaldon">
               </a>
-              <a role="button" class="navbar-burger" aria-label="menu"
-                 aria-expanded="false" data-target="navMenu">
-                  <span aria-hidden="true"></span>
-                  <span aria-hidden="true"></span>
-                  <span aria-hidden="true"></span>
-              </a>              <!-- navbar items, navbar burger... -->
           </div>
-          <div class="navbar-menu" id="navMenu">
+          <div class="navbar-menu is-active" id="navMenu">
               <!-- navbar start, navbar end -->
               <div class="navbar-start">
                   <a href="{% url "home" %}" class="navbar-item">Home</a>
@@ -64,6 +58,26 @@
   {% if not fullbrutalism %}
       <script type="application/javascript">
 document.addEventListener('DOMContentLoaded', function () {
+    // Remove is-active from navbar menu
+    var menu = document.querySelector('#navMenu');
+    menu.classList.remove('is-active');
+
+    // Add the burger
+    var brand = document.querySelector('.navbar-brand');
+    var burger = document.createElement('a');
+    burger.classList.toggle('navbar-burger');
+    burger.setAttribute("aria-label", "menu");
+    burger.setAttribute("aria-expanded", "false");
+    burger.setAttribute("data-target", "navMenu");
+    for (var index = 0; index < 3; index++)
+    {
+        var span = document.createElement('span');
+        span.setAttribute('aria-hidden', "true");
+        burger.appendChild(span);
+    }
+    brand.appendChild(burger);
+
+
 
     // Get all "navbar-burger" elements
     var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);