xref: /webtrees/resources/views/modals/on-screen-keyboard.phtml (revision 6e9b2106ef8de9279faf02c6e02326f2ecbbf5a5) 
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-toggle="button" aria-pressed="false">a &harr; A</button>
11
12            <div class="btn-group" role="group" data-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-toggle="button" aria-pressed="false" aria-label="<?= I18N::translate('Keep open') ?>"><?= view('icons/pin') ?></button>
52
53            <button type="button" class="btn btn-primary wt-osk-close">&times;</button>
54        </div>
55    </div>
56    <div class="row card-body wt-osk-keys">
57        <!-- Quotation marks -->
58        <div class="wt-osk-group">
59            <span class="wt-osk-key">&lsquo;<sup class="wt-osk-key-shift">&ldquo;</sup></span>
60            <span class="wt-osk-key">&rsquo;<sup class="wt-osk-key-shift">&rdquo;</sup></span>
61            <span class="wt-osk-key">«<sup class="wt-osk-key-shift">‹</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">&prime;<sup class="wt-osk-key-shift">&Prime;</sup></span>
65        </div>
66        <!-- Symbols and punctuation -->
67        <div class="wt-osk-group">
68            <span class="wt-osk-key">&copy;<sup class="wt-osk-key-shift">™</sup></span>
69            <span class="wt-osk-key">&deg;</span>
70            <span class="wt-osk-key">&hellip;</span>
71            <span class="wt-osk-key">&middot;<sup class="wt-osk-key-shift">&bullet;</sup></span>
72            <span class="wt-osk-key">&ndash;<sup class="wt-osk-key-shift">&mdash;</sup></span>
73            <span class="wt-osk-key">&dagger;<sup class="wt-osk-key-shift">&ddagger;</sup></span>
74            <span class="wt-osk-key">&sect;<sup class="wt-osk-key-shift">&para;</sup></span>
75            <span class="wt-osk-key">&iquest;<sup class="wt-osk-key-shift">&iexcl;</sup></span>
76        </div>
77        <!-- Letter A with diacritic -->
78        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
79            <span class="wt-osk-key">&agrave;<sup class="wt-osk-key-shift">&Agrave;</sup></span>
80            <span class="wt-osk-key">&auml;<sup class="wt-osk-key-shift">&Auml;</sup></span>
81            <span class="wt-osk-key">&aacute;<sup class="wt-osk-key-shift">&Aacute;</sup></span>
82            <span class="wt-osk-key">&acirc;<sup class="wt-osk-key-shift">&Acirc;</sup></span>
83            <span class="wt-osk-key">&abreve;<sup class="wt-osk-key-shift">&Abreve;</sup></span>
84            <span class="wt-osk-key">&atilde;<sup class="wt-osk-key-shift">&Atilde;</sup></span>
85            <span class="wt-osk-key">&aring;<sup class="wt-osk-key-shift">&Aring;</sup></span>
86            <span class="wt-osk-key">&aogon;<sup class="wt-osk-key-shift">&Aogon;</sup></span>
87            <span class="wt-osk-key">&aelig;<sup class="wt-osk-key-shift">&AElig;</sup></span>
88            <span class="wt-osk-key">&ordf;</span>
89        </div>
90        <!-- Letter C with diacritic -->
91        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
92            <span class="wt-osk-key">&ccedil;<sup class="wt-osk-key-shift">&Ccedil;</sup></span>
93            <span class="wt-osk-key">&ccaron;<sup class="wt-osk-key-shift">&Ccaron;</sup></span>
94        </div>
95        <!-- Letter D with diacritic -->
96        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
97            <span class="wt-osk-key">&dcaron;<sup class="wt-osk-key-shift">&Dcaron;</sup></span>
98            <span class="wt-osk-key">&dstrok;<sup class="wt-osk-key-shift">&Dstrok;</sup></span>
99        </div>
100        <!-- Letter E with diacritic -->
101        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
102            <span class="wt-osk-key">&egrave;<sup class="wt-osk-key-shift">&Egrave;</sup></span>
103            <span class="wt-osk-key">&eacute;<sup class="wt-osk-key-shift">&Eacute;</sup></span>
104            <span class="wt-osk-key">&ecirc;<sup class="wt-osk-key-shift">&Ecirc;</sup></span>
105            <span class="wt-osk-key">&euml;<sup class="wt-osk-key-shift">&Euml;</sup></span>
106            <span class="wt-osk-key">&eogon;<sup class="wt-osk-key-shift">&Eogon;</sup></span>
107        </div>
108        <!-- Letter G with diacritic -->
109        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
110            <span class="wt-osk-key">&gbreve;<sup class="wt-osk-key-shift">&Gbreve;</sup></span>
111        </div>
112        <!-- Letter I with diacritic -->
113        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
114            <span class="wt-osk-key">&igrave;<sup class="wt-osk-key-shift">&Igrave;</sup></span>
115            <span class="wt-osk-key">&iacute;<sup class="wt-osk-key-shift">&Iacute;</sup></span>
116            <span class="wt-osk-key">&icirc;<sup class="wt-osk-key-shift">&Icirc;</sup></span>
117            <span class="wt-osk-key">&iuml;<sup class="wt-osk-key-shift">&Iuml;</sup></span>
118            <span class="wt-osk-key">&iogon;<sup class="wt-osk-key-shift">&Iogon;</sup></span>
119            <span class="wt-osk-key">&inodot;<sup class="wt-osk-key-shift">&Idot;</sup></span>
120            <span class="wt-osk-key">&ijlig;<sup class="wt-osk-key-shift">&IJlig;</sup></span>
121        </div>
122        <!-- Letter L with diacritic -->
123        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
124            <span class="wt-osk-key">&lcaron;<sup class="wt-osk-key-shift">&Lcaron;</sup></span>
125            <span class="wt-osk-key">&lacute;<sup class="wt-osk-key-shift">&Lacute;</sup></span>
126            <span class="wt-osk-key">&lstrok;<sup class="wt-osk-key-shift">&Lstrok;</sup></span>
127        </div>
128        <!-- Letter N with diacritic -->
129        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
130            <span class="wt-osk-key">&napos;</span>
131            <span class="wt-osk-key">&ntilde;<sup class="wt-osk-key-shift">&Ntilde;</sup></span>
132            <span class="wt-osk-key">&ncaron;<sup class="wt-osk-key-shift">&Ncaron;</sup></span>
133        </div>
134        <!-- Letter O with diacritic -->
135        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
136            <span class="wt-osk-key">&ograve;<sup class="wt-osk-key-shift">&Ograve;</sup></span>
137            <span class="wt-osk-key">&oacute;<sup class="wt-osk-key-shift">&Oacute;</sup></span>
138            <span class="wt-osk-key">&ocirc;<sup class="wt-osk-key-shift">&Ocirc;</sup></span>
139            <span class="wt-osk-key">&otilde;<sup class="wt-osk-key-shift">&Otilde;</sup></span>
140            <span class="wt-osk-key">&ouml;<sup class="wt-osk-key-shift">&Ouml;</sup></span>
141            <span class="wt-osk-key">&oslash;<sup class="wt-osk-key-shift">&Oslash;</sup></span>
142            <span class="wt-osk-key">&oelig;<sup class="wt-osk-key-shift">&OElig;</sup></span>
143            <span class="wt-osk-key">&ordm;</span>
144        </div>
145        <!-- Letter T with diacritic -->
146        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
147            <span class="wt-osk-key">&tcaron;<sup class="wt-osk-key-shift">&Tcaron;</sup></span>
148        </div>
149        <!-- Letter R with diacritic -->
150        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
151            <span class="wt-osk-key">&racute;<sup class="wt-osk-key-shift">&Racute;</sup></span>
152            <span class="wt-osk-key">&rcaron;<sup class="wt-osk-key-shift">&Rcaron;</sup></span>
153        </div>
154        <!-- Letter S with diacritic -->
155        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
156            <span class="wt-osk-key">&scaron;<sup class="wt-osk-key-shift">&Scaron;</sup></span>
157            <span class="wt-osk-key">&scedil;<sup class="wt-osk-key-shift">&Scedil;</sup></span>
158            <span class="wt-osk-key">&#x17F;</span>
159        </div>
160        <!-- Letter U with diacritic -->
161        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
162            <span class="wt-osk-key">&uuml;<sup class="wt-osk-key-shift">&Uuml;</sup></span>
163            <span class="wt-osk-key">&ugrave;<sup class="wt-osk-key-shift">&Ugrave;</sup></span>
164            <span class="wt-osk-key">&uacute;<sup class="wt-osk-key-shift">&Uacute;</sup></span>
165            <span class="wt-osk-key">&ucirc;<sup class="wt-osk-key-shift">&Ucirc;</sup></span>
166            <span class="wt-osk-key">&utilde;<sup class="wt-osk-key-shift">&Utilde;</sup></span>
167            <span class="wt-osk-key">&umacr;<sup class="wt-osk-key-shift">&Umacr;</sup></span>
168            <span class="wt-osk-key">&uogon;<sup class="wt-osk-key-shift">&Uogon;</sup></span>
169        </div>
170        <!-- Letter Y with diacritic -->
171        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
172            <span class="wt-osk-key">&yacute;<sup class="wt-osk-key-shift">&Yacute;</sup></span>
173        </div>
174        <!-- Letter Z with diacritic -->
175        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
176            <span class="wt-osk-key">&zdot;<sup class="wt-osk-key-shift">&Zdot;</sup></span>
177            <span class="wt-osk-key">&zcaron;<sup class="wt-osk-key-shift">&Zcaron;</sup></span>
178        </div>
179        <!-- Esszet, Eth and Thorn -->
180        <div class="wt-osk-group wt-osk-script wt-osk-script-latn" dir="ltr">
181            <span class="wt-osk-key">&szlig;<sup class="wt-osk-key-shift">&#7838;</sup></span>
182            <span class="wt-osk-key">&eth;<sup class="wt-osk-key-shift">&ETH;</sup></span>
183            <span class="wt-osk-key">&thorn;<sup class="wt-osk-key-shift">&THORN;</sup></span>
184        </div>
185        <!-- Vietnamese diacritics and tonal marks -->
186        <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
187            <span class="wt-osk-key">ă<sup class="wt-osk-key-shift">Ă</sup></span>
188            <span class="wt-osk-key">â<sup class="wt-osk-key-shift">Â</sup></span>
189            <span class="wt-osk-key">à<sup class="wt-osk-key-shift">À</sup></span>
190            <span class="wt-osk-key">ằ<sup class="wt-osk-key-shift">Ằ</sup></span>
191            <span class="wt-osk-key">ầ<sup class="wt-osk-key-shift">Ầ</sup></span>
192            <span class="wt-osk-key">ả<sup class="wt-osk-key-shift">Ả</sup></span>
193            <span class="wt-osk-key">ẳ<sup class="wt-osk-key-shift">Ẳ</sup></span>
194            <span class="wt-osk-key">ẩ<sup class="wt-osk-key-shift">Ẩ</sup></span>
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        </div>
205        <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
206            <span class="wt-osk-key">&dstrok;<sup class="wt-osk-key-shift">&Dstrok;</sup></span>
207        </div>
208        <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
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            <span class="wt-osk-key">ẻ<sup class="wt-osk-key-shift">Ẻ</sup></span>
213            <span class="wt-osk-key">ể<sup class="wt-osk-key-shift">Ể</sup></span>
214            <span class="wt-osk-key">ẽ<sup class="wt-osk-key-shift">Ẽ</sup></span>
215            <span class="wt-osk-key">ễ<sup class="wt-osk-key-shift">Ễ</sup></span>
216            <span class="wt-osk-key">é<sup class="wt-osk-key-shift">É</sup></span>
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        </div>
221        <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
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        </div>
228        <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
229            <span class="wt-osk-key">ô<sup class="wt-osk-key-shift">Ô</sup></span>
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            <span class="wt-osk-key">ổ<sup class="wt-osk-key-shift">Ổ</sup></span>
236            <span class="wt-osk-key">ở<sup class="wt-osk-key-shift">Ở</sup></span>
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        </div>
247        <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
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            <span class="wt-osk-key">ữ<sup class="wt-osk-key-shift">Ữ</sup></span>
255            <span class="wt-osk-key">ú<sup class="wt-osk-key-shift">Ú</sup></span>
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        </div>
260        <div class="wt-osk-group wt-osk-script wt-osk-script-viet" dir="ltr" hidden>
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        </div>
267        <!-- Extra Cyrillic characters -->
268        <div class="wt-osk-group wt-osk-script wt-osk-script-cyrl" dir="ltr" hidden>
269            <span class="wt-osk-key">&iocy;<sup class="wt-osk-key-shift">&IOcy;</sup></span>
270            <span class="wt-osk-key">&djcy;<sup class="wt-osk-key-shift">&DJcy;</sup></span>
271            <span class="wt-osk-key">&gjcy;<sup class="wt-osk-key-shift">&GJcy;</sup></span>
272            <span class="wt-osk-key">&jukcy;<sup class="wt-osk-key-shift">&Jukcy;</sup></span>
273            <span class="wt-osk-key">&dscy;<sup class="wt-osk-key-shift">&DScy;</sup></span>
274            <span class="wt-osk-key">&iukcy;<sup class="wt-osk-key-shift">&Iukcy;</sup></span>
275            <span class="wt-osk-key">&yicy;<sup class="wt-osk-key-shift">&YIcy;</sup></span>
276            <span class="wt-osk-key">&jsercy;<sup class="wt-osk-key-shift">&Jsercy;</sup></span>
277            <span class="wt-osk-key">&ljcy;<sup class="wt-osk-key-shift">&LJcy;</sup></span>
278            <span class="wt-osk-key">&njcy;<sup class="wt-osk-key-shift">&NJcy;</sup></span>
279            <span class="wt-osk-key">&tshcy;<sup class="wt-osk-key-shift">&TSHcy;</sup></span>
280            <span class="wt-osk-key">&kjcy;<sup class="wt-osk-key-shift">&KJcy;</sup></span>
281            <span class="wt-osk-key">&ubrcy;<sup class="wt-osk-key-shift">&Ubrcy;</sup></span>
282            <span class="wt-osk-key">&dzcy;<sup class="wt-osk-key-shift">&DZcy;</sup></span>
283        </div>
284        <!-- Cyrillic alphabet -->
285        <div class="wt-osk-group wt-osk-script wt-osk-script-cyrl" dir="ltr" hidden>
286            <span class="wt-osk-key">&acy;<sup class="wt-osk-key-shift">&Acy;</sup></span>
287            <span class="wt-osk-key">&bcy;<sup class="wt-osk-key-shift">&Bcy;</sup></span>
288            <span class="wt-osk-key">&vcy;<sup class="wt-osk-key-shift">&Vcy;</sup></span>
289            <span class="wt-osk-key">&gcy;<sup class="wt-osk-key-shift">&Gcy;</sup></span>
290            <span class="wt-osk-key">&dcy;<sup class="wt-osk-key-shift">&Dcy;</sup></span>
291            <span class="wt-osk-key">&iecy;<sup class="wt-osk-key-shift">&IEcy;</sup></span>
292            <span class="wt-osk-key">&zhcy;<sup class="wt-osk-key-shift">&ZHcy;</sup></span>
293            <span class="wt-osk-key">&zcy;<sup class="wt-osk-key-shift">&Zcy;</sup></span>
294            <span class="wt-osk-key">&icy;<sup class="wt-osk-key-shift">&Icy;</sup></span>
295            <span class="wt-osk-key">&jcy;<sup class="wt-osk-key-shift">&Jcy;</sup></span>
296            <span class="wt-osk-key">&kcy;<sup class="wt-osk-key-shift">&Kcy;</sup></span>
297            <span class="wt-osk-key">&lcy;<sup class="wt-osk-key-shift">&Lcy;</sup></span>
298            <span class="wt-osk-key">&mcy;<sup class="wt-osk-key-shift">&Mcy;</sup></span>
299            <span class="wt-osk-key">&ncy;<sup class="wt-osk-key-shift">&Ncy;</sup></span>
300            <span class="wt-osk-key">&ocy;<sup class="wt-osk-key-shift">&Ocy;</sup></span>
301            <span class="wt-osk-key">&pcy;<sup class="wt-osk-key-shift">&Pcy;</sup></span>
302            <span class="wt-osk-key">&scy;<sup class="wt-osk-key-shift">&Scy;</sup></span>
303            <span class="wt-osk-key">&tcy;<sup class="wt-osk-key-shift">&Tcy;</sup></span>
304            <span class="wt-osk-key">&ucy;<sup class="wt-osk-key-shift">&Ucy;</sup></span>
305            <span class="wt-osk-key">&fcy;<sup class="wt-osk-key-shift">&Fcy;</sup></span>
306            <span class="wt-osk-key">&khcy;<sup class="wt-osk-key-shift">&KHcy;</sup></span>
307            <span class="wt-osk-key">&tscy;<sup class="wt-osk-key-shift">&TScy;</sup></span>
308            <span class="wt-osk-key">&chcy;<sup class="wt-osk-key-shift">&CHcy;</sup></span>
309            <span class="wt-osk-key">&shcy;<sup class="wt-osk-key-shift">&SHcy;</sup></span>
310            <span class="wt-osk-key">&shchcy;<sup class="wt-osk-key-shift">&SHCHcy;</sup></span>
311            <span class="wt-osk-key">&hardcy;<sup class="wt-osk-key-shift">&HARDcy;</sup></span>
312            <span class="wt-osk-key">&ycy;<sup class="wt-osk-key-shift">&Ycy;</sup></span>
313            <span class="wt-osk-key">&softcy;<sup class="wt-osk-key-shift">&SOFTcy;</sup></span>
314            <span class="wt-osk-key">&ecy;<sup class="wt-osk-key-shift">&Ecy;</sup></span>
315            <span class="wt-osk-key">&yucy;<sup class="wt-osk-key-shift">&YUcy;</sup></span>
316            <span class="wt-osk-key">&yacy;<sup class="wt-osk-key-shift">&YAcy;</sup></span>
317        </div>
318        <!-- Greek alphabet -->
319        <div class="wt-osk-group wt-osk-script wt-osk-script-grek" dir="ltr" hidden>
320            <span class="wt-osk-key">&alpha;<sup class="wt-osk-key-shift">&Alpha;</sup></span>
321            <span class="wt-osk-key">&beta;<sup class="wt-osk-key-shift">&Beta;</sup></span>
322            <span class="wt-osk-key">&gamma;<sup class="wt-osk-key-shift">&Gamma;</sup></span>
323            <span class="wt-osk-key">&delta;<sup class="wt-osk-key-shift">&Delta;</sup></span>
324            <span class="wt-osk-key">&epsilon;<sup class="wt-osk-key-shift">&Epsilon;</sup></span>
325            <span class="wt-osk-key">&zeta;<sup class="wt-osk-key-shift">&Zeta;</sup></span>
326            <span class="wt-osk-key">&eta;<sup class="wt-osk-key-shift">&eta;</sup></span>
327            <span class="wt-osk-key">&theta;<sup class="wt-osk-key-shift">&Theta;</sup></span>
328            <span class="wt-osk-key">&iota;<sup class="wt-osk-key-shift">&Iota;</sup></span>
329            <span class="wt-osk-key">&kappa;<sup class="wt-osk-key-shift">&Kappa;</sup></span>
330            <span class="wt-osk-key">&lambda;<sup class="wt-osk-key-shift">&Lambda;</sup></span>
331            <span class="wt-osk-key">&mu;<sup class="wt-osk-key-shift">&Mu;</sup></span>
332            <span class="wt-osk-key">&nu;<sup class="wt-osk-key-shift">&Nu;</sup></span>
333            <span class="wt-osk-key">&xi;<sup class="wt-osk-key-shift">&Xi;</sup></span>
334            <span class="wt-osk-key">&omicron;<sup class="wt-osk-key-shift">&Omicron;</sup></span>
335            <span class="wt-osk-key">&pi;<sup class="wt-osk-key-shift">&Pi;</sup></span>
336            <span class="wt-osk-key">&rho;<sup class="wt-osk-key-shift">&Rho;</sup></span>
337            <span class="wt-osk-key">&sigma;<sup class="wt-osk-key-shift">&Sigma;</sup></span>
338            <span class="wt-osk-key">&tau;<sup class="wt-osk-key-shift">&Tau;</sup></span>
339            <span class="wt-osk-key">&upsilon;<sup class="wt-osk-key-shift">&Upsilon;</sup></span>
340            <span class="wt-osk-key">&phi;<sup class="wt-osk-key-shift">&Phi;</sup></span>
341            <span class="wt-osk-key">&chi;<sup class="wt-osk-key-shift">&chi;</sup></span>
342            <span class="wt-osk-key">&psi;<sup class="wt-osk-key-shift">&Psi;</sup></span>
343            <span class="wt-osk-key">&omega;<sup class="wt-osk-key-shift">&Omega;</sup></span>
344        </div>
345        <!-- Arabic alphabet -->
346        <div class="wt-osk-group wt-osk-script wt-osk-script-arab" dir="rtl" hidden>
347            <span class="wt-osk-key">ا</span>
348            <span class="wt-osk-key">ب</span>
349            <span class="wt-osk-key">ت</span>
350            <span class="wt-osk-key">ثج</span>
351            <span class="wt-osk-key">ح</span>
352            <span class="wt-osk-key">خ</span>
353            <span class="wt-osk-key">د</span>
354            <span class="wt-osk-key">ذ</span>
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        </div>
378        <!-- Hebrew alphabet -->
379        <div class="wt-osk-group wt-osk-script wt-osk-script-hebr" dir="rtl" hidden>
380            <span class="wt-osk-key">&#x5d0;</span>
381            <span class="wt-osk-key">&#x5d1;</span>
382            <span class="wt-osk-key">&#x5d2;</span>
383            <span class="wt-osk-key">&#x5d3;</span>
384            <span class="wt-osk-key">&#x5d4;</span>
385            <span class="wt-osk-key">&#x5d5;</span>
386            <span class="wt-osk-key">&#x5d6;</span>
387            <span class="wt-osk-key">&#x5d7;</span>
388            <span class="wt-osk-key">&#x5d8;</span>
389            <span class="wt-osk-key">&#x5d9;</span>
390            <span class="wt-osk-key">&#x5da;</span>
391            <span class="wt-osk-key">&#x5db;</span>
392            <span class="wt-osk-key">&#x5dc;</span>
393            <span class="wt-osk-key">&#x5dd;</span>
394            <span class="wt-osk-key">&#x5de;</span>
395            <span class="wt-osk-key">&#x5df;</span>
396            <span class="wt-osk-key">&#x5e0;</span>
397            <span class="wt-osk-key">&#x5e1;</span>
398            <span class="wt-osk-key">&#x5e2;</span>
399            <span class="wt-osk-key">&#x5e3;</span>
400            <span class="wt-osk-key">&#x5e4;</span>
401            <span class="wt-osk-key">&#x5e5;</span>
402            <span class="wt-osk-key">&#x5e6;</span>
403            <span class="wt-osk-key">&#x5e7;</span>
404            <span class="wt-osk-key">&#x5e8;</span>
405            <span class="wt-osk-key">&#x5e9;</span>
406            <span class="wt-osk-key">&#x5ea;</span>
407            <span class="wt-osk-key">&#x5f0;</span>
408            <span class="wt-osk-key">&#x5f1;</span>
409            <span class="wt-osk-key">&#x5f2;</span>
410            <span class="wt-osk-key">&#x5f3;</span>
411            <span class="wt-osk-key">&#x5f4;</span>
412        </div>
413    </div>
414</div>
415