From 6bb6ad1e7725d0b2d2b7a345d8af9d372f269d9b Mon Sep 17 00:00:00 2001
From: malik <malik.wachter@protonmail.com>
Date: Wed, 24 Jan 2024 23:29:41 +0100
Subject: [PATCH] Add LocalStorage language selection save

---
 css/style.css |  8 ++++++--
 index.html    |  2 +-
 js/lang.js    | 43 +++++++++++++++++++++++++++++++++----------
 3 files changed, 40 insertions(+), 13 deletions(-)

diff --git a/css/style.css b/css/style.css
index 2b507f9..255a32b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -67,10 +67,14 @@ nav ul li a:hover{
     background-color: #e2de84;
     box-shadow: 5px 5px 5px black;
     width: 2.5em;
-    margin-top: 28px;
+    margin-top: 24px;
     margin-left: 5px;
 }
 
+#lang:hover{
+    cursor: pointer;
+}
+
 h1{
     color: black;
 }
@@ -204,7 +208,7 @@ h2{
 
     #lang{
         margin-left: 5px;
-        margin-bottom: 23px;
+        margin-bottom: 25px;
         width: 58px;
         transform: translateX(-60px);
     }
diff --git a/index.html b/index.html
index fda0139..bf63b00 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
         </ul>
       </nav>
       <img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
-      <a href="#ger" data-reload><img src="webicons/ger.png" id="lang" onclick="reload()"></a>
+      <img src="webicons/ger.png" id="lang" onclick="langChange()">
     </div>
 
     <div class="row">
diff --git a/js/lang.js b/js/lang.js
index 6e6c6a1..8a7fa39 100644
--- a/js/lang.js
+++ b/js/lang.js
@@ -1,3 +1,28 @@
+var isGermanTemp = localStorage.getItem('isGerman')
+var isGerman;
+
+if(isGermanTemp=''){
+    isGerman=false;
+}
+else{
+    isGerman=true;
+}
+
+function langChange() {
+        
+    if(isGerman==false){
+        isGerman=true;
+        localStorage.setItem("isGerman", isGerman);
+
+    }
+    else{
+        isGerman=false;
+        localStorage.setItem("isGerman", isGerman);
+
+    }
+
+    location.reload(true);
+};
 
 var language = {
     eng: {
@@ -10,20 +35,18 @@ var language = {
     }
 };
 
-if(window.location.hash) {
-    if(window.location.hash === "#ger") {
-        welcome.textContent = language.ger.welcome;
-    }
+if(isGerman==true) {
+    welcometitle.textContent = language.ger.welcometitle;
+    welcome.textContent = language.ger.welcome;
+}
+else{
+    welcometitle.textContent = language.eng.welcometitle;
+    welcome.textContent = language.eng.welcome;
 }
 
-    function langReload() {
-        if(localStorage)
-        
-        localStorage.setItem('Language') = ger
 
 
-        location.reload(true);
-    };
+