From 194b55fff49dc66391e3e326dcb885c2eae7b3a5 Mon Sep 17 00:00:00 2001
From: marvinkrausser <koro.no.omo@gmail.com>
Date: Sat, 9 May 2026 07:52:30 +0200
Subject: [PATCH 1/4] changed responsivnes

---
 index.html                  | 20 ++++++++++--------
 styles/mobile_bar_style.css | 14 ++++++++++++-
 styles/projects_style.css   | 41 +++++++++++++++++++++++++++----------
 3 files changed, 54 insertions(+), 21 deletions(-)

diff --git a/index.html b/index.html
index 2195668..f673755 100644
--- a/index.html
+++ b/index.html
@@ -17,18 +17,20 @@
     <div id="navbar-mobile-links">
     </div>
 
-    <label class="switch">
-      <input type="checkbox" id="themeToggle2">
-      <span class="slider"></span>
-    </label>
+    <div class="mobile-config">
+      <label class="switch">
+        <input type="checkbox" id="themeToggle2">
+        <span class="slider"></span>
+      </label>
 
 
-    <div class="lang-dropdown" id="lang-dropdown2">
-      <button class="lang-button" id="lang-button2">Sprache</button>
+      <div class="lang-dropdown" id="lang-dropdown2">
+        <button class="lang-button" id="lang-button2">Sprache</button>
 
-      <div id="lang-menu2" class="lang-menu hidden">
-        <div class="lang-item hidden" data-lang="de">de</div>
-        <div class="lang-item hidden" data-lang="en">en</div>
+        <div id="lang-menu2" class="lang-menu hidden">
+          <div class="lang-item hidden" data-lang="de">de</div>
+          <div class="lang-item hidden" data-lang="en">en</div>
+        </div>
       </div>
     </div>
 
diff --git a/styles/mobile_bar_style.css b/styles/mobile_bar_style.css
index 137b30a..2a75724 100644
--- a/styles/mobile_bar_style.css
+++ b/styles/mobile_bar_style.css
@@ -15,6 +15,7 @@
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
+    z-index: 10;
 }
 
 #navbar-mobile.inactive {
@@ -95,7 +96,7 @@
 
 .navbar-item-mobile {
     width: 100%;
-    height: 80px;
+    height: 60px;
     list-style: none;
     display: flex;
     align-items: center;
@@ -115,4 +116,15 @@
     justify-content: center;
     align-items: center;
     padding: 10px;
+}
+
+.mobile-config {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: auto;
+    margin-bottom: 20px;
+    gap: 20px;
+    height: fit-content;
+    width: fit-content;
 }
\ No newline at end of file
diff --git a/styles/projects_style.css b/styles/projects_style.css
index 71fabfe..afcebd5 100644
--- a/styles/projects_style.css
+++ b/styles/projects_style.css
@@ -1,9 +1,15 @@
 .main-content {
     margin-left: var(--nav-w);
-    --margin-main-content: 100px;
+    --margin-main-content: 7vw;
     --margin-top: 100px;
 }
 
+@media (max-width: 1500px) {
+    .main-content {
+        --margin-main-content: 4vw;
+    }
+}
+
 @media (max-width: 1000px) {
     .main-content {
         margin-left: 0;
@@ -13,7 +19,7 @@
 }
 
 #introduction {
-    padding-top: var(--margin-top);
+    margin-top: var(--margin-top);
     margin-left: var(--margin-main-content);
     margin-bottom: 60px;
     margin-right: var(--margin-main-content);
@@ -116,11 +122,6 @@
     display: inline;
 }
 
-.text-content a {
-    font-size: var(--font-size);
-    font-weight: normal;
-}
-
 .text-link:hover {
     border-color: var(--text);
 }
