better-speedrun-retimer/settings.html at main · NoobJsPerson/better-speedrun-retimer · 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
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Settings</title>
	<link rel="stylesheet" href="modes.css">
	<link rel="shortcut icon" href="icon.png">
	<link rel="apple-touch-icon" href="icon.png">
	<script src="settheme.js"></script>
	<script src="translation.js" defer></script>
	<script src="settings.js" defer></script>
	<style>
		.global-container {
			width: 66vw;
			height: 77vh;
			padding: 5px;
			border-radius: 15px;
			/* border: 1px grey solid; */
		}

		@media (max-width: 700px) {
			.global-container {
				width: 100%;
				height: 35vh;
				padding: 0;
				border-radius: 0;
			}
		}
	</style>
</head>

<body>
	<div class="global-container">
		<button onclick="window.open('https://github.com/NoobJsPerson/better-speedrun-retimer','_blank').focus();"
			id="sourcecodebutton">Source
			Code</button>
		<button onclick="window.location = 'index.html';" id="backtohome">Back to Home</button>
		<button onclick="changeMode()" id="theme">Change Theme</button>
		<select style="float: right;">
			<option value="EN" selected>English</option>
			<option value="PT">Português</option>
			<option value="IT">Italiano</option>
			<option value="FR">Français</option>
			<option value="ES">Español</option>
			<option value="DE">Deutsch</option>
		</select>

		<h2 for="customModMessage" id="cmds">Custom Mod Message</h2>
		<div class="paddingleft">
			<p><code>${start}</code> – <span id="wstts">The moment the timer starts</span><br>
				<code>${end}</code> – <span id="wstte">The moment the timer ends</span><br>
				<code>${framerate}</code> – <span id="fv">Framerate of the video</span><br>
				<code>${timeStr}</code> – <span id="ft">Final time</span>
			</p>
			<textarea id="customModMessage" cols="40" rows="7" onchange="setModMessage(event)"></textarea>
			<button onclick="resetModMessage()" id="resetbutton">Reset</button>
		</div>
		<h2 for="framerate" id="fra">Framerate</h2>
		<div class="paddingleft">
			<p id="setcustomfps">Set a custom default framerate.</p>
			<input id="framerate-input">
		</div>
	</div>
</body>

</html>