-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
105 lines (104 loc) · 3.57 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Phrasing tutor</title>
</head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<div class="container">
<h1>Phrasing trainer</h1>
<details open>
<summary><h2>Settings</h2></summary>
<div class="settings-box" style="padding: 1em">
<div class="presets">Presets: </div>
<div class="hints">
Hints: <input type="radio" id="h-off" name="hints" value="off" />
<label for="h-off">Off</label>
<input
checked
type="radio"
id="h-after"
name="hints"
value="after"
/>
<label for="h-after">After mistake</label>
<input type="radio" id="h-on" name="hints" value="on" />
<label for="h-on">On</label>
</div>
</div>
<section class="settings">
<div class="settings-box" style="flex: 0.6">
<div class="setting-top">
<h3>Simple mode</h3>
<a
class="cheat-sheet-link"
href="https://docs.stenokeyboards.com/images/Jeff-phrasing/simple.png"
>Sheet</a
>
</div>
<p class="simple-starters">Starters: </p>
<p class="simple-pronouns">Pronouns: </p>
<p class="simple-options">
"have": <input
type="checkbox"
id="s-have"
name="s-have"
/><label for="s-have">F (have)</label>
</p>
</div>
<div class="settings-box">
<div class="setting-top">
<h3>Full mode</h3>
<a
class="cheat-sheet-link"
href="https://docs.stenokeyboards.com/images/Jeff-phrasing/full.png"
>Cheat sheet</a
>
</div>
<p class="full-starters">Starters: </p>
<p class="full-auxiliaries">Auxiliaries: </p>
<p class="full-structures">Structures: </p>
</div>
<div class="settings-box">
<div class="setting-top">
<h3>Verbs</h3>
<a
class="cheat-sheet-link"
href="https://docs.stenokeyboards.com/images/Jeff-phrasing/verbs.png"
>Cheat sheet</a
>
</div>
<p class="verbs">Verbs: </p>
<p class="verb-options">
Options:
<input type="checkbox" id="v-suffix" name="v-suffix" /><label
for="v-suffix"
>T/S (suffix)</label
><input type="checkbox" id="v-past" name="v-past" /><label
for="v-past"
>D/Z (past)</label
>
</p>
</div>
</section>
</details>
<hr />
<div class="trainer">
<h2>Trainer</h2>
<div class="prompt">…</div>
<div class="hint">…</div>
<input type="text" onkeyup="checkAnswer(this)" />
<div class="score">Correct answers: 0</div>
</div>
</div>
<script type="text/javascript" src="main.js"></script>
</body>
</html>