Added burger script to all pages.

about.html

@@ -147,6 +147,29 @@
             </div>
           </div>
         </div>
+        <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
+        <script>document.addEventListener('DOMContentLoaded', () => {
+
+          // Get all "navbar-burger" elements
+          const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+        
+          // Add a click event on each of them
+          $navbarBurgers.forEach( el => {
+            el.addEventListener('click', () => {
+        
+              // Get the target from the "data-target" attribute
+              const target = el.dataset.target;
+              const $target = document.getElementById(target);
+        
+              // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+              el.classList.toggle('is-active');
+              $target.classList.toggle('is-active');
+        
+            });
+          });
+        
+        });</script>
+        <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
       </nav>
 
 

blog.html

@@ -85,6 +85,29 @@
             </div>
           </div>
         </div>
+        <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
+        <script>document.addEventListener('DOMContentLoaded', () => {
+
+          // Get all "navbar-burger" elements
+          const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+        
+          // Add a click event on each of them
+          $navbarBurgers.forEach( el => {
+            el.addEventListener('click', () => {
+        
+              // Get the target from the "data-target" attribute
+              const target = el.dataset.target;
+              const $target = document.getElementById(target);
+        
+              // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+              el.classList.toggle('is-active');
+              $target.classList.toggle('is-active');
+        
+            });
+          });
+        
+        });</script>
+        <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
       </nav>
 
 

projects.html

@@ -80,6 +80,29 @@
             </div>
           </div>
         </div>
+        <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
+        <script>document.addEventListener('DOMContentLoaded', () => {
+
+          // Get all "navbar-burger" elements
+          const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+        
+          // Add a click event on each of them
+          $navbarBurgers.forEach( el => {
+            el.addEventListener('click', () => {
+        
+              // Get the target from the "data-target" attribute
+              const target = el.dataset.target;
+              const $target = document.getElementById(target);
+        
+              // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+              el.classList.toggle('is-active');
+              $target.classList.toggle('is-active');
+        
+            });
+          });
+        
+        });</script>
+        <!-- This JS is required for mobile users to navigate the site, working on a mobile alternative -->
       </nav>