@@ -128,13 +129,31 @@
 .text-link {
     display: inline-block;
     width: fit-content;
-    font-size: 0.90rem;
-    font-weight: 500;
+    font-size: var(--text-size);
+    font-weight: bolder;
     text-decoration: none;
-    border-bottom: 1px solid var(--border);
-    padding-bottom: 2px;
     transition: border-color 0.15s;
     white-space: nowrap;
+    position: relative;
+}
+
+.text-link:hover {
+    color: var(--text);
+}
+
+.text-link::before{
+    content: "";
+    width: 100%;
+    height: 1.2px;
+    background: var(--muted);
+    left: 0;
+    bottom: 2px;
+    position: absolute;
+    border-radius: 16px;
+}
+
+.text-link:hover::before {
+    background: var(--text);
 }
 
 .link-row {

From dcdb48db84fb656fa0a620013fbbceb8346dfb4f Mon Sep 17 00:00:00 2001
From: marvinkrausser <koro.no.omo@gmail.com>
Date: Sat, 9 May 2026 21:46:40 +0200
Subject: [PATCH 2/4] changed mobile navbar responsivenes

---
 index.html                  |  2 +-
 scripts/main_page.js        |  2 +-
 styles/main_style.css       |  2 +-
 styles/mobile_bar_style.css | 43 +++++++++++++++++++++++++++++--------
 styles/projects_style.css   |  2 +-
 styles/sidebar_style.css    | 28 +++++++++++++++---------
 6 files changed, 56 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index f673755..a58eec9 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-  <button id="button-mobile" class="button-mobile">22</button>
+  <button id="button-mobile" class="button-mobile no-navbar">22</button>
   <div id="navbar-mobile">
     <div id="navbar-mobile-links">
     </div>
diff --git a/scripts/main_page.js b/scripts/main_page.js
index 39b0c85..57a59c7 100644
--- a/scripts/main_page.js
+++ b/scripts/main_page.js
@@ -80,7 +80,7 @@ async function loadData() {
     const button_mobile = document.getElementById("button-mobile");
     button_navbar_mobile.textContent = "";
     button_mobile.textContent = "";
-    button_navbar_mobile.classList = "button-mobile";
+    button_navbar_mobile.classList = "button-mobile navbar";
     navbar_mobile_links.appendChild(button_navbar_mobile);
     button_navbar_mobile.addEventListener("click", () => {
         navbar_mobile.classList.toggle("inactive");
diff --git a/styles/main_style.css b/styles/main_style.css
index 941d37c..be0e25b 100644
--- a/styles/main_style.css
+++ b/styles/main_style.css
@@ -8,7 +8,7 @@
     --serif: Georgia, serif;
     --sans: system-ui, sans-serif;
     --nav-w: 230px;
-    --nav-mobile-w: 200px;
+    --nav-mobile-w: 60vw;
     --font-size: 1rem;
 }
 
diff --git a/styles/mobile_bar_style.css b/styles/mobile_bar_style.css
index 2a75724..ee8ed00 100644
--- a/styles/mobile_bar_style.css
+++ b/styles/mobile_bar_style.css
@@ -10,7 +10,6 @@
     align-items: center;
     border-right: 1px solid var(--border);
     gap: 10px;
-    background: var(--bg);
     transition: left 0.3s;
     -webkit-user-select: none;
     -ms-user-select: none;
@@ -18,6 +17,15 @@
     z-index: 10;
 }
 
+#navbar-mobile::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--bg);
+  opacity: 0.992;
+  z-index: -1;
+}
+
 #navbar-mobile.inactive {
     left: calc(var(--nav-mobile-w) * (-1))
 }
@@ -33,7 +41,9 @@
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
-    gap: 10px;
+    width: 100%;
+    border-bottom: 1px solid var(--border);
+    height: fit-content;
 }
 
 .button-mobile {
@@ -47,6 +57,10 @@
     border: 1px solid var(--border);
 }
 
+.button-mobile.navbar {
+    margin-bottom: 20px;
+}
+
 .button-mobile::before {
     content: "";
     position: absolute;
@@ -83,28 +97,31 @@
     background: var(--bg2);
 }
 
-#button-mobile {
+.button-mobile.no-navbar {
     position: fixed;
     top: 5px;
     left: 5px;
     margin-top: 0;
 }
 
-#button-mobile.inactive {
+.button-mobile.no-navbar.inactive {
     display: none;
 }
 
 .navbar-item-mobile {
     width: 100%;
-    height: 60px;
+    height: 8vh;
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: center;
+    border-top: 1px solid var(--border);
 }
 
