Add working Translation (half)

aboutme.html

@@ -14,10 +14,10 @@
       <img src="webicons/logo.png" class="logo">
       <nav>
         <ul id="menuList">
-          <li><a href="index.html">Home</a></li>
+          <li><a href="index.html" id="homenav"></a></li>
-          <li><a href="aboutme.html">About Me</a></li>
+          <li><a href="aboutme.html" id="aboutmenav"></a></li>
-          <li><a href="projects.html">Projects</a></li>
+          <li><a href="projects.html" id="projectsnav"></a></li>
-          <li><a href="contactme.html">Contact Me</a></li>
+          <li><a href="contactme.html" id="contactnav"></a></li>
         </ul>
       </nav>
       <img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
@@ -26,17 +26,17 @@
 
     <div class="row">
       <div class="col-1">
-         <h1 id="aboutmetitle">hhh</h1>
+          <h1 id="aboutmetitle"></h1>
-         <h2>Hey, ich weiß selbst nach fast zwei Jahrzehnten auf diesem Planeten nicht genau, was ich über mich schreiben soll in solchen „Über Mich“s. Aber ich versuche es mal. :)</h2>
+          <h2 id="aboutme1"></h2>
           <p>‎</p>
-          <h2>Also ich interessiere mich sehr für alles rund um Computer. Ich nutze Linux und lerne gerade programmieren. Abseits vom Computer treffe ich mich gerne mit Freunden und höre sehr viel Musik. In letzter Zeit höre ich überwiegend Techno, daher gehe ich auch mega gerne regelmäßig in Technoclubs. </h2>
+          <h2 id="aboutme2"></h2>
           <p>‎</p>
-          <h2>Zu guter Letzt. Ich liebe Katzen und habe sogar zwei von diesen Spinnern.</h2>
+          <h2 id="aboutme3"></h2>
 
           <ul id="aboutmelinks">
-            <li><a href="aboutme/cats.html">Katzen</a></li>
+            <li><a href="aboutme/cats.html" id="aboutmebutton1"></a></li>
-            <li><a href="aboutme/linux.html">Linux</a></li>
+            <li><a href="aboutme/linux.html" id="aboutmebutton2"></a></li>
-            <li><a href="aboutme/techno.html">Top 10 Techno</a></li>
+            <li><a href="aboutme/techno.html" id="aboutmebutton3"></a></li>
           </ul>
       </div>
       <div class="col-2">

index.html

@@ -16,10 +16,10 @@
       <img src="webicons/logo.png" class="logo">
       <nav>
         <ul id="menuList">
-          <li><a href="index.html">Home</a></li>
+          <li><a href="index.html" id="homenav"></a></li>
-          <li><a href="aboutme.html">About Me</a></li>
+          <li><a href="aboutme.html" id="aboutmenav"></a></li>
-          <li><a href="projects.html">Projects</a></li>
+          <li><a href="projects.html" id="projectsnav"></a></li>
-          <li><a href="contactme.html">Contact Me</a></li>
+          <li><a href="contactme.html" id="contactnav"></a></li>
         </ul>
       </nav>
       <img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
@@ -29,9 +29,9 @@
     <div class="row">
       <div class="col-1">
          <h1 id="welcometitle"></h1>
-         <h2 id="welcome1">I'm Malik, some guy on the web who's learning to code.</h2>
+         <h2 id="welcome1"></h2>
          <p>‎</p>
-         <h2 id="welcome2">Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)</h2>
+         <h2 id="welcome2"></h2>
       </div>
       <div class="col-2">
         <img src="webicons/foto.png" class="fotovonmir">

js/lang.js

@@ -1,5 +1,10 @@
 var language = {
     eng: {
+        //nav
+        homenav: "Home",
+        aboutmenav: "About Me",
+        projectsnav: "Projects",
+        contactnav: "Contact me",
         //index.html
         welcometitle: "Hello Internet!",
         welcome1: "I'm Malik, some guy on the web who's learning to code.",
@@ -55,6 +60,11 @@ var language = {
         technoli10: "10. Atme Ein (Atme Rauch aus) | Butschi, Felix Jaehn, Fairy Mary"
     },
     ger: {
+        //nav
+        homenav: "Startseite",
+        aboutmenav: "Über Mich",
+        projectsnav: "Projekte",
+        contactnav: "Kontakt",
         //index.html
         welcometitle: "Hallo Internet!",
         welcome1: "Ich bin Malik, ein Typ aus dem Internet, der programmieren lernt.",
@@ -114,11 +124,19 @@ var language = {
 var isGerman = localStorage.getItem("isGerman") === "true";
 
 if(isGerman===true) {
+    //nav
+    homenav.textContent = language.ger.homenav;
+    aboutmenav.textContent = language.ger.aboutmenav;
+    projectsnav.textContent = language.ger.projectsnav;
+    contactnav.textContent = language.ger.contactnav;
     //index.html
+    if (window.location.href.indexOf("index") > -1) {
         welcometitle.textContent = language.ger.welcometitle;
         welcome1.textContent = language.ger.welcome1;
         welcome2.textContent = language.ger.welcome2;
+    }
     //aboutme.html
+    else if(window.location.href.indexOf("aboutme") > -1) {
         aboutmetitle.textContent = language.ger.aboutmetitle;
         aboutme1.textContent = language.ger.aboutme1;
         aboutme2.textContent = language.ger.aboutme2;
@@ -126,16 +144,24 @@ if(isGerman===true) {
         aboutmebutton1.textContent = language.ger.aboutmebutton1;
         aboutmebutton2.textContent = language.ger.aboutmebutton2;
         aboutmebutton3.textContent = language.ger.aboutmebutton3;
+    }
     //projects.html
+    else if(window.location.href.indexOf("projects") > -1) {
         projectstitle.textContent = language.ger.projectstitle;
         projects.textContent = language.ger.projects;
+    }
     //contactme.html
+    else if(window.location.href.indexOf("contactme") > -1) {
         contacttitle.textContent = language.ger.contacttitle;
         contact.textContent = language.ger.contact;
+    }
     //aboutme/cats.html
+    else if(window.location.href.indexOf("cats") > -1) {
         catstitle.textContent = language.ger.catstitle;
         cats.textContent = language.ger.cats;
+    }
     //aboutme/linux.html
+    else if(window.location.href.indexOf("linux") > -1) {
         linuxtitle.textContent = language.ger.linuxtitle;
         linux1.textContent = language.ger.linux1;
         linuxli1.textContent = language.ger.linuxli1;
@@ -154,7 +180,9 @@ if(isGerman===true) {
         linuxli11.textContent = language.ger.linuxli11;
         linuxli12.textContent = language.ger.linuxli12;
         linuxli13.textContent = language.ger.linuxli13;
+    }
     //aboutme/techno.html
+    else if(window.location.href.indexOf("techno") > -1) {
         technotitle.textContent = language.ger.technotitle;
         techno.textContent = language.ger.techno;
         technoli1.textContent = language.ger.technoli1;
@@ -168,12 +196,21 @@ if(isGerman===true) {
         technoli9.textContent = language.ger.technoli9;
         technoli10.textContent = language.ger.technoli10;
     }
+}
 else{
+    //nav
+    homenav.textContent = language.eng.homenav;
+    aboutmenav.textContent = language.eng.aboutmenav;
+    projectsnav.textContent = language.eng.projectsnav;
+    contactnav.textContent = language.eng.contactnav;
     //index.html
+    if (window.location.href.indexOf("index") > -1) {
         welcometitle.textContent = language.eng.welcometitle;
         welcome1.textContent = language.eng.welcome1;
         welcome2.textContent = language.eng.welcome2;
+    }
     //aboutme.html
+    else if(window.location.href.indexOf("aboutme") > -1) {
         aboutmetitle.textContent = language.eng.aboutmetitle;
         aboutme1.textContent = language.eng.aboutme1;
         aboutme2.textContent = language.eng.aboutme2;
@@ -181,16 +218,24 @@ else{
         aboutmebutton1.textContent = language.eng.aboutmebutton1;
         aboutmebutton2.textContent = language.eng.aboutmebutton2;
         aboutmebutton3.textContent = language.eng.aboutmebutton3;
+    }
     //projects.html
+    else if(window.location.href.indexOf("projects") > -1) {
         projectstitle.textContent = language.eng.projectstitle;
         projects.textContent = language.eng.projects;
+    }
     //contactme.html
+    else if(window.location.href.indexOf("contactme") > -1) {
         contacttitle.textContent = language.eng.contacttitle;
         contact.textContent = language.eng.contact;
+    }
     //aboutme/cats.html
+    else if(window.location.href.indexOf("cats") > -1) {
         catstitle.textContent = language.eng.catstitle;
         cats.textContent = language.eng.cats;
+    }
     //aboutme/linux.html
+    else if(window.location.href.indexOf("linux") > -1) {
         linuxtitle.textContent = language.eng.linuxtitle;
         linux1.textContent = language.eng.linux1;
         linuxli1.textContent = language.eng.linuxli1;
@@ -209,7 +254,9 @@ else{
         linuxli11.textContent = language.eng.linuxli11;
         linuxli12.textContent = language.eng.linuxli12;
         linuxli13.textContent = language.eng.linuxli13;
+    }
     //aboutme/techno.html
+    else if(window.location.href.indexOf("techno") > -1) {
         technotitle.textContent = language.eng.technotitle;
         techno.textContent = language.eng.techno;
         technoli1.textContent = language.eng.technoli1;
@@ -223,6 +270,7 @@ else{
         technoli9.textContent = language.eng.technoli9;
         technoli10.textContent = language.eng.technoli10;
     }
+}
 
 
 function langChange() {