-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
39 lines (39 loc) · 2.37 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Speedy Keys</title>
<meta content="Speedy Keys" property="og:title" />
<meta content="How fast can you click keys on your keyboard?" property="og:description" />
<meta content="https://dorukyum.github.io/speedy-keys" property="og:url" />
<meta content="#FFFFFF" data-react-helmet="true" name="theme-color" />
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<h1>Speedy Keys</h1>
<h2>How fast can you click keys on your keyboard?</h2>
<label for="caseSensitive">Case sensitive</label>
<input id="caseSensitive" onchange="saveSetting(this)" type="checkbox">
<br>
<label for="numbersIncluded">Include numbers</label>
<input id="numbersIncluded" onchange="saveSetting(this)" type="checkbox">
<br>
<label for="count">Character count</label>
<input type="number" onchange="saveSetting(this)" id="count" min="0" value="5">
<div class="game">
<h3 id="time">0.00s</h3>
<p id="key">?</p>
<input id="in" type="text">
<br>
<button id="start" class="button start" onclick="play()">Start</button>
</div>
<a href="https://github.com/Dorukyum/speedy-keys">
<svg height="45" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16 0 0 7.16 0 16C0 23.08 4.58 29.06 10.94 31.18C11.74 31.32 12.04 30.84 12.04 30.42C12.04 30.04 12.02 28.78 12.02 27.44C8 28.18 6.96 26.46 6.64 25.56C6.46 25.1 5.68 23.68 5 23.3C4.44 23 3.64 22.26 4.98 22.24C6.24 22.22 7.14 23.4 7.44 23.88C8.88 26.3 11.18 25.62 12.1 25.2C12.24 24.16 12.66 23.46 13.12 23.06C9.56 22.66 5.84 21.28 5.84 15.16C5.84 13.42 6.46 11.98 7.48 10.86C7.32 10.46 6.76 8.82 7.64 6.62C7.64 6.62 8.98 6.2 12.04 8.26C13.32 7.9 14.68 7.72 16.04 7.72C17.4 7.72 18.76 7.9 20.04 8.26C23.1 6.18 24.44 6.62 24.44 6.62C25.32 8.82 24.76 10.46 24.6 10.86C25.62 11.98 26.24 13.4 26.24 15.16C26.24 21.3 22.5 22.66 18.94 23.06C19.52 23.56 20.02 24.52 20.02 26.02C20.02 28.16 20 29.88 20 30.42C20 30.84 20.3 31.34 21.1 31.18C27.42 29.06 32 23.06 32 16C32 7.16 24.84 0 16 0V0Z" fill="white" />
</svg>
</a>
<script src="./script.js"></script>
</body>
</html>