Add icon to language change button
This commit is contained in:
parent
807c27893d
commit
f47fa84035
|
@ -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;
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue