creatures_evolution_project/index.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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html id = "start">
<head>
    <title>start_screen</title>
	<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>
	<img class="background" src="./resources/background-screen.svg"/>
	<img class="screen_vector" src="./resources/icon-text.svg"/>

	<button class="main_menu_button start_button">
		<a id="start_a"><img src="./resources/start-text.svg"/></a>
	</button>
	<button id = "load_button" class="main_menu_button load_file_button">
		<a id = "load_a"><img src="./resources/load-file-text.svg"/></a>
	</button>
	<button class="main_menu_button preference_button">
		<a id = "settings_a"><img src="./resources/preferences-text.svg"/></a>
	</button>

	<button class="side_button tetris"><a href="tetris.html"><img src="./resources/t-solid.svg"></a></button>
	<button class="side_button help"><a href="help.html"><img src="./resources/question-solid.svg"></a></button>
	<button class="side_button quit" onclick="close_window(); return false;"><a id="quit_button"><img src="./resources/power-off-solid.svg"></a></button>
	<script src="./tinyi18n.js"></script>
	<script>
		tinyi18n.loadTranslations();
		let currentUrl = new URL(window.location.toLocaleString());
		var currentLang = currentUrl.searchParams.get("lang");
		if (currentLang == null) {
			currentLang = "en";
		}

		document.getElementById("start_a").href = "main_sim.html?load=false&lang="+currentLang;
		document.getElementById("settings_a").href = "settings.html?lang="+currentLang;

		let loadButton = document.getElementById("load_button");
		let loadPrompt = function(event) {
			event.preventDefault();
			file_input = document.createElement("input");
			file_input.addEventListener("change", uploadFile, false);
			file_input.type = "file";
			file_input.accept = ".crs";
			file_input.click();
		}

		function uploadFile() {
			let file = event.target.files[0];
			let reader = new FileReader();
			reader.readAsText(file,'UTF-8');
			result = reader.onload = readerEvent => {
				let content = readerEvent.target.result;
				if (content != null) {
					let saveInd = file.name.replace(/\D/g,"");
					window.location.href = "main_sim.html?load="+saveInd+"&lang="+currentLang;
				}
			}
		}

		loadButton.addEventListener("click", loadPrompt, false);

		function close_window() {
			if (confirm("Quit?")) {
				close();
			}
		}
	</script>
</body>