-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (140 loc) · 6.1 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="A JavaScript implementation of the stroke input method (筆畫輸入法), for desktop browser.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="stroke-input.min.css">
<script>let FIREFOX_FOUC_FIX;</script>
<script defer src="stroke-input.min.js"></script>
<title>Stroke input method (筆畫輸入法): JavaScript v0.2.0</title>
</head>
<body>
<h1>Stroke input method (<span lang="zh-Hant">筆畫輸入法</span>): JavaScript v0.2.0</h1>
<noscript>
<p>
<strong class="disabled">JavaScript is required for this implementation of stroke input method to function.</strong>
</p>
</noscript>
<p>
A port of <a href="https://github.com/stroke-input/stroke-input-android">Stroke Input Method (<span lang="zh-Hant">筆畫輸入法</span>) for Android</a>.
</p>
<div id="input-container">
<table>
<tr>
<th>Stroke input</th>
<td id="enabled-status">Uninitialised</td>
</tr>
<tr>
<th>Candidate order</th>
<td id="candidate-order">Uninitialised</td>
</tr>
</table>
<textarea autofocus id="input" placeholder="Enter text here">
</textarea>
<table>
<tr>
<th>Stroke sequence</th>
<td id="stroke-sequence" class="strokes"></td>
</tr>
<tr class="candidates-row">
<th>Candidates</th>
<td><dl id="candidates">
</dl>
<span id="candidates-pagination"></span></td>
</tr>
</table>
</div>
<table class="controls">
<thead>
<tr>
<th>Function</th>
<th>Key</th>
</tr>
</thead>
<tbody>
<tr>
<td>Toggle stroke input</td>
<td><button id="F2"><kbd>F2</kbd></button></td>
</tr>
<tr>
<td>Toggle candidate order</td>
<td><button id="F9"><kbd>F9</kbd></button></td>
</tr>
<tr>
<td>Type strokes (<span class="strokes"><span lang="zh-Hant">㇐㇑㇒㇔㇖</span></span>)</td>
<td><button id="U"><kbd>U</kbd></button><button id="I"><kbd>I</kbd></button><button id="O"><kbd>O</kbd></button><button id="J"><kbd>J</kbd></button><button id="K"><kbd>K</kbd></button> (or <button id="H"><kbd>H</kbd></button><button id="S"><kbd>S</kbd></button><button id="P"><kbd>P</kbd></button><button id="D"><kbd>D</kbd></button><button id="Z"><kbd>Z</kbd></button> or <button id="Num1"><kbd>Num1</kbd></button><button id="Num2"><kbd>Num2</kbd></button><button id="Num3"><kbd>Num3</kbd></button><button id="Num4"><kbd>Num4</kbd></button><button id="Num5"><kbd>Num5</kbd></button>)</td>
</tr>
<tr>
<td>Select candidate</td>
<td><button id="1"><kbd>1</kbd></button><button id="2"><kbd>2</kbd></button><button id="3"><kbd>3</kbd></button><button id="4"><kbd>4</kbd></button><button id="5"><kbd>5</kbd></button><button id="6"><kbd>6</kbd></button><button id="7"><kbd>7</kbd></button><button id="8"><kbd>8</kbd></button><button id="9"><kbd>9</kbd></button><button id="0"><kbd>0</kbd></button></td>
</tr>
<tr>
<td>Type ordinary punctuation</td>
<td><button id=";"><kbd>;</kbd></button><button id="\"><kbd>\</kbd></button><button id="?"><kbd>?</kbd></button><button id="!"><kbd>!</kbd></button><button id=","><kbd>,</kbd></button><button id="."><kbd>.</kbd></button><button id="("><kbd>(</kbd></button><button id=")"><kbd>)</kbd></button><button id=":"><kbd>:</kbd></button><button id="~"><kbd>~</kbd></button></td>
</tr>
<tr>
<td>Type special symbol classes</td>
<td><button id="'"><kbd>'</kbd></button><button id="""><kbd>"</kbd></button><button id="["><kbd>[</kbd></button><button id="]"><kbd>]</kbd></button><button id="<"><kbd><</kbd></button><button id=">"><kbd>></kbd></button><button id="|"><kbd>|</kbd></button><button id="`"><kbd>`</kbd></button><button id="$"><kbd>$</kbd></button><button id="*"><kbd>*</kbd></button><button id="%"><kbd>%</kbd></button><button id="="><kbd>=</kbd></button></td>
</tr>
<tr>
<td>Scroll candidates</td>
<td><button id="↑"><kbd>↑</kbd></button><button id="↓"><kbd>↓</kbd></button> (or <button id="PgUp"><kbd>PgUp</kbd></button><button id="PgDn"><kbd>PgDn</kbd></button>) and <button id="Home"><kbd>Home</kbd></button><button id="End"><kbd>End</kbd></button></td>
</tr>
<tr>
<td>Assorted erasure</td>
<td><button id="Backspace"><kbd>Backspace</kbd></button><button id="Delete"><kbd>Delete</kbd></button></td>
</tr>
<tr>
<td>Commit first candidate</td>
<td><button id="Spacebar"><kbd>Spacebar</kbd></button><button id="Enter"><kbd>Enter</kbd></button></td>
</tr>
</tbody>
</table>
<h2>About</h2>
<p>
This JavaScript implementation of the stroke input method
is free and open-source software with ABSOLUTELY NO WARRANTY.
</p>
<p class="notice">
© 2024 Conway<br>
Licensed under GPL-3.0-only, see <<a href="https://www.gnu.org/licenses/">https://www.gnu.org/licenses/</a>>.
</p>
<h2>Dependencies</h2>
<h3><a href="https://github.com/stroke-input/stroke-input-data">Conway Stroke Data</a> (v1.33.1)</h3>
<p>
<code>sequence-characters.txt</code> is:
</p>
<p class="notice">
© 2021–2024 Conway<br>
Licensed under CC-BY-4.0, see <<a href="https://creativecommons.org/licenses/by/4.0/">https://creativecommons.org/licenses/by/4.0/</a>>.<br>
</p>
<p>
Other files are:
</p>
<p class="notice">
Released into the Public Domain, see <<a href="https://creativecommons.org/publicdomain/zero/1.0/">https://creativecommons.org/publicdomain/zero/1.0/</a>>.
</p>
<h3><a href="https://github.com/stroke-input/stroke-input-font">Stroke Input Font</a> (v2.0.1)</h3>
<p class="notice">
© 2021–2022 Conway<br>
Licensed under GPL-3.0-only, see <<a href="https://www.gnu.org/licenses/">https://www.gnu.org/licenses/</a>>.<br>
</p>
<p>
Modified from a <a href="https://github.com/googlefonts/noto-cjk/tree/2663656870e92c0dcbe891590681815ebb509c05">2015 version of Noto Sans CJK TC</a>,
which is:
</p>
<p class="notice">
© 2015 Google and others<br>
Licensed under Apache-2.0, see <<a href="https://www.apache.org/licenses/LICENSE-2.0.html">https://www.apache.org/licenses/LICENSE-2.0.html</a>>.<br>
</p>
<footer>
<a href="/">Go up a level to home page</a>
</footer>
</body>
</html>