-
Notifications
You must be signed in to change notification settings - Fork 23
/
type.html
89 lines (85 loc) · 3.3 KB
/
type.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
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Type</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.19.0/codemirror.min.css">
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<noscript>
<div class="error">
JavaScript must be enabled.
</div>
<br>
</noscript>
<div id="toolbar">
<button id="back">‹ Back</button>
<button id="restart">Restart</button>
<select id="language">
<option value="auto-detect">Auto-Detect</option>
</select>
<select id="theme">
<option value="default">Default</option>
<option value="3024-day">3024 Day</option>
<option value="3024-night">3024 Night</option>
<option value="abcdef">abcdef</option>
<option value="ambiance-mobile">Ambiance Mobile</option>
<option value="ambiance">Ambiance</option>
<option value="base16-dark">Base16 Dark</option>
<option value="base16-light">Base16 Light</option>
<option value="bespin">Bespin</option>
<option value="blackboard">Blackboard</option>
<option value="cobalt">Cobalt</option>
<option value="colorforth">Colorforth</option>
<option value="dracula">Dracula</option>
<option value="eclipse">Eclipse</option>
<option value="elegant">Elegant</option>
<option value="erlang-dark">Erlang Dark</option>
<option value="hopscotch">Hopscotch</option>
<option value="icecoder">Icecoder</option>
<option value="isotope">Isotope</option>
<option value="lesser-dark">Lesser Dark</option>
<option value="liquibyte">Liquibyte</option>
<option value="material">Material</option>
<option value="mbo">mbo</option>
<option value="mdn-like">MDN Like</option>
<option value="midnight">Midnight</option>
<option value="monokai">Monokai</option>
<option value="neat">Neat</option>
<option value="neo">Neo</option>
<option value="night">Night</option>
<option value="panda-syntax">Panda Syntax</option>
<option value="paraiso-dark">Paraiso Dark</option>
<option value="paraiso-light">Pairaiso Light</option>
<option value="pastel-on-dark">Pastel on Dark</option>
<option value="railscasts">Railscasts</option>
<option value="rubyblue">Ruby Blue</option>
<option value="seti">Seti</option>
<option value="solarized">Solarized</option>
<option value="the-matrix">The Matrix</option>
<option value="tomorrow-night-bright">Tomorrow Night Bright</option>
<option value="tomorrow-night-eighties">Tomorrow Night Eighties</option>
<option value="ttcn">ttcn</option>
<option value="twilight">Twilight</option>
<option value="vibrant-ink">Vibrant Ink</option>
<option value="xq-dark">XQ Dark</option>
<option value="xq-light">XQ Light</option>
<option value="yeti">Yeti</option>
<option value="zenburn">Zenburn</option>
</select>
<div id="info">
WPM: <span id="wpm">Unknown</span>
<span id="paused"></span>
</div>
</div>
<div id="content">
<textarea id="editor"></textarea>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.19.0/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/localforage/1.4.2/localforage.min.js"></script>
<script src="/js/languages.js"></script>
<script src="/js/type.js"></script>
</body>
</html>