creatures_evolution_project/settings.html at main · almost-jay/creatures_evolution_project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<html id = "settings">
<head>
	<meta charset="utf-16">
	<link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Kanit">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Mono">
    <link rel = "stylesheet" href = "styles.css">
</head>
<body>
	<div class = "help-text" style="margin: 10%">
		This was supposed to have more content :( sorry
		<br>
		<label for="lang">
			<h3 style="color:white" data-translatekey="lang_select"></h3>
		</label>
		<br>

		<select name="lang" id="lang" onchange="onchangeDropdown(this.value)">
			<option value="en">English</option>
			<option value="de">Deutsch</option>
			<option value="zh">中文</option>
			<option value="fi">Suomalainen</option>
		</select>
		<br>
		<a data-translatekey="untranslate_warning"></a>
	</div>
	<button><a id = "return_button" data-translatekey="return_menu"></a></button>
	<script src="./tinyi18n.js"></script>
	<script>
		tinyi18n.loadTranslations();
		let currentUrl = new URL(window.location.toLocaleString());
		var currentLang = currentUrl.searchParams.get("lang");

		if (tinyi18n.getLang() != currentLang) {
			tinyi18n.setLang(currentLang);
		}

		function onchangeDropdown(value) {
			tinyi18n.setLang(value);
			document.getElementById("return_button").href = "index.html?lang="+value;
		}

		document.getElementById("return_button").href = "index.html?lang="+currentLang;
	</script>
</body>