added redirect file

compose.yaml

@@ -5,4 +5,8 @@ services:
     image: portfolio_website
     expose:
       - "8081"
-    restart: unless-stopped
+    restart: unless-stopped
+
+networks:
+  backend:
+   name: portfolio

scripts/main_page.js

@@ -66,11 +66,12 @@ async function loadData() {
     const sidebar_top = document.getElementById("sidebar-top-content");
 
     const navbar_mobile = document.getElementById("navbar-mobile");
-    const button_mobile2 = document.getElementById("button_mobile");
+    const button_mobile2 = document.getElementById("button-mobile");
 
     document.addEventListener("click", (e) => {
-        if (!e.target.closest("navbar-mobile") && button_mobile2.classList.contains("inactive")) {
+        if (!e.target.closest("#navbar-mobile") && !e.target.closest("#button-mobile") && !navbar_mobile.classList.contains("inactive")) {
             navbar_mobile.classList.add("inactive");
+            button_mobile2.classList.remove("inactive");
         }
     });
 

styles/mobile_bar_style.css

@@ -12,6 +12,11 @@
     gap: 10px;
     background: var(--bg);
     transition: left 0.3s;
+<<<<<<< HEAD
+=======
+    -webkit-user-select: none;
+    -ms-user-select: none;
+>>>>>>> 42b4b12c3c410c9f7ae1bb9721b305f786481533
     user-select: none;
 }
 

styles/sidebar_style.css

@@ -69,6 +69,9 @@
 }
 
 .navbar-item {
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
     position: relative;
     font-weight: normal;
     margin: 5px 0px 5px 0px;
@@ -126,6 +129,9 @@
     border-bottom: 1px solid var(--border);
     padding-bottom: 20px;
     gap: 20px;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 /* Color Switch */
@@ -197,6 +203,9 @@ input:checked+.slider:before {
     align-items: center;
     border: none;
     background: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 .lang-dropdown.show-border {