From 5bf7ceb31f1af6271830ca8d8480949f4e36ef27 Mon Sep 17 00:00:00 2001
From: LimePot <nelle@limepot.xyz>
Date: Thu, 9 Mar 2023 21:31:03 -0700
Subject: [PATCH] Added burger script to all pages.

---
 about.html    | 23 +++++++++++++++++++++++
 blog.html     | 23 +++++++++++++++++++++++
 projects.html | 23 +++++++++++++++++++++++
 3 files changed, 69 insertions(+)

diff --git a/about.html b/about.html
index c2cb240..5dfebcf 100644
--- a/about.html
+++ b/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>
 
 
diff --git a/blog.html b/blog.html
index e31bfc4..bdb0c9a 100644
--- a/blog.html
+++ b/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>
 
 
diff --git a/projects.html b/projects.html
index 07e914a..a31bb9c 100644
--- a/projects.html
+++ b/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>