From 45cb83be239dff7e5791c7526d6e76bc3cb8e1e2 Mon Sep 17 00:00:00 2001
From: Zach <duong.nguyen@rochester.edu>
Date: Sun, 15 Oct 2023 16:56:38 -0400
Subject: [PATCH] Close navigation menu when dark overlay is clicked on

---
 script.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/script.js b/script.js
index edaa3c7..103ac97 100644
--- a/script.js
+++ b/script.js
@@ -11,8 +11,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     navigationLinks.forEach(navigationLink => {
       navigationLink.addEventListener('click', () => {
-        document.body.classList.remove('overflow-hidden');
-        hamburgerCheckbox.checked = false;
+          closeNavigationMenu();
       });
     });
 
@@ -43,6 +42,19 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
+    // Close navigation menu when the dark overlay is clicked on
+
+    const darkOverlay = navBar.querySelector('.bg-black');
+
+    darkOverlay.addEventListener('click', () => {
+        closeNavigationMenu();
+    });
+
+    function closeNavigationMenu() {
+        document.body.classList.remove('overflow-hidden');
+        hamburgerCheckbox.checked = false;
+    }
+
     // particles.js
 
     particlesJS.load('faq', 'assets/particlesjs-config.json');