race/index.html at main · Viktor45/race · 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
70
71
72
73
74
75
76
77
78
<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>DoH Latency Test</title>
	<meta name="description" content="Test DNS-over-HTTPS server response times directly in your browser." />

	<!-- Content Security Policy: restrict sources but allow external DoH connections -->
	<meta http-equiv="Content-Security-Policy"
		content="default-src 'self'; connect-src *; img-src 'self' data:; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src https://fonts.gstatic.com; script-src 'self';" />
	<link rel="manifest" href="src/manifest.json" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="icon" type="image/x-icon" href="images/favicon.ico">
	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
	<meta name="theme-color" content="#3b82f6" />

	<link rel="stylesheet"
		href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

	<link rel="stylesheet" href="src/style.css" />
</head>

<body>
	<main>
		<header>
			<h1>DoH Latency Tester</h1>
			<p>Measure network latency and DNS resolution of DoH servers</p>
			<noscript>You need to enable JavaScript to run this app.</noscript>
		</header>

		<div class="controls">
			<button id="toggleSettingsBtn" class="settings-btn">
				<span class="material-symbols-outlined">settings</span>
				Settings
			</button>
		</div>

		<div class="file-inputs hidden" id="settingsForm">
			<label>
				DoH Servers (one per line, e.g. https://1.1.1.1/dns-query)
				<input type="file" id="serverFile" accept=".txt" />
			</label>

			<label>
				Domain to test
				<input type="text" id="singleDomain" placeholder="example.com" value="example.com" />
			</label>

			<label>
				Or upload domains.txt (one domain per line)
				<input type="file" id="domainFile" accept=".txt" />
			</label>
		</div>

		<div class="controls">
			<button id="startBtn">Start Test</button>
			<button id="cancelBtn" class="hidden">Cancel</button>
			<button id="exportBtn" class="hidden">Export CSV</button>
		</div>

		<div class="progress-group hidden">
			<progress id="progressBar" value="0" max="100"></progress>
			<div id="progressText">0 / 0 servers tested</div>
		</div>

		<div id="results" class="hidden">
			<h2>Results</h2>
			<ul id="resultsList" class="results-list"></ul>
		</div>
	</main>

	<script src="src/script.js"></script>
</body>

</html>