feat: Collapse the menu upon item selection

without using jQuery anymore.
As this is the last dependent of it, we can now safely remove the
unsused package.

.github/workflows/vendor-integrity.yml

@@ -38,9 +38,6 @@ jobs:
             - name: Run build:font-awesome
               run: npm run build:font-awesome
 
-            - name: Run build:jquery
-              run: npm run build:jquery
-
             - name: Run build:leaflet
               run: npm run build:leaflet
 

about.html

@@ -186,9 +186,6 @@ <h2>Verwendetes Bild im Kopf der Seite</h2>
             </div>
         </footer>
 
-        <!-- jQuery -->
-        <script src="vendor/jquery/jquery.min.js"></script>
-
         <!-- Bootstrap Core JavaScript -->
         <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
 

index.html

@@ -345,9 +345,6 @@ <h2>oder via</h2>
             </div>
         </footer>
 
-        <!-- jQuery -->
-        <script src="vendor/jquery/jquery.min.js"></script>
-
         <!-- Bootstrap Core JavaScript -->
         <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
 

js/grayscale.js

@@ -6,6 +6,7 @@
 
 document.addEventListener("DOMContentLoaded", function () {
     const links = document.querySelectorAll("a.page-scroll");
+    const menuItems = document.querySelectorAll(".navbar-collapse ul li a");
     const navbar = document.querySelector(".navbar-custom");
 
     // event listener to collapse the navbar on scroll
@@ -39,9 +40,11 @@ document.addEventListener("DOMContentLoaded", function () {
             }
         });
     });
-});
 
-// Closes the Responsive Menu on Menu Item Click
-$(".navbar-collapse ul li a").click(function () {
-    $(".navbar-toggler:visible").click();
+    // Closes the Responsive Menu on Menu Item Click
+    menuItems.forEach((item) => {
+        item.addEventListener("click", function () {
+            document.querySelector(".navbar-toggler").click();
+        });
+    });
 });

package.json

@@ -8,7 +8,6 @@
         "build:bootstrap": "rm -rf vendor/bootstrap; cp -r node_modules/bootstrap/dist/ vendor/bootstrap/",
         "build:dsicons": "./node_modules/svgtofont/lib/cli.js --sources ./node_modules/decentralized-social-icons/src/ --output ./vendor/decentralized-social-icons/ --fontName DSoci",
         "build:font-awesome": "rm -rf vendor/font-awesome; mkdir vendor/font-awesome; cp -r node_modules/@fortawesome/fontawesome-free/css/ vendor/font-awesome/css/; cp -r node_modules/@fortawesome/fontawesome-free/webfonts/ vendor/font-awesome/webfonts/;",
-        "build:jquery": "cp node_modules/jquery/dist/jquery.min.js vendor/jquery/jquery.min.js",
         "build:leaflet": "rm -rf vendor/leaflet; cp -r node_modules/leaflet/dist/ vendor/leaflet/",
         "build:lora": "rm -rf vendor/@fontsource/lora/; mkdir -p vendor/@fontsource/; cp -r node_modules/@fontsource/lora/ vendor/@fontsource/lora/; cat vendor/@fontsource/lora/400.css vendor/@fontsource/lora/700.css vendor/@fontsource/lora/400-italic.css vendor/@fontsource/lora/700-italic.css > vendor/@fontsource/lora/400_700_400italic_700italic.css",
         "build:montserrat": "rm -rf vendor/@fontsource/montserrat/; mkdir -p vendor/@fontsource/; cp -r node_modules/@fontsource/montserrat/ vendor/@fontsource/montserrat/; cat vendor/@fontsource/montserrat/400.css vendor/@fontsource/montserrat/700.css > vendor/@fontsource/montserrat/400_700.css",
@@ -30,7 +29,6 @@
         "@fortawesome/fontawesome-free": "^6.7.2",
         "bootstrap": "^5.3.3",
         "decentralized-social-icons": "git+https://codeberg.org/WeDistribute/decentralized-social-icons.git",
-        "jquery": "^3.7.1",
         "leaflet": "^1.9.4",
         "less": "^4.2.1",
         "prettier": "^3.4.2",

satzung.html

@@ -574,9 +574,6 @@ <h3>§ 13 Auflösung des Vereins und Anfallberechtigung</h3>
             </div>
         </footer>
 
-        <!-- jQuery -->
-        <script src="vendor/jquery/jquery.min.js"></script>
-
         <!-- Bootstrap Core JavaScript -->
         <script src="vendor/bootstrap/js/bootstrap.min.js"></script>