Skip to content

Commit 47b531c

Browse files
Merge pull request #2185 from keymanapp/auto/keyboards/upload/TC-2315
auto: Keyboard help deployment
2 parents 118f616 + c297eb4 commit 47b531c

2 files changed

Lines changed: 296 additions & 0 deletions

File tree

14.7 KB
Loading
Lines changed: 296 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,296 @@
1+
<?php
2+
$pagename = 'Polytonic Greek (SIL) Keyboard Help';
3+
$pagetitle = 'Polytonic Greek (SIL) Keyboard Help';
4+
$pagestyle = <<<END
5+
div, p, li { margin-bottom: 8px }
6+
table.inputSequences {border: 1px solid #1C6EA4;background-color: #FFFFFF;text-align: left;}
7+
table.inputSequences td, table.inputSequences th {border: 1px solid #FFFFFF;padding: 3px 2px;}
8+
table.inputSequences tr:nth-child(even) {background: #D0E4F5;}
9+
table.inputSequences thead {background: #1C6EA4;background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);border-bottom: 2px solid #444444;}
10+
table.inputSequences thead th {font-weight: bold;color: #FFFFFF;border-left: 4px solid #D0E4F5;}
11+
table.inputSequences thead th:first-child {border-left: none;}
12+
table.inputSequences tfoot td {font-size: 14px;}
13+
table.inputSequences tfoot .links {text-align: right;}
14+
table.inputSequences tfoot .links a{display: inline-block;background: #1C6EA4;color: #FFFFFF;padding: 2px 8px;border-radius: 5px;}
15+
th {width: 100px;}
16+
td { width: 60px;}
17+
tr.glyphs td { font-size: 1.1em;}
18+
span[lang=grc] {font-style:italic;}
19+
table+table {margin-top: 1.0em;}
20+
END;
21+
require_once('header.php');
22+
?>
23+
24+
25+
<p>Greek keyboard layout supporting Polytonic Greek, using precomposed characters.</p>
26+
27+
<h2>Desktop Keyboard Layout</h2>
28+
<div id='osk' data-states='default shift rightalt'>
29+
</div>
30+
31+
<h2>Keyboard Assignments</h2>
32+
<p>The main purpose of the keyboards is to provide a wide range of keying options, so many characters can be entered in multiple ways. If you are typing and make a mistake and use the backspace key to delete characters, the keyboard remembers the context.</p>
33+
34+
<h3>Letters</h3>
35+
<table class="inputSequences">
36+
<tbody>
37+
<tr class="glyphs">
38+
<th>Character:</th>
39+
<td>α</td>
40+
<td>β</td>
41+
<td>γ</td>
42+
<td>δ</td>
43+
<td>ε</td>
44+
<td>ζ</td>
45+
<td>η</td>
46+
<td>θ</td>
47+
<td>ι</td>
48+
<td>κ</td>
49+
<td>λ</td>
50+
<td>μ</td>
51+
<td>ν</td>
52+
<td>ξ</td>
53+
</tr>
54+
<tr>
55+
<th>Type:</th>
56+
<td>a</td>
57+
<td>b</td>
58+
<td>g</td>
59+
<td>d</td>
60+
<td>e</td>
61+
<td>z</td>
62+
<td>j, e=, e~ or e^</td>
63+
<td>q or th</td>
64+
<td>i</td>
65+
<td>k</td>
66+
<td>l</td>
67+
<td>m</td>
68+
<td>n</td>
69+
<td>x</td>
70+
</tr>
71+
</tbody>
72+
</table>
73+
74+
<table class="inputSequences">
75+
<tbody>
76+
<tr class="glyphs">
77+
<th>Character:</th>
78+
<td>ο</td>
79+
<td>π</td>
80+
<td>ρ</td>
81+
<td>σ, ς</td>
82+
<td>τ</td>
83+
<td>υ</td>
84+
<td>φ</td>
85+
<td>χ</td>
86+
<td>ψ</td>
87+
<td>ω</td>
88+
</tr>
89+
<tr>
90+
<th>Type:</th>
91+
<td>o</td>
92+
<td>p</td>
93+
<td>r</td>
94+
<td>s</td>
95+
<td>t</td>
96+
<td>u</td>
97+
<td>f or ph</td>
98+
<td>c , ch or kh</td>
99+
<td>y or ps</td>
100+
<td>w , o= , o~ or o^</td>
101+
</tr>
102+
</tbody>
103+
</table>
104+
105+
<p>The keyboard automatically chooses the correct code for the <em>sigma</em> depending upon the encoding and the context, so the correct final form is used when appropriate.</p>
106+
107+
<p>When editing text, you may find you need to insert a medial sigma in the middle of a word; this can typed with <b class="input">AltGr+S</b>.</p>
108+
109+
<table class="inputSequences">
110+
<tbody>
111+
<tr class="glyphs">
112+
<th>Characters</th>
113+
<td>γγ</td>
114+
<td>γκ</td>
115+
<td>γξ</td>
116+
<td>γχ</td>
117+
</tr>
118+
<tr>
119+
<th>Type</th>
120+
<td>ngg</td>
121+
<td>nk</td>
122+
<td>nx</td>
123+
<td>nc(h)</td>
124+
</tr>
125+
</tbody>
126+
</table>
127+
128+
<p>When <em>gamma</em> occurs before another <em>gamma</em>, it can be typed as <b class="input">ng</b>, meaning that <span lang="grc">ἀγγελος</span> can be typed (space) <b class="input">anggelos</b>. When <em>gamma</em> occurs before <em>kappa</em>, <em>xi</em> or <em>chi</em>, it can be typed as <b class="input">n</b>. Note that <b class="input">ng</b> alone produces <em>νγ,</em> as in <span lang="grc">μενουνγε</span>.</p>
129+
130+
131+
<h3>Diacritics</h3>
132+
133+
<table class="inputSequences">
134+
<tbody>
135+
<tr class="glyphs">
136+
<th>Characters</th>
137+
<td>ά</td>
138+
<td>ᾶ</td>
139+
<td>ὰ</td>
140+
<td>ᾳ</td>
141+
<td>ϊ</td>
142+
<td>&#x1FB1;</td>
143+
</tr>
144+
<tr>
145+
<th>Type</th>
146+
<td>' or /</td>
147+
<td>^ , ~ or =</td>
148+
<td>` or \</td>
149+
<td>!, | , + or _</td>
150+
<td>"</td>
151+
<td>#</td>
152+
</tr>
153+
</tbody>
154+
</table>
155+
156+
<p>Diacritics are usually typed after vowels, but may also be typed before word-initial vowels and should be typed before uppercase letters. They can be combined in any order. If you accidentally type the wrong diacritic, you can change it by typing the correct one immediately.</p>
157+
158+
<h3>Breath Marks</h3>
159+
<table class="inputSequences">
160+
<tbody>
161+
<tr class="glyphs">
162+
<th>Characters</th>
163+
<td>ἀ</td>
164+
<td>ἁ</td>
165+
</tr>
166+
<tr>
167+
<th>Type</th>
168+
<td>&gt;</td>
169+
<td>h or &lt;</td>
170+
</tr>
171+
</tbody>
172+
</table>
173+
174+
<p>A smooth breathing is automatically added to a word-initial vowel and a rough breathing to a word-initial <em>rho</em>. To get a rough breathing on an initial vowel, type <b class="input">h</b>, e.g. <b class="input">huper</b> for <span lang="grc">ὑπερ</span> . If you type a word that is all uppercase, the initial breathing mark is automatically removed.</p>
175+
176+
<p>Like other diacritics, they are usually typed after vowels, but may be typed before word-initial vowels. They can also be combined with other diacritics by typing them in any order after the base character. If you type a diphthong, any breath marks and accents on the first vowel are correctly moved to the second vowel.</p>
177+
178+
<p>For example, to type <span lang="grc">Οὐκ εἰμι ἐγω ὁ Χριστος. (ΙΩΑΝΝΗΝ 3 28)</span> you only need to press the following keys:<br>
179+
<b class="input">O u k SPACE e i m i SPACE e g w SPACE h o SPACE C r i s t o s PERIOD SPACE ( I W A N N J N SPACE 3 : 2 8 )</b></p>
180+
181+
<p>You can use <b class="input">AltGr+vowel</b> to get an isolated lower case vowel or <em>rho</em> without breathing marks.</p>
182+
<p>You can also press <b class="input">*</b> to remove the breathing mark from a vowel or <em>rho</em>.</p>
183+
<p>In a few words, a vowel with <em>dieresis</em> follows an accented vowel. You will need to type <b class="input">@</b> before
184+
the vowel with <em>dieresis<em> to get the right behavior. For example, to get <span lang="grc">Ἰάϊρος</span>, type <b class="input">Ia/@i"ros</b>.</p>
185+
186+
187+
<h3>Punctuation</h3>
188+
<table class="inputSequences">
189+
<tbody>
190+
<tr class="glyphs">
191+
<th>Characters</th>
192+
<td>,</td>
193+
<td>.</td>
194+
<td>;</td>
195+
<td> ̓</td>
196+
</tr>
197+
<tr>
198+
<th>Type</th>
199+
<td>,</td>
200+
<td>.</td>
201+
<td>:</td>
202+
<td>; or ?</td>
203+
<td>' ' (two)</td>
204+
</tr>
205+
</tbody>
206+
</table>
207+
208+
<p>To type an apostrophe following a vowel (as in <span lang="grc">δι ̓ αὐτοῦ</span>) press the quote key twice.</p>
209+
210+
<h3>Other Characters</h3>
211+
212+
<p>The following characters are available for typing directly:</p>
213+
<table class="inputSequences">
214+
<tbody>
215+
<tr class="glyphs">
216+
<td>&</td>
217+
<td>(</td>
218+
<td>)</td>
219+
<td>-</td>
220+
<td>0</td>
221+
<td>...</td>
222+
<td>9</td>
223+
<td>[</td>
224+
<td>]</td>
225+
<td>{</td>
226+
<td> }</td>
227+
</tr>
228+
</tbody>
229+
</table>
230+
231+
232+
233+
<p>
234+
Others can be typed by preceding them with <b class="input">@</b> (the <b class="input">@</b> produces .):</p>
235+
236+
<table class="inputSequences">
237+
<tbody>
238+
<tr class="glyphs">
239+
<th>Characters</th>
240+
<td>!</td>
241+
<td>«</td>
242+
<td>»</td>
243+
<td>*</td>
244+
<td>+</td>
245+
<td>&mdash; <br>em-dash</td>
246+
<td>&ndash; <br>en-dash</td>
247+
</tr>
248+
<tr>
249+
<th>Type</th>
250+
<td>@!</td>
251+
<td>@(</td>
252+
<td>@)</td>
253+
<td>@*</td>
254+
<td>@+</td>
255+
<td>@~</td>
256+
<td>@-</td>
257+
</tr>
258+
</tbody>
259+
</table>
260+
261+
262+
<table class="inputSequences">
263+
<tbody>
264+
<tr class="glyphs">
265+
<th>Characters</th>
266+
<td>/</td>
267+
<td>:</td>
268+
<td><</td>
269+
<td>=</td>
270+
<td>></td>
271+
<td>\</td>
272+
</tr>
273+
<tr>
274+
<th>Type</th>
275+
<td>@/</td>
276+
<td>@:</td>
277+
<td>@<</td>
278+
<td>@=</td>
279+
<td>@></td>
280+
<td>@\ or %</td>
281+
</tr>
282+
</tbody>
283+
</table>
284+
285+
<h2>Tablet Keyboard layout</h2>
286+
<p>The tablet layout follows the basic Desktop keyboard. However, due to the size and number of keys, some characters are hidden in the long press.
287+
Press and hold on the key with a little dot on the top right to reveal and use them.</p>
288+
289+
<h2>Phone Keyboard layout</h2>
290+
<p>Due to the size and number of keys, some characters are hidden in the long press.
291+
Press and hold on the key with a little dot on the top right to reveal and use them.</p>
292+
<div id='osk-phone' data-states='default shift numeric'>
293+
</div>
294+
295+
<h3>Longpress</h3>
296+
<p><a href="phone-longpress.png"><img class="keyboard" src="phone-longpress.png" alt="Numeric state" /></a></p>

0 commit comments

Comments
 (0)