-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
81 lines (78 loc) · 5.3 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
77
78
79
80
81
<html>
<head>
<title>Grit on Putty: a Typing Tutor</title>
<script type="text/javascript" src="HidMap.js"></script>
<script type="text/javascript" src="ConfigV5.js"></script>
<script type="text/javascript" src="ngrams/stats.js"></script>
<script type="text/javascript" src="state.js"></script>
<script type="text/javascript" src="punctuation.js"></script>
<script type="text/javascript" src="keyboard.js"></script>
<script type="text/javascript" src="grit.js"></script>
<link rel="stylesheet" type="text/css" href="grit.css" />
</head>
<body>
<div class="button-wrapper"><span id="start" class="button">Start</span><span id="wrong-letter"></span><input id="dummy-input" class="hidden"/></div>
<div id="words"></div>
<div id="twiddler-container"><div id="twiddler-display"></div></div>
<div id="letters" class="symbols"></div>
<div id="punctuation" class="symbols"></div>
<div id="numbers" class="symbols"></div>
<label><input type="checkbox" id="show-twiddler" data-state-type="bool" />Show twiddler display after <input type="text" id="showTwiddlerDelay" data-state-type="float" value="5.0" /> seconds and on characters with fewer than <input type="text" id="showTwiddlerCount" data-state-type="int" value="10" /> occurrences (or on errors) (experimental, and may occasionally be wrong)</label><br />
<label><input type="checkbox" id="rotate-twiddler" data-state-type="bool" data-state-default="off" />Rotate twiddler display</label><br />
<label><input type="checkbox" id="mirror-twiddler" data-state-type="bool" data-state-default="off" />Mirror twiddler display</label><br />
<label><input type="checkbox" id="flip-twiddler" data-state-type="bool" data-state-default="off" />Flip twiddler display</label><br />
<label><input type="checkbox" id="show-dummy-input" data-state-type="bool" data-state-default="off" />Hack bringing up keyboard on mobile by showing an empty text bos in the upper right</label><br />
<label>Sentence length: <input type="text" id="sentenceLength" data-state-type="int" value="100" /></label>
<div class="button-wrapper"><span id="reset" class="button">Reset</span></div>
Unlock new letter with:
<ul>
<li><label>Accuracy <input type="text" id="unlock-accuracy" data-state-type="float" value="0.95" /></label></li>
<li><label>Speed <input type="text" id="unlock-speed" data-state-type="int" value="10" /></label></li>
<li><label>Count <input type="text" id="unlock-counts" data-state-type="int" value="64" /></label></li>
</ul>
<label>Stats new letter weight: <input type="text" id="weight-letter" data-state-type="float" value="0.01" /></label><br />
<label>Stats new sentence weight: <input type="text" id="weight-sentence" data-state-type="float" value="0.02" /></label><br />
<label>Capitalization chance: <input type="text" id="capital-chance" data-state-type="float" value="0.1" /></label><br />
<label><input type="checkbox" id="capital-first" data-state-type="bool" />Capitalize first letter</label><br />
<label>Punctuation multiplier: <input type="text" id="punctuationMultiplier" data-state-type="float" value="0.5" /></label><br />
<label>Number multiplier: <input type="text" id="numberMultiplier" data-state-type="float" value="0.5" /></label><br />
<label>Chord threshold (ms): <input type="text" id="chordThreshold" data-state-type="float" value="10" /></label><button id="calibrate-chord">Calibrate</button><span id="calibrate-chord-time"></span><br />
Weights for targeting generated letters:
<ul>
<li><label>Accuracy: <input type="text" id="targetTypeWeights-accuracy" data-state-type="float" value="1" /></label></li>
<li><label>Speed: <input type="text" id="targetTypeWeights-speed" data-state-type="float" value="1" /></label></li>
<li><label>Rarity: <input type="text" id="targetTypeWeights-counts" data-state-type="float" value="1" /></label></li>
<li><label>Below threshold: <input type="text" id="targetTypeWeights-threshold" data-state-type="float" value="1" /></label></li>
<li><label>Pivot Exponent: <input type="text" id="targetTypeWeights-pivotExponent" data-state-type="float" value="2" /></label></li>
</ul>
<p><label>Font:</label>
<select id="font-family" data-state-type="css" data-css-id="words" data-css-key="fontFamily" data-state-default="" />
<option value="">System Default</option>
<option value="serif">System Default Serif</option>
<option value="sans">System Default Sans Serif</option>
<option value="mono">System Default Monospaced</option>
<option>DejaVu Sans</option>
<option>DejaVu Sans Mono</option>
<option>DejaVu</option>
<option>Verdana</option>
<option>Georgia</option>
<option>Helvetica</option>
<option>Arial</option>
<option>Times New Roman</option>
</select></p>
<p><label>Font size:</label>
<input type="text" id="font-size" data-state-type="css" data-css-id="words" data-css-key="fontSize" data-state-default="18" /></p>
<p><label><input type="checkbox" id="waitOnTypo" data-state-type="bool" /> Don't move cursor on typos</label></p>
<p><span id="load-twiddler-config" class="button">Load</span> twiddler config from <input id="twiddler-config-file" type="file"/></p>
<p>Translate layout from
<select type="text" id="layout-physical" data-state-type="string"/>
<option>qwerty</option>
<option>workman</option>
</select>
to
<select type="text" id="layout-logical" data-state-type="string"/>
<option>qwerty</option>
<option>workman</option>
</select></p>
</body>
</html>