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