From f47fa84035c5f24e7dccfab059db36928d372be9 Mon Sep 17 00:00:00 2001
From: malik <malik.wachter@protonmail.com>
Date: Sat, 3 Feb 2024 15:16:02 +0100
Subject: [PATCH] Add icon to language change button

---
 css/style.css | 25 ++++++++++++++++++++-----
 index.html    |  5 ++++-
 js/lang.js    |  8 ++++++--
 3 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/css/style.css b/css/style.css
index db08c95..4107437 100644
--- a/css/style.css
+++ b/css/style.css
@@ -36,11 +36,7 @@
 }
 
 .menu-icon{
-    width: 30px;
-    cursor: pointer;
     display: none;
-    background-color: #e2de84;
-    padding: 10px;
 }
 
 nav{
@@ -67,6 +63,13 @@ nav ul li a:hover{
     cursor: pointer;
 }
 
+#lang{
+    font-size: 225%;
+    position: absolute;
+    margin-top: -0.9em;
+    font-style: normal; 
+}
+
 .activeTab{
     text-decoration-line: underline;
     text-decoration-thickness: 3px;
@@ -209,6 +212,7 @@ table tr td{
 
 @media only screen and (max-width:900px){
 
+
     nav ul{
         width: 100%;
         position: absolute;
@@ -232,10 +236,21 @@ table tr td{
     }
 
     .menu-icon{
-        display: block;
+        display: inline;
+        width: 5em;
         margin-right: 4%;
     }
 
+    .menu-icon a{
+        font-size: 200%;
+        margin-right: 5%;
+    }
+
+    .menu-icon img{
+        width: 30px;
+        cursor: pointer;
+    }
+
     #menuList{
         overflow: hidden;
         transition: 0.5s;
diff --git a/index.html b/index.html
index e9ec2c6..b78a85f 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,10 @@
           <li><a onclick="langChange()" id="lang"></a></li>
         </ul>
       </nav>
-      <img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
+      <div class="menu-icon">
+        <a onclick="langChange()" id="lang2"></a>
+        <img src="webicons/menu.png" onclick="togglemenu()">
+      </div>
     </div>
     <div class="content">
       <div class="row">
diff --git a/js/lang.js b/js/lang.js
index e809f60..f256d76 100644
--- a/js/lang.js
+++ b/js/lang.js
@@ -6,7 +6,8 @@ var language = {
         aboutmenav: "About Me",
         projectsnav: "Projects",
         contactnav: "Contact me",
-        lang: "Switch to German",
+        lang: "🇩🇪",
+        lang2: "🇩🇪",
         //index.html
         welcometitle: "Hey!",
         welcome1: "My name is Malik and you have just strayed into my personal little corner of the Internet.",
@@ -82,7 +83,8 @@ var language = {
         aboutmenav: "Über Mich",
         projectsnav: "Projekte",
         contactnav: "Kontakt",
-        lang: "Wechseln zu Englisch",
+        lang: "🇬🇧",
+        lang2: "🇬🇧",
         //index.html
         welcometitle: "Hey!",
         welcome1: "Mein Name ist Malik und du hast dich soeben in meine Persönliche kleine Ecke im Internet verirrt.",
@@ -164,6 +166,7 @@ if(isGerman===true) {
     projectsnav.textContent = language.ger.projectsnav;
     contactnav.textContent = language.ger.contactnav;
     lang.textContent = language.ger.lang;
+    lang2.textContent = language.ger.lang2;
     //index.html
     if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) {
         welcometitle.textContent = language.ger.welcometitle;
@@ -254,6 +257,7 @@ else{
     projectsnav.textContent = language.eng.projectsnav;
     contactnav.textContent = language.eng.contactnav;
     lang.textContent = language.eng.lang;
+    lang2.textContent = language.eng.lang2;
     //index.html
     if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) {
         welcometitle.textContent = language.eng.welcometitle;