Add LocalStorage language selection save

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);
     }

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">

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(isGerman==true) {
-    if(window.location.hash === "#ger") {
+    welcometitle.textContent = language.ger.welcometitle;
-        welcome.textContent = language.ger.welcome;
+    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);
-    };