Add Translation script (testing)
This commit is contained in:
parent
36a7845c88
commit
a68ac4471e
11
index.html
11
index.html
|
@ -10,6 +10,7 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<img src="webicons/logo.png" class="logo">
|
<img src="webicons/logo.png" class="logo">
|
||||||
|
@ -22,15 +23,13 @@
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
<img src="webicons/menu.png" class="menu-icon" onclick="togglemenu()">
|
||||||
<a href="#ger"><img src="webicons/ger.png" id="lang"></a>
|
<a href="#ger" data-reload><img src="webicons/ger.png" id="lang"></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-1">
|
<div class="col-1">
|
||||||
<h1>Hallo Internet!</h1>
|
<h1 id="welcometitle">Hello Internet!</h1>
|
||||||
<h2>Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt.</h2>
|
<h2 id="welcome">I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)</h2>
|
||||||
<p> </p>
|
|
||||||
<h2>Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)</h2>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-2">
|
<div class="col-2">
|
||||||
<img src="webicons/foto.png" class="fotovonmir">
|
<img src="webicons/foto.png" class="fotovonmir">
|
||||||
|
@ -66,6 +65,8 @@
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<script src="js/lang.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
19
js/lang.js
19
js/lang.js
|
@ -1,16 +1,27 @@
|
||||||
|
|
||||||
|
var dataReload = document.querySelectorAll("[data-reload]");
|
||||||
|
|
||||||
var language = {
|
var language = {
|
||||||
eng: {
|
eng: {
|
||||||
welcometitle: "Hello Internet!",
|
welcometitle: "Hello Internet!",
|
||||||
welcome: "I'm Malik, some guy on the web who's learning to code. <br> Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)"
|
welcome: "I'm Malik, some guy on the web who's learning to code. Welcome to my personal website. Here you can find out more about me and my projects! Thanks for stopping by. :)"
|
||||||
},
|
},
|
||||||
ger: {
|
ger: {
|
||||||
welcometitle: "Hallo Internet!",
|
welcometitle: "Hallo Internet!",
|
||||||
welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt. <br> Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)"
|
welcome:"Ich bin Malik, irgend so ein Typ im Web, der gerade Programmieren lernt. Willkommen auf meiner persönlichen Webseite. Hier erfährst du mehr über mich und meine Projekte! Danke fürs Vorbeischauen. :)"
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
if(window.location.hash) {
|
if(window.location.hash) {
|
||||||
if(window.location.hash == "#ger") {
|
if(window.location.hash === "#ger") {
|
||||||
welcome.textContent = language.ger.welcome;
|
welcome.textContent = language.ger.welcome;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
for (i = 0; i <= dataReload.length; i++) {
|
||||||
|
dataReload[i].onclick = function() {
|
||||||
|
location.reload(true);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue