mawacode/mawacode.de
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add icon to language change button

Browse source
This commit is contained in:
malik 2024-02-03 15:16:02 +01:00
parent 807c27893d
commit f47fa84035
3 changed files with 30 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
css/style.css
View file

@ -36,11 +36,7 @@
} }
.menu-icon{ .menu-icon{
width: 30px;
cursor: pointer;
display: none; display: none;
background-color: #e2de84;
padding: 10px;
} }
nav{ nav{
@ -67,6 +63,13 @@ nav ul li a:hover{
cursor: pointer; cursor: pointer;
} }
#lang{
font-size: 225%;
position: absolute;
margin-top: -0.9em;
font-style: normal;
}
.activeTab{ .activeTab{
text-decoration-line: underline; text-decoration-line: underline;
text-decoration-thickness: 3px; text-decoration-thickness: 3px;
@ -209,6 +212,7 @@ table tr td{
@media only screen and (max-width:900px){ @media only screen and (max-width:900px){
nav ul{ nav ul{
width: 100%; width: 100%;
position: absolute; position: absolute;
@ -232,10 +236,21 @@ table tr td{
} }
.menu-icon{ .menu-icon{
display: block; display: inline;
width: 5em;
margin-right: 4%; margin-right: 4%;
} }
.menu-icon a{
font-size: 200%;
margin-right: 5%;
}
.menu-icon img{
width: 30px;
cursor: pointer;
}
#menuList{ #menuList{
overflow: hidden; overflow: hidden;
transition: 0.5s; transition: 0.5s;

5
index.html
View file

@ -24,7 +24,10 @@
<li><a onclick="langChange()" id="lang"></a></li> <li><a onclick="langChange()" id="lang"></a></li>
</ul> </ul>
</nav> </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>
<div class="content"> <div class="content">
<div class="row"> <div class="row">

8
js/lang.js
View file

@ -6,7 +6,8 @@ var language = {
aboutmenav: "About Me", aboutmenav: "About Me",
projectsnav: "Projects", projectsnav: "Projects",
contactnav: "Contact me", contactnav: "Contact me",
lang: "Switch to German", lang: "🇩🇪",
lang2: "🇩🇪",
//index.html //index.html
welcometitle: "Hey!", welcometitle: "Hey!",
welcome1: "My name is Malik and you have just strayed into my personal little corner of the Internet.", 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", aboutmenav: "Über Mich",
projectsnav: "Projekte", projectsnav: "Projekte",
contactnav: "Kontakt", contactnav: "Kontakt",
lang: "Wechseln zu Englisch", lang: "🇬🇧",
lang2: "🇬🇧",
//index.html //index.html
welcometitle: "Hey!", welcometitle: "Hey!",
welcome1: "Mein Name ist Malik und du hast dich soeben in meine Persönliche kleine Ecke im Internet verirrt.", 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; projectsnav.textContent = language.ger.projectsnav;
contactnav.textContent = language.ger.contactnav; contactnav.textContent = language.ger.contactnav;
lang.textContent = language.ger.lang; lang.textContent = language.ger.lang;
lang2.textContent = language.ger.lang2;
//index.html //index.html
if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) { if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) {
welcometitle.textContent = language.ger.welcometitle; welcometitle.textContent = language.ger.welcometitle;
@ -254,6 +257,7 @@ else{
projectsnav.textContent = language.eng.projectsnav; projectsnav.textContent = language.eng.projectsnav;
contactnav.textContent = language.eng.contactnav; contactnav.textContent = language.eng.contactnav;
lang.textContent = language.eng.lang; lang.textContent = language.eng.lang;
lang2.textContent = language.eng.lang2;
//index.html //index.html
if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) { if (window.location.pathname == '/' || window.location.href.indexOf("index") > -1) {
welcometitle.textContent = language.eng.welcometitle; welcometitle.textContent = language.eng.welcometitle;