-.navbar-item-mobile:hover {
-    background: var(--surface);
+@media (hover: hover) and (pointer: fine) {
+    .navbar-item-mobile:hover {
+        background: var(--surface);
+    }
 }
 
 .nav-link-mobile {
@@ -121,10 +138,18 @@
 .mobile-config {
     display: flex;
     flex-direction: column;
-    align-items: center;
+    align-items: flex-start;
     margin-top: auto;
     margin-bottom: 20px;
     gap: 20px;
     height: fit-content;
-    width: fit-content;
+    width: 100%;
+}
+
+.mobile-config .switch{
+    margin-left: 40px;;
+}
+
+.mobile-config .lang-dropdown {
+    margin-left: 19.5px;
 }
\ No newline at end of file
diff --git a/styles/projects_style.css b/styles/projects_style.css
index afcebd5..144c7b3 100644
--- a/styles/projects_style.css
+++ b/styles/projects_style.css
@@ -14,7 +14,7 @@
     .main-content {
         margin-left: 0;
         --margin-main-content: 20px;
-        --margin-top: 30px;
+        --margin-top: 50px;
     }
 }
 
diff --git a/styles/sidebar_style.css b/styles/sidebar_style.css
index deb2b11..adb8546 100644
--- a/styles/sidebar_style.css
+++ b/styles/sidebar_style.css
@@ -82,8 +82,10 @@
     font-size: 0.75rem;
 }
 
-.nav-link:hover {
-    color: var(--text);
+@media (hover: hover) and (pointer: fine) {
+    .nav-link:hover {
+        color: var(--text);
+    }
 }
 
 .nav-link.active {
@@ -162,8 +164,10 @@
     border: 1px solid var(--border);
 }
 
-.slider:hover {
-    border: 1px solid var(--text);
+@media (hover: hover) and (pointer: fine) {
+    .slider:hover {
+        border: 1px solid var(--text);
+    }
 }
 
 .slider:before {
@@ -233,9 +237,11 @@ input:checked+.slider:before {
     color: var(--muted);
 }
 
-.lang-item:hover {
-    border-color: var(--text);
-    color: var(--text);
+@media (hover: hover) and (pointer: fine) {
+    .lang-item:hover {
+        border-color: var(--text);
+        color: var(--text);
+    }
 }
 
 .lang-button {
@@ -255,9 +261,11 @@ input:checked+.slider:before {
     font-size: 14px;
 }
 
-.lang-button:hover {
-    border-color: var(--text);
-    color: var(--text);
+@media (hover: hover) and (pointer: fine) {
+    .lang-button:hover {
+        border-color: var(--text);
+        color: var(--text);
+    }
 }
 
 /* Contact */

From ac02f3e7bceb91b9d6f6cb8ed8ee349be84ebf18 Mon Sep 17 00:00:00 2001
From: marvinkrausser <koro.no.omo@gmail.com>
Date: Mon, 11 May 2026 04:21:26 +0200
Subject: [PATCH 3/4] changed borders

---
 styles/projects_style.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/styles/projects_style.css b/styles/projects_style.css
index 144c7b3..d7d12b0 100644
--- a/styles/projects_style.css
+++ b/styles/projects_style.css
@@ -35,7 +35,6 @@
 
 .project-section {
     border-top: 1px solid var(--border);
-    border-bottom: 1px solid var(--border);
 }
 
 .content-block {

From e73773cd7109f1e7465eb80844c7cbe9448b0037 Mon Sep 17 00:00:00 2001
From: marvinkrausser <koro.no.omo@gmail.com>
Date: Mon, 11 May 2026 04:41:23 +0200
Subject: [PATCH 4/4] added html lang change

---
 scripts/main_page.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/scripts/main_page.js b/scripts/main_page.js
index 57a59c7..16dc02f 100644
--- a/scripts/main_page.js
+++ b/scripts/main_page.js
@@ -6,6 +6,8 @@ if (lang != "en" && lang != "de") {
     lang = "en";
 }
 
+document.documentElement.lang = lang;
+
 history.scrollRestoration = "manual";
 
 function saveScroll() {