Merge branch 'hotfix/2.0.7'

Author: AmbyrDevelops

index.html

@@ -26,7 +26,7 @@
                     <a class="navbar-brand" href="#">
                         <img class="logo-icon" src="./img/logo/ambyrdevelops.ico" alt="Ambyr Develops icon" />
                     </a>
-                    <button class="navbar-toggler nav-link" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
                         <span class="navbar-toggler-icon"></span>
                     </button>
                     <div class="navbar-collapse collapse" id="navbarText">
@@ -320,7 +320,4 @@ <h3>Running a marathon isn't easy</h3>
     </body>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
     <script src="./js/index.js"></script>
-    <script>
-        initializeNavbarCollapse();
-    </script>
 </html>

js/index.js

@@ -4,6 +4,19 @@ function initializeNavbarCollapse() {
         const navLinks = document.querySelectorAll('.nav-link'); // Select all nav links
         const navbarCollapse = document.querySelector('.navbar-collapse'); // Select the collapse element
 
+        // Show/hide functionality for the button
+        if (toggleButton && navbarCollapse) {
+            toggleButton.addEventListener('click', () => {
+                if (navbarCollapse.classList.contains('show')) {
+                    // Close the navbar
+                    navbarCollapse.classList.remove('show');
+                } else {
+                    // Open the navbar
+                    navbarCollapse.classList.add('show');
+                }
+            });
+        }
+
         navLinks.forEach(link => {
             link.addEventListener('click', () => {
                 if (navbarCollapse.classList.contains('show')) {
@@ -14,3 +27,6 @@ function initializeNavbarCollapse() {
         });
     });
 }
+
+// Call the function to initialize functionality
+initializeNavbarCollapse();

package.json

@@ -2,7 +2,7 @@
   "name": "Ambyr Develops",
   "email": "ambyr.develops@gmail.com",
   "homepage": "https://ambyrdevelops.github.io",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "",
   "main": "index.js",
   "scripts": {