xref: /webtrees/resources/views/modals/on-screen-keyboard.phtml (revision 4a8d2484af6774d65f5b58408932f697b73fa5aa) 
1<?php
2
3use Fisharebest\Webtrees\I18N;
4
5?>
6
7<div class="container card wt-osk">
8    <div class="row card-header">
9        <div class="card-title">
10            <button type="button" class="btn btn-secondary wt-osk-shift-button" data-bs-toggle="button" aria-pressed="false">a &harr; A</button>
11
12            <div class="btn-group" role="group" data-bs-toggle="buttons">
13                <div class="btn btn-secondary active" dir="ltr">
14                    <label class="m-0">
15                        <input type="radio" class="wt-osk-script-button" checked data-script="latn" name="osk-script">
16                        Abcd
17                    </label>
18                </div>
19                <div class="btn btn-secondary" dir="ltr">
20                    <label class="m-0">
21                        <input type="radio" class="wt-osk-script-button" data-script="cyrl" name="osk-script">
22                        &Acy;&bcy;&gcy;&dcy;
23                    </label>
24                </div>
25                <div class="btn btn-secondary" dir="ltr">
26                    <label class="m-0">
27                        <input type="radio" class="wt-osk-script-button" data-script="grek" name="osk-script">
28                        &Alpha;&beta;&gamma;&delta;
29                    </label>
30                </div>
31                <div class="btn btn-secondary" dir="ltr">
32                    <label class="m-0">
33                        <input type="radio" class="wt-osk-script-button" data-script="viet" name="osk-script">
34                        Ặềổự
35                    </label>
36                </div>
37                <div class="btn btn-secondary" dir="rtl">
38                    <label class="m-0">
39                        <input type="radio" class="wt-osk-script-button" data-script="arab" name="osk-script">
40                        &#x627;&#x628;&#x629;&#x62a;
41                    </label>
42                </div>
43                <div class="btn btn-secondary" dir="rtl">
44                    <label class="m-0">
45                        <input type="radio" class="wt-osk-script-button" data-script="hebr" name="osk-script">
46                        &#x5d0;&#x5d1;&#x5d2;&#x5d3;
47                    </label>
48                </div>
49            </div>
50
51            <button type="button" class="btn btn-secondary wt-osk-pin-button" data-bs-toggle="button" aria-pressed="false" aria-label="<?= I18N::translate('Keep open') ?>"><?= view('icons/pin') ?></button>
52
53            <button type="button" class="btn btn-primary btn-close wt-osk-close float-end"></button>
54        </div>
55    </div>
56    <div class="row card-body wt-osk-keys">
57        <div class="col">
58            <!-- Quotation marks -->
59            <div class="wt-osk-group">
60                <span class="wt-osk-key">&lsquo;<sup class="wt-osk-key-shift">&ldquo;</sup></span>
61                <span class="wt-osk-key">&rsquo;<sup class="wt-osk-key-shift">&rdquo;</sup></span>
62                <span class="wt-osk-key">«<sup class="wt-osk-key-shift">‹</sup></span>
63                <span class="wt-osk-key">»<sup class="wt-osk-key-shift">›</sup></span>
64                <span class="wt-osk-key">„<sup class="wt-osk-key-shift">‚</sup></span>
65                <span class="wt-osk-key">&prime;<sup class="wt-osk-key-shift">&Prime;</sup></span>
66            </div>
67            <!-- Symbols and punctuation -->
68            <div class="wt-osk-group">
69                <span class="wt-osk-key">&copy;<sup class="wt-osk-key-shift">™</sup></span>
70                <span class="wt-osk-key">&deg;</span>
71                <span class="wt-osk-key">&hellip;</span>
72                <span class="wt-osk-key">&middot;<sup class="wt-osk-key-shift">&bullet;</sup></span>
73                <span class="wt-osk-key">&ndash;<sup class="wt-osk-key-shift">&mdash;</sup></span>
74                <span class="wt-osk-key">&dagger;<sup class="wt-osk-key-shift">&ddagger;</sup></span>
75                <span class="wt-osk-key">&sect;<sup class="wt-osk-key-shift">&para;</sup></span>
76                <span class="wt-osk-key">&iquest;<sup class="wt-osk-key-shift">&iexcl;</sup></span>
77            </div>
78            <!-- Non-printing -->
79            <div class="wt-osk-group">
80                <span class="wt-osk-key">&nbsp;<span>nbsp</span></span>
81                <span class="wt-osk-key">&zwnj;<span>zwnj</span></span>
82                <span class="wt-osk-key">&lrm;<span>lrm</span></span>
83                <span class="wt-osk-key">&rlm;<span>rlm</span></span>
84            </div>
85            <!-- Letter A with diacritic -->
86            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
87                <span class="wt-osk-key">&agrave;<sup class="wt-osk-key-shift">&Agrave;</sup></span>
88                <span class="wt-osk-key">&auml;<sup class="wt-osk-key-shift">&Auml;</sup></span>
89                <span class="wt-osk-key">&aacute;<sup class="wt-osk-key-shift">&Aacute;</sup></span>
90                <span class="wt-osk-key">&acirc;<sup class="wt-osk-key-shift">&Acirc;</sup></span>
91                <span class="wt-osk-key">&abreve;<sup class="wt-osk-key-shift">&Abreve;</sup></span>
92                <span class="wt-osk-key">&atilde;<sup class="wt-osk-key-shift">&Atilde;</sup></span>
93                <span class="wt-osk-key">&aring;<sup class="wt-osk-key-shift">&Aring;</sup></span>
94                <span class="wt-osk-key">&aogon;<sup class="wt-osk-key-shift">&Aogon;</sup></span>
95                <span class="wt-osk-key">&aelig;<sup class="wt-osk-key-shift">&AElig;</sup></span>
96                <span class="wt-osk-key">&ordf;</span>
97            </div>
98            <!-- Letter C with diacritic -->
99            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
100                <span class="wt-osk-key">&ccedil;<sup class="wt-osk-key-shift">&Ccedil;</sup></span>
101                <span class="wt-osk-key">&ccaron;<sup class="wt-osk-key-shift">&Ccaron;</sup></span>
102            </div>
103            <!-- Letter D with diacritic -->
104            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
105                <span class="wt-osk-key">&dcaron;<sup class="wt-osk-key-shift">&Dcaron;</sup></span>
106                <span class="wt-osk-key">&dstrok;<sup class="wt-osk-key-shift">&Dstrok;</sup></span>
107            </div>
108            <!-- Letter E with diacritic -->
109            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
110                <span class="wt-osk-key">&egrave;<sup class="wt-osk-key-shift">&Egrave;</sup></span>
111                <span class="wt-osk-key">&eacute;<sup class="wt-osk-key-shift">&Eacute;</sup></span>
112                <span class="wt-osk-key">&ecirc;<sup class="wt-osk-key-shift">&Ecirc;</sup></span>
113                <span class="wt-osk-key">&euml;<sup class="wt-osk-key-shift">&Euml;</sup></span>
114                <span class="wt-osk-key">&eogon;<sup class="wt-osk-key-shift">&Eogon;</sup></span>
115            </div>
116            <!-- Letter G with diacritic -->
117            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
118                <span class="wt-osk-key">&gbreve;<sup class="wt-osk-key-shift">&Gbreve;</sup></span>
119            </div>
120            <!-- Letter I with diacritic -->
121            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
122                <span class="wt-osk-key">&igrave;<sup class="wt-osk-key-shift">&Igrave;</sup></span>
123                <span class="wt-osk-key">&iacute;<sup class="wt-osk-key-shift">&Iacute;</sup></span>
124                <span class="wt-osk-key">&icirc;<sup class="wt-osk-key-shift">&Icirc;</sup></span>
125                <span class="wt-osk-key">&iuml;<sup class="wt-osk-key-shift">&Iuml;</sup></span>
126                <span class="wt-osk-key">&iogon;<sup class="wt-osk-key-shift">&Iogon;</sup></span>
127                <span class="wt-osk-key">&inodot;<sup class="wt-osk-key-shift">&Idot;</sup></span>
128                <span class="wt-osk-key">&ijlig;<sup class="wt-osk-key-shift">&IJlig;</sup></span>
129            </div>
130            <!-- Letter L with diacritic -->
131            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
132                <span class="wt-osk-key">&lcaron;<sup class="wt-osk-key-shift">&Lcaron;</sup></span>
133                <span class="wt-osk-key">&lacute;<sup class="wt-osk-key-shift">&Lacute;</sup></span>
134                <span class="wt-osk-key">&lstrok;<sup class="wt-osk-key-shift">&Lstrok;</sup></span>
135            </div>
136            <!-- Letter N with diacritic -->
137            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
138                <span class="wt-osk-key">&napos;</span>
139                <span class="wt-osk-key">&ntilde;<sup class="wt-osk-key-shift">&Ntilde;</sup></span>
140                <span class="wt-osk-key">&ncaron;<sup class="wt-osk-key-shift">&Ncaron;</sup></span>
141            </div>
142            <!-- Letter O with diacritic -->
143            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
144                <span class="wt-osk-key">&ograve;<sup class="wt-osk-key-shift">&Ograve;</sup></span>
145                <span class="wt-osk-key">&oacute;<sup class="wt-osk-key-shift">&Oacute;</sup></span>
146                <span class="wt-osk-key">&ocirc;<sup class="wt-osk-key-shift">&Ocirc;</sup></span>
147                <span class="wt-osk-key">&otilde;<sup class="wt-osk-key-shift">&Otilde;</sup></span>
148                <span class="wt-osk-key">&ouml;<sup class="wt-osk-key-shift">&Ouml;</sup></span>
149                <span class="wt-osk-key">&oslash;<sup class="wt-osk-key-shift">&Oslash;</sup></span>
150                <span class="wt-osk-key">&oelig;<sup class="wt-osk-key-shift">&OElig;</sup></span>
151                <span class="wt-osk-key">&ordm;</span>
152            </div>
153            <!-- Letter T with diacritic -->
154            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
155                <span class="wt-osk-key">&tcaron;<sup class="wt-osk-key-shift">&Tcaron;</sup></span>
156            </div>
157            <!-- Letter R with diacritic -->
158            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
159                <span class="wt-osk-key">&racute;<sup class="wt-osk-key-shift">&Racute;</sup></span>
160                <span class="wt-osk-key">&rcaron;<sup class="wt-osk-key-shift">&Rcaron;</sup></span>
161            </div>
162            <!-- Letter S with diacritic -->
163            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
164                <span class="wt-osk-key">&scaron;<sup class="wt-osk-key-shift">&Scaron;</sup></span>
165                <span class="wt-osk-key">&scedil;<sup class="wt-osk-key-shift">&Scedil;</sup></span>
166                <span class="wt-osk-key">&#x17F;</span>
167            </div>
168            <!-- Letter U with diacritic -->
169            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
170                <span class="wt-osk-key">&uuml;<sup class="wt-osk-key-shift">&Uuml;</sup></span>
171                <span class="wt-osk-key">&ugrave;<sup class="wt-osk-key-shift">&Ugrave;</sup></span>
172                <span class="wt-osk-key">&uacute;<sup class="wt-osk-key-shift">&Uacute;</sup></span>
173                <span class="wt-osk-key">&ucirc;<sup class="wt-osk-key-shift">&Ucirc;</sup></span>
174                <span class="wt-osk-key">&utilde;<sup class="wt-osk-key-shift">&Utilde;</sup></span>
175                <span class="wt-osk-key">&umacr;<sup class="wt-osk-key-shift">&Umacr;</sup></span>
176                <span class="wt-osk-key">&uogon;<sup class="wt-osk-key-shift">&Uogon;</sup></span>
177            </div>
178            <!-- Letter Y with diacritic -->
179            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
180                <span class="wt-osk-key">&yacute;<sup class="wt-osk-key-shift">&Yacute;</sup></span>
181            </div>
182            <!-- Letter Z with diacritic -->
183            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
184                <span class="wt-osk-key">&zdot;<sup class="wt-osk-key-shift">&Zdot;</sup></span>
185                <span class="wt-osk-key">&zcaron;<sup class="wt-osk-key-shift">&Zcaron;</sup></span>
186            </div>
187            <!-- Esszet, Eth and Thorn -->
188            <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
189                <span class="wt-osk-key">&szlig;<sup class="wt-osk-key-shift">&#7838;</sup></span>
190                <span class="wt-osk-key">&eth;<sup class="wt-osk-key-shift">&ETH;</sup></span>
191                <span class="wt-osk-key">&thorn;<sup class="wt-osk-key-shift">&THORN;</sup></span>
192            </div>
193            <!-- Vietnamese diacritics and tonal marks -->
194            <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
195                <span class="wt-osk-key">ă<sup class="wt-osk-key-shift">Ă</sup></span>
196                <span class="wt-osk-key">â<sup class="wt-osk-key-shift">Â</sup></span>
197                <span class="wt-osk-key">à<sup class="wt-osk-key-shift">À</sup></span>
198                <span class="wt-osk-key">ằ<sup class="wt-osk-key-shift">Ằ</sup></span>
199                <span class="wt-osk-key">ầ<sup class="wt-osk-key-shift">Ầ</sup></span>
200                <span class="wt-osk-key">ả<sup class="wt-osk-key-shift">Ả</sup></span>
201                <span class="wt-osk-key">ẳ<sup class="wt-osk-key-shift">Ẳ</sup></span>
202                <span class="wt-osk-key">ẩ<sup class="wt-osk-key-shift">Ẩ</sup></span>
203                <span class="wt-osk-key">ã<sup class="wt-osk-key-shift">Ã</sup></span>
204                <span class="wt-osk-key">ẵ<sup class="wt-osk-key-shift">Ẵ</sup></span>
205                <span class="wt-osk-key">ẫ<sup class="wt-osk-key-shift">Ẫ</sup></span>
206                <span class="wt-osk-key">á<sup class="wt-osk-key-shift">Á</sup></span>
207                <span class="wt-osk-key">ắ<sup class="wt-osk-key-shift">Ắ</sup></span>
208                <span class="wt-osk-key">ấ<sup class="wt-osk-key-shift">Ấ</sup></span>
209                <span class="wt-osk-key">ạ<sup class="wt-osk-key-shift">Ạ</sup></span>
210                <span class="wt-osk-key">ặ<sup class="wt-osk-key-shift">Ặ</sup></span>
211                <span class="wt-osk-key">ậ<sup class="wt-osk-key-shift">Ậ</sup></span>
212            </div>
213            <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
214                <span class="wt-osk-key">&dstrok;<sup class="wt-osk-key-shift">&Dstrok;</sup></span>
215            </div>
216            <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
217                <span class="wt-osk-key">ê<sup class="wt-osk-key-shift">Ê</sup></span>
218                <span class="wt-osk-key">è<sup class="wt-osk-key-shift">È</sup></span>
219                <span class="wt-osk-key">ề<sup class="wt-osk-key-shift">Ề</sup></span>
220                <span class="wt-osk-key">ẻ<sup class="wt-osk-key-shift">Ẻ</sup></span>
221                <span class="wt-osk-key">ể<sup class="wt-osk-key-shift">Ể</sup></span>
222                <span class="wt-osk-key">ẽ<sup class="wt-osk-key-shift">Ẽ</sup></span>
223                <span class="wt-osk-key">ễ<sup class="wt-osk-key-shift">Ễ</sup></span>
224                <span class="wt-osk-key">é<sup class="wt-osk-key-shift">É</sup></span>
225                <span class="wt-osk-key">ế<sup class="wt-osk-key-shift">Ế</sup></span>
226                <span class="wt-osk-key">ẹ<sup class="wt-osk-key-shift">Ẹ</sup></span>
227                <span class="wt-osk-key">ệ<sup class="wt-osk-key-shift">Ệ</sup></span>
228            </div>
229            <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
230                <span class="wt-osk-key">ì<sup class="wt-osk-key-shift">Ì</sup></span>
231                <span class="wt-osk-key">ỉ<sup class="wt-osk-key-shift">Ỉ</sup></span>
232                <span class="wt-osk-key">ĩ<sup class="wt-osk-key-shift">Ĩ</sup></span>
233                <span class="wt-osk-key">í<sup class="wt-osk-key-shift">Í</sup></span>
234                <span class="wt-osk-key">ị<sup class="wt-osk-key-shift">Ị</sup></span>
235            </div>
236            <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
237                <span class="wt-osk-key">ô<sup class="wt-osk-key-shift">Ô</sup></span>
238                <span class="wt-osk-key">ơ<sup class="wt-osk-key-shift">Ơ</sup></span>
239                <span class="wt-osk-key">ò<sup class="wt-osk-key-shift">Ò</sup></span>
240                <span class="wt-osk-key">ồ<sup class="wt-osk-key-shift">Ồ</sup></span>
241                <span class="wt-osk-key">ờ<sup class="wt-osk-key-shift">Ờ</sup></span>
242                <span class="wt-osk-key">ỏ<sup class="wt-osk-key-shift">Ỏ</sup></span>
243                <span class="wt-osk-key">ổ<sup class="wt-osk-key-shift">Ổ</sup></span>
244                <span class="wt-osk-key">ở<sup class="wt-osk-key-shift">Ở</sup></span>
245                <span class="wt-osk-key">õ<sup class="wt-osk-key-shift">Õ</sup></span>
246                <span class="wt-osk-key">ỗ<sup class="wt-osk-key-shift">Ỗ</sup></span>
247                <span class="wt-osk-key">ỡ<sup class="wt-osk-key-shift">Ỡ</sup></span>
248                <span class="wt-osk-key">ó<sup class="wt-osk-key-shift">Ó</sup></span>
249                <span class="wt-osk-key">ố<sup class="wt-osk-key-shift">Ố</sup></span>
250                <span class="wt-osk-key">ớ<sup class="wt-osk-key-shift">Ớ</sup></span>
251                <span class="wt-osk-key">ọ<sup class="wt-osk-key-shift">Ọ</sup></span>
252                <span class="wt-osk-key">ộ<sup class="wt-osk-key-shift">Ộ</sup></span>
253                <span class="wt-osk-key">ợ<sup class="wt-osk-key-shift">Ợ</sup></span>
254            </div>
255            <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
256                <span class="wt-osk-key">ư<sup class="wt-osk-key-shift">Ư</sup></span>
257                <span class="wt-osk-key">ù<sup class="wt-osk-key-shift">Ù</sup></span>
258                <span class="wt-osk-key">ừ<sup class="wt-osk-key-shift">Ừ</sup></span>
259                <span class="wt-osk-key">ủ<sup class="wt-osk-key-shift">Ủ</sup></span>
260                <span class="wt-osk-key">ử<sup class="wt-osk-key-shift">Ử</sup></span>
261                <span class="wt-osk-key">ũ<sup class="wt-osk-key-shift">Ũ</sup></span>
262                <span class="wt-osk-key">ữ<sup class="wt-osk-key-shift">Ữ</sup></span>
263                <span class="wt-osk-key">ú<sup class="wt-osk-key-shift">Ú</sup></span>
264                <span class="wt-osk-key">ứ<sup class="wt-osk-key-shift">Ứ</sup></span>
265                <span class="wt-osk-key">ụ<sup class="wt-osk-key-shift">Ụ</sup></span>
266                <span class="wt-osk-key">ự<sup class="wt-osk-key-shift">Ự</sup></span>
267            </div>
268            <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
269                <span class="wt-osk-key">ỳ<sup class="wt-osk-key-shift">Ỳ</sup></span>
270                <span class="wt-osk-key">ỷ<sup class="wt-osk-key-shift">Ỷ</sup></span>
271                <span class="wt-osk-key">ỹ<sup class="wt-osk-key-shift">Ỹ</sup></span>
272                <span class="wt-osk-key">ý<sup class="wt-osk-key-shift">Ý</sup></span>
273                <span class="wt-osk-key">ỵ<sup class="wt-osk-key-shift">Ỵ</sup></span>
274            </div>
275            <!-- Extra Cyrillic characters -->
276            <div class="wt-osk-group wt-osk-script wt-osk-script-cyrl" dir="ltr" hidden>
277                <span class="wt-osk-key">&iocy;<sup class="wt-osk-key-shift">&IOcy;</sup></span>
278                <span class="wt-osk-key">&djcy;<sup class="wt-osk-key-shift">&DJcy;</sup></span>
279                <span class="wt-osk-key">&gjcy;<sup class="wt-osk-key-shift">&GJcy;</sup></span>
280                <span class="wt-osk-key">&jukcy;<sup class="wt-osk-key-shift">&Jukcy;</sup></span>
281                <span class="wt-osk-key">&dscy;<sup class="wt-osk-key-shift">&DScy;</sup></span>
282                <span class="wt-osk-key">&iukcy;<sup class="wt-osk-key-shift">&Iukcy;</sup></span>
283                <span class="wt-osk-key">&yicy;<sup class="wt-osk-key-shift">&YIcy;</sup></span>
284                <span class="wt-osk-key">&jsercy;<sup class="wt-osk-key-shift">&Jsercy;</sup></span>
285                <span class="wt-osk-key">&ljcy;<sup class="wt-osk-key-shift">&LJcy;</sup></span>
286                <span class="wt-osk-key">&njcy;<sup class="wt-osk-key-shift">&NJcy;</sup></span>
287                <span class="wt-osk-key">&tshcy;<sup class="wt-osk-key-shift">&TSHcy;</sup></span>
288                <span class="wt-osk-key">&kjcy;<sup class="wt-osk-key-shift">&KJcy;</sup></span>
289                <span class="wt-osk-key">&ubrcy;<sup class="wt-osk-key-shift">&Ubrcy;</sup></span>
290                <span class="wt-osk-key">&dzcy;<sup class="wt-osk-key-shift">&DZcy;</sup></span>
291            </div>
292            <!-- Cyrillic alphabet -->
293            <div class="wt-osk-group wt-osk-script wt-osk-script-cyrl" dir="ltr" hidden>
294                <span class="wt-osk-key">&acy;<sup class="wt-osk-key-shift">&Acy;</sup></span>
295                <span class="wt-osk-key">&bcy;<sup class="wt-osk-key-shift">&Bcy;</sup></span>
296                <span class="wt-osk-key">&vcy;<sup class="wt-osk-key-shift">&Vcy;</sup></span>
297                <span class="wt-osk-key">&gcy;<sup class="wt-osk-key-shift">&Gcy;</sup></span>
298                <span class="wt-osk-key">&dcy;<sup class="wt-osk-key-shift">&Dcy;</sup></span>
299                <span class="wt-osk-key">&iecy;<sup class="wt-osk-key-shift">&IEcy;</sup></span>
300                <span class="wt-osk-key">&zhcy;<sup class="wt-osk-key-shift">&ZHcy;</sup></span>
301                <span class="wt-osk-key">&zcy;<sup class="wt-osk-key-shift">&Zcy;</sup></span>
302                <span class="wt-osk-key">&icy;<sup class="wt-osk-key-shift">&Icy;</sup></span>
303                <span class="wt-osk-key">&jcy;<sup class="wt-osk-key-shift">&Jcy;</sup></span>
304                <span class="wt-osk-key">&kcy;<sup class="wt-osk-key-shift">&Kcy;</sup></span>
305                <span class="wt-osk-key">&lcy;<sup class="wt-osk-key-shift">&Lcy;</sup></span>
306                <span class="wt-osk-key">&mcy;<sup class="wt-osk-key-shift">&Mcy;</sup></span>
307                <span class="wt-osk-key">&ncy;<sup class="wt-osk-key-shift">&Ncy;</sup></span>
308                <span class="wt-osk-key">&ocy;<sup class="wt-osk-key-shift">&Ocy;</sup></span>
309                <span class="wt-osk-key">&pcy;<sup class="wt-osk-key-shift">&Pcy;</sup></span>
310                <span class="wt-osk-key">&scy;<sup class="wt-osk-key-shift">&Scy;</sup></span>
311                <span class="wt-osk-key">&tcy;<sup class="wt-osk-key-shift">&Tcy;</sup></span>
312                <span class="wt-osk-key">&ucy;<sup class="wt-osk-key-shift">&Ucy;</sup></span>
313                <span class="wt-osk-key">&fcy;<sup class="wt-osk-key-shift">&Fcy;</sup></span>
314                <span class="wt-osk-key">&khcy;<sup class="wt-osk-key-shift">&KHcy;</sup></span>
315                <span class="wt-osk-key">&tscy;<sup class="wt-osk-key-shift">&TScy;</sup></span>
316                <span class="wt-osk-key">&chcy;<sup class="wt-osk-key-shift">&CHcy;</sup></span>
317                <span class="wt-osk-key">&shcy;<sup class="wt-osk-key-shift">&SHcy;</sup></span>
318                <span class="wt-osk-key">&shchcy;<sup class="wt-osk-key-shift">&SHCHcy;</sup></span>
319                <span class="wt-osk-key">&hardcy;<sup class="wt-osk-key-shift">&HARDcy;</sup></span>
320                <span class="wt-osk-key">&ycy;<sup class="wt-osk-key-shift">&Ycy;</sup></span>
321                <span class="wt-osk-key">&softcy;<sup class="wt-osk-key-shift">&SOFTcy;</sup></span>
322                <span class="wt-osk-key">&ecy;<sup class="wt-osk-key-shift">&Ecy;</sup></span>
323                <span class="wt-osk-key">&yucy;<sup class="wt-osk-key-shift">&YUcy;</sup></span>
324                <span class="wt-osk-key">&yacy;<sup class="wt-osk-key-shift">&YAcy;</sup></span>
325            </div>
326            <!-- Greek alphabet -->
327            <div class="wt-osk-group wt-osk-script wt-osk-script-grek" dir="ltr" hidden>
328                <span class="wt-osk-key">&alpha;<sup class="wt-osk-key-shift">&Alpha;</sup></span>
329                <span class="wt-osk-key">&beta;<sup class="wt-osk-key-shift">&Beta;</sup></span>
330                <span class="wt-osk-key">&gamma;<sup class="wt-osk-key-shift">&Gamma;</sup></span>
331                <span class="wt-osk-key">&delta;<sup class="wt-osk-key-shift">&Delta;</sup></span>
332                <span class="wt-osk-key">&epsilon;<sup class="wt-osk-key-shift">&Epsilon;</sup></span>
333                <span class="wt-osk-key">&zeta;<sup class="wt-osk-key-shift">&Zeta;</sup></span>
334                <span class="wt-osk-key">&eta;<sup class="wt-osk-key-shift">&eta;</sup></span>
335                <span class="wt-osk-key">&theta;<sup class="wt-osk-key-shift">&Theta;</sup></span>
336                <span class="wt-osk-key">&iota;<sup class="wt-osk-key-shift">&Iota;</sup></span>
337                <span class="wt-osk-key">&kappa;<sup class="wt-osk-key-shift">&Kappa;</sup></span>
338                <span class="wt-osk-key">&lambda;<sup class="wt-osk-key-shift">&Lambda;</sup></span>
339                <span class="wt-osk-key">&mu;<sup class="wt-osk-key-shift">&Mu;</sup></span>
340                <span class="wt-osk-key">&nu;<sup class="wt-osk-key-shift">&Nu;</sup></span>
341                <span class="wt-osk-key">&xi;<sup class="wt-osk-key-shift">&Xi;</sup></span>
342                <span class="wt-osk-key">&omicron;<sup class="wt-osk-key-shift">&Omicron;</sup></span>
343                <span class="wt-osk-key">&pi;<sup class="wt-osk-key-shift">&Pi;</sup></span>
344                <span class="wt-osk-key">&rho;<sup class="wt-osk-key-shift">&Rho;</sup></span>
345                <span class="wt-osk-key">&sigma;<sup class="wt-osk-key-shift">&Sigma;</sup></span>
346                <span class="wt-osk-key">&tau;<sup class="wt-osk-key-shift">&Tau;</sup></span>
347                <span class="wt-osk-key">&upsilon;<sup class="wt-osk-key-shift">&Upsilon;</sup></span>
348                <span class="wt-osk-key">&phi;<sup class="wt-osk-key-shift">&Phi;</sup></span>
349                <span class="wt-osk-key">&chi;<sup class="wt-osk-key-shift">&chi;</sup></span>
350                <span class="wt-osk-key">&psi;<sup class="wt-osk-key-shift">&Psi;</sup></span>
351                <span class="wt-osk-key">&omega;<sup class="wt-osk-key-shift">&Omega;</sup></span>
352            </div>
353            <!-- Arabic alphabet -->
354            <div class="wt-osk-group wt-osk-script wt-osk-script-arab" dir="rtl" hidden>
355                <span class="wt-osk-key">ا</span>
356                <span class="wt-osk-key">ب</span>
357                <span class="wt-osk-key">ت</span>
358                <span class="wt-osk-key">ثج</span>
359                <span class="wt-osk-key">ح</span>
360                <span class="wt-osk-key">خ</span>
361                <span class="wt-osk-key">د</span>
362                <span class="wt-osk-key">ذ</span>
363                <span class="wt-osk-key">ر</span>
364                <span class="wt-osk-key">ز</span>
365                <span class="wt-osk-key">س</span>
366                <span class="wt-osk-key">ش</span>
367                <span class="wt-osk-key">ص</span>
368                <span class="wt-osk-key">ض</span>
369                <span class="wt-osk-key">ط</span>
370                <span class="wt-osk-key">ظ</span>
371                <span class="wt-osk-key">ع</span>
372                <span class="wt-osk-key">غ</span>
373                <span class="wt-osk-key">ف</span>
374                <span class="wt-osk-key">ق</span>
375                <span class="wt-osk-key">ك</span>
376                <span class="wt-osk-key">ل</span>
377                <span class="wt-osk-key">من</span>
378                <span class="wt-osk-key">ه</span>
379                <span class="wt-osk-key">و</span>
380                <span class="wt-osk-key">ي</span>
381                <span class="wt-osk-key">آ</span>
382                <span class="wt-osk-key">ة</span>
383                <span class="wt-osk-key">ى</span>
384                <span class="wt-osk-key">ی</span>
385            </div>
386            <!-- Hebrew alphabet -->
387            <div class="wt-osk-group wt-osk-script wt-osk-script-hebr" dir="rtl" hidden>
388                <span class="wt-osk-key">&#x5d0;</span>
389                <span class="wt-osk-key">&#x5d1;</span>
390                <span class="wt-osk-key">&#x5d2;</span>
391                <span class="wt-osk-key">&#x5d3;</span>
392                <span class="wt-osk-key">&#x5d4;</span>
393                <span class="wt-osk-key">&#x5d5;</span>
394                <span class="wt-osk-key">&#x5d6;</span>
395                <span class="wt-osk-key">&#x5d7;</span>
396                <span class="wt-osk-key">&#x5d8;</span>
397                <span class="wt-osk-key">&#x5d9;</span>
398                <span class="wt-osk-key">&#x5da;</span>
399                <span class="wt-osk-key">&#x5db;</span>
400                <span class="wt-osk-key">&#x5dc;</span>
401                <span class="wt-osk-key">&#x5dd;</span>
402                <span class="wt-osk-key">&#x5de;</span>
403                <span class="wt-osk-key">&#x5df;</span>
404                <span class="wt-osk-key">&#x5e0;</span>
405                <span class="wt-osk-key">&#x5e1;</span>
406                <span class="wt-osk-key">&#x5e2;</span>
407                <span class="wt-osk-key">&#x5e3;</span>
408                <span class="wt-osk-key">&#x5e4;</span>
409                <span class="wt-osk-key">&#x5e5;</span>
410                <span class="wt-osk-key">&#x5e6;</span>
411                <span class="wt-osk-key">&#x5e7;</span>
412                <span class="wt-osk-key">&#x5e8;</span>
413                <span class="wt-osk-key">&#x5e9;</span>
414                <span class="wt-osk-key">&#x5ea;</span>
415                <span class="wt-osk-key">&#x5f0;</span>
416                <span class="wt-osk-key">&#x5f1;</span>
417                <span class="wt-osk-key">&#x5f2;</span>
418                <span class="wt-osk-key">&#x5f3;</span>
419                <span class="wt-osk-key">&#x5f4;</span>
420            </div>
421        </div>
422    </div>
423</div>
424