-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
76 lines (76 loc) · 3.76 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
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
<!DOCTYPE HTML>
<html>
<head>
<title>Measure your WPM | fluxTyper</title>
<link rel="stylesheet" href="stylesheet/styles.css" />
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;1,700;1,800&display=swap" rel="stylesheet">
<link href="https://css.gg/undo.css" rel="stylesheet">
<link href="https://css.gg/code-slash.css" rel="stylesheet">
<script src="scripts/jquery.js"></script>
</head>
<body>
<div class="bodyCurtain"></div>
<div class="bodyContainer">
<div class="topNavigation_Container">
<h1>fluxTyper</h1>
<div class="Right">
<a class="navItem" href="https://github.com/FFFFFF-base16/fluxTyper">About</a>
<a class="navItem" href="https://github.com/FFFFFF-base16/fluxTyper">Source</a>
<div class="Refresh">
<a class="navReload" onclick="reload();"><i class="gg-undo"></i></a>
</div>
</div>
</div>
<div class="mainContent_Container">
<div class="passage_Container"></div>
<div class="passageInput_Container"><input class="passageInput" type="text"/></div>
<div class="passageInput_hint">Type above to begin</div>
<div class="passageInput_miss">✖</div>
<div class="stats_Container">
<div class="stats">
<div class="header">Statistics</div>
<div class="baseContent">
<h1><span id="stats_wordsPerMinute">0</span> wpm</h1>
<div class="baseContent_allStats">
<table>
<tr>
<td>Time Remaining</td>
<td class='right'><span id="stats_timeRemaining">0s</span></td>
</tr>
<!---
<tr>
<td>Words Remaining</td>
<td class='right'><span id="stats_wordsRemaining">0</span></td>
</tr>
-->
<tr>
<td>Correct Words</td>
<td class='right'><span id="stats_correctWords">0</span></td>
</tr>
<tr>
<td>Total Characters</td>
<td class='right'><span id="stats_totalChars">0</span></td>
</tr>
<tr>
<td>Character Accuracy</td>
<td class='right'><span id="stats_charAcc">0%</span></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="endgame_Container">
<div class="button" onclick="reload();">Start new test</div>
</div>
</div>
<div class="footer_Container">
<span class="Glyph"><i class="gg-code-slash"></i></span>
<span class="Tag">FFFFFF-base16</span>
<span class="Github"><img src="images/github.png" /></span>
</div>
</div>
</body>
<script src="scripts/words.js"></script>
<script src="scripts/main.js"></script>
</html>