-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (169 loc) · 15.4 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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
---
---
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!--
Copyright 2021 Google LLC
Copyright 2023-2024 David Corbett
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<title>{{ site.title }}</title>
<script type="module" src="{{ 'assets/js/state.js' | relative_url }}"></script>
<link rel="stylesheet" href="{{ 'assets/css/style.css' | relative_url }}">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<label>
Bold:
<input type="checkbox" id="bold">
</label>
<label>
Decoration:
<select id="decoration">
<option value="none">None
<option value="line-through">Strikethrough
<option value="underline">Underline
<option value="dashed underline">Dashed underline
</select>
</label>
<label>
Auto-transliterate:
<input type="checkbox" id="autotransliteration" checked>
</label>
<label>
Auto-syllabify:
<input type="checkbox" id="autosyllabification" checked>
</label>
<div id="download-link">
<a href="https://github.com/dscorbett/duployan-font/releases/tag/RawndMusmusDuployan-v1.0.0">Download the font</a>
</div>
<div id="output" class="Dupl" autofocus contenteditable
autocapitalize="off" autocomplete="off" autocorrect="off" spellcheck="false"
></div>
<div id="mock-output" class="Dupl"></div>
<div>
<b>Keycap colors:</b>
<span class="normal">Normal</span>
<span class="alt">Alternative form</span>
<span class="non-orienting">Non-orienting form</span>
</div>
<div>
<span class="Dupl"></span>
<span>
<b>Character details:</b>
<span id="info-placeholder">(Hover over any key with the <span class="info-icon Dupl">?⃝</span> icon)</span>
</span>
</div>
<ul id="keyboard">
<li class="normal"><span class="keycap Dupl">𛰀</span><span class="hint">h</span>
<li class="normal"><span class="keycap Dupl">𛰁</span><span class="hint" data-prefix="d">x</span><span class="info">Less common variant of <span class="to-transliterate">h</span></span>
<li class="normal"><span class="keycap Dupl">𛰂</span><span class="hint">p</span>
<li class="normal"><span class="keycap Dupl">𛰃</span><span class="hint">t</span>
<li class="normal"><span class="keycap Dupl">𛰄</span><span class="hint">f</span>
<li class="normal"><span class="keycap Dupl">𛰅</span><span class="hint">k</span>
<li class="normal"><span class="keycap Dupl">𛰆</span><span class="hint">l</span>
<li class="normal"><span class="keycap Dupl">𛰛</span><span class="hint">sh</span>
<li class="normal"><span class="keycap Dupl">𛰜</span><span class="hint">s</span>
<li class="normal"><span class="keycap Dupl">𛰚</span><span class="hint">n</span>
<li class="normal"><span class="keycap Dupl">𛰙</span><span class="hint">m</span>
<li class="normal"><span class="keycap Dupl">𛰇</span><span class="hint">b</span>
<li class="normal"><span class="keycap Dupl">𛰈</span><span class="hint">d</span>
<li class="normal"><span class="keycap Dupl">𛰉</span><span class="hint">v</span>
<li class="normal"><span class="keycap Dupl">𛰊</span><span class="hint">g</span>
<li class="normal"><span class="keycap Dupl">𛰋</span><span class="hint">r</span>
<li class="normal"><span class="keycap Dupl">𛰑</span><span class="hint">th</span>
<li class="normal"><span class="keycap Dupl">𛰔</span><span class="hint">k'</span>
<li class="normal"><span class="keycap Dupl">𛰖</span><span class="hint">hl</span>
<li class="normal"><span class="keycap Dupl">𛰗</span><span class="hint">lh</span>
<li class="normal"><span class="keycap Dupl">𛰣</span><span class="hint">ch</span>
<li class="normal"><span class="keycap Dupl">𛰥</span><span class="hint">c</span>
<li class="normal"><span class="keycap Dupl">𛰢</span><span class="hint">ng</span>
<li class="normal"><span class="keycap Dupl">𛰘</span><span class="hint">rh</span>
<li class="normal"><span class="keycap Dupl">𛱁</span><span class="hint">a</span>
<li class="alt"><span class="keycap Dupl">𛱂</span><span class="hint">a\2</span>
<li class="normal"><span class="keycap Dupl">𛱄</span><span class="hint">o</span>
<li class="alt"><span class="keycap Dupl">𛱄͏͏͏</span><span class="hint">o\2</span>
<li class="normal"><span class="keycap Dupl">𛱛</span><span class="hint">u</span>
<li class="alt"><span class="keycap Dupl">𛱛͏͏͏</span><span class="hint">u\2</span>
<li class="normal"><span class="keycap Dupl">𛱚</span><span class="hint">aw</span>
<li class="alt"><span class="keycap Dupl">𛱚͏͏͏</span><span class="hint">aw\2</span>
<li class="normal"><span class="keycap Dupl">𛱜</span><span class="hint">wa</span>
<li class="alt"><span class="keycap Dupl">𛱜͏͏͏</span><span class="hint">wa\2</span>
<li class="normal"><span class="keycap Dupl">𛱆</span><span class="hint">i</span>
<li class="alt"><span class="keycap Dupl">𛱇</span><span class="hint">i\2</span>
<li class="non-orienting"><span class="keycap Dupl">𛱈</span><span class="hint">i\6</span>
<li class="non-orienting"><span class="keycap Dupl">𛱉</span><span class="hint">i\7</span>
<li class="non-orienting"><span class="keycap Dupl">𛱊</span><span class="hint">i\8</span>
<li class="non-orienting"><span class="keycap Dupl">𛱋</span><span class="hint">i\9</span>
<li class="normal"><span class="keycap Dupl">𛱑</span><span class="hint">yu</span>
<li class="alt"><span class="keycap Dupl">𛱒</span><span class="hint">yu\2</span>
<li class="normal"><span class="keycap Dupl">𛱓</span><span class="hint">eu</span>
<li class="alt"><span class="keycap Dupl">𛱓͏͏͏</span><span class="hint">eu\2</span>
<li class="normal"><span class="keycap Dupl">𛱤</span><span class="hint">a~</span>
<li class="alt"><span class="keycap Dupl">𛱢</span><span class="hint">o~</span>
<li class="non-orienting"><span class="keycap Dupl">𛱣</span><span class="hint">i~</span>
<li class="non-orienting"><span class="keycap Dupl">𛱡</span><span class="hint">u~</span>
<li class="normal"><span class="keycap Dupl">𛱝</span><span class="hint">wo</span>
<li class="alt"><span class="keycap Dupl">𛱝͏͏͏</span><span class="hint">wo\2</span>
<li class="normal"><span class="keycap Dupl">𛱞</span><span class="hint">wi</span>
<li class="alt"><span class="keycap Dupl">𛱞͏͏͏</span><span class="hint">wi\2</span>
<li class="normal"><span class="keycap Dupl">𛱟</span><span class="hint">wei</span>
<li class="alt"><span class="keycap Dupl">𛱟͏͏͏</span><span class="hint">wei\2</span>
<li class="normal"><span class="keycap Dupl">𛱠</span><span class="hint">waw</span>
<li class="alt"><span class="keycap Dupl">𛱠͏͏͏</span><span class="hint">waw\2</span>
<li class="normal"><span class="keycap Dupl">𛲟</span><span class="hint">=</span><span class="info">Double dash: introduces a new line of dialogue or a subsection of a paragraph</span>
<li class="normal"><span class="keycap Dupl">⸼</span><span class="hint"><x></span>
<li class="normal"><span class="keycap Dupl">𛲜</span><span class="hint"><0+></span><span class="info">Logograph for the Eucharist (Chinook: <span lang="chn" class="to-transliterate">likalisti</span>)</span>
<li class="normal"><span class="keycap Dupl"></span><span class="info">Latin cross pommy</span>
<li class="normal"><span class="keycap Dupl">✝</span><span class="info">Latin cross</span>
<li class="normal"><span class="keycap Dupl">④</span><span class="info">Calendar symbol for Ember days (Chinook: <span lang="chn" class="to-transliterate">likatita</span>)</span>
<li class="normal"><span class="keycap Dupl"></span><span class="info">Calendar symbol for the Feast of the Sacred Heart (Chinook: <span lang="chn" class="to-transliterate">;sikrid hart f ;shisyus</span>)</span>
<li class="normal"><span class="keycap Dupl">☠</span><span class="info">Calendar symbol for All Souls’ Day (Chinook: <span lang="chn" class="to-transliterate">pirgatori tilikom klaska son</span>)</span>
<li class="normal"><span class="keycap Dupl">𛰜𛰃</span><span class="hint">ST</span><span class="info">Abbreviation: <span lang="chn" class="to-transliterate">sahali taii</span></span>
<li class="normal"><span class="keycap Dupl">𛰛𛰅</span><span class="hint">ShK</span><span class="info">Abbreviation: <span lang="chn" class="to-transliterate">;shi\1syu kri</span></span>
<li class="normal desc"><span class="keycap Dupl">𛰜𛰛𛰇</span><span class="hint">SShB</span><span class="info">Abbreviation: <span lang="chn" class="to-transliterate">sin shon ;batist</span></span>
<li class="normal"><span class="keycap Dupl">𛱇𛰃𛰜</span><span class="hint">ItS</span><span class="info">Abbreviation: “et cetera”</span>
<li class="normal"><span class="keycap" data-string=" ">space</span>
<li class="normal"><span class="keycap" data-string="‌">syll. break</span><span class="hint" data-prefix="d" data-suffix="d">;</span><span class="info">Zero width non-joiner: breaks the cursive connection between syllables and resets the baseline</span>
<li class="normal"><span class="keycap" data-string="𛲡">overlap</span><span class="info">Normal continuing overlap</span>
<li class="alt"><span class="keycap" data-string="𛲠">overlap</span><span class="info">Single-letter overlap (not needed for Chinook)</span>
<li class="normal"><span class="keycap" data-string="𛲝">shade</span><span class="info">Shade the preceding character (not used in Chinook)</span>
<li class="normal"><span class="keycap Dupl">“</span><span class="hint">"</span>
<li class="normal"><span class="keycap Dupl">”</span><span class="hint" data-prefix=""">"</span>
<li class="normal"><span class="keycap Dupl">„</span><span class="hint">,,</span>
<li class="normal"><span class="keycap Dupl">’</span><span class="hint" data-suffix="9">'</span>
<li class="normal"><span class="keycap Dupl">«</span><span class="hint"><<</span>
<li class="normal"><span class="keycap Dupl">»</span><span class="hint">>></span>
<li class="normal"><span class="keycap Dupl">‹</span><span class="hint">'</span>
<li class="normal"><span class="keycap Dupl">›</span><span class="hint" data-prefix="'d">'</span>
<li class="normal"><span class="keycap Dupl">◌́</span><span class="info">Stress mark; on <span class="to-transliterate">a~</span>: “an” (English <span lang="en-fonipa">/æn/</span>, French <span lang="fr-fonipa">/ɑ̃/</span>)</span>
<li class="normal"><span class="keycap Dupl">◌̀</span><span class="info">Stress mark; on <span class="to-transliterate">i~</span>: “in” (English <span lang="en-fonipa">/ɪn/</span>, French <span lang="fr-fonipa">/ɛ̃/</span>)</span>
<li class="normal"><span class="keycap Dupl">◌̗</span><span class="info">On <span class="to-transliterate">o~</span>: “on” (English <span lang="en-fonipa">/ɒn/</span>, French <span lang="fr-fonipa">/ɔ̃/</span>)</span>
<li class="normal"><span class="keycap Dupl">◌̖</span><span class="info">On <span class="to-transliterate">u~</span>: “un” (English <span lang="en-fonipa">/ɐn/</span>, French <span lang="fr-fonipa">/œ̃/</span>)</span>
<li class="normal"><span class="keycap Dupl">◌̇</span><span class="info">On <span class="to-transliterate">i</span>: <span lang="und-fonipa">/i/</span> or <span lang="und-fonipa">/ɪ/</span></span>
<li class="normal"><span class="keycap Dupl">◌̣</span><span class="info">On <span class="to-transliterate">i</span>: <span lang="und-fonipa">/ɛ/</span></span>
<li class="normal"><span class="keycap Dupl">◌̄</span><span class="info">On <span class="to-transliterate">i</span>: <span lang="und-fonipa">/i/</span></span>
<li class="normal"><span class="keycap Dupl">◌̱</span><span class="info">On <span class="to-transliterate">i</span>: <span lang="und-fonipa">/ej/</span></span>
<li class="normal"><span class="keycap Dupl">◌̆</span><span class="info">Stress mark; on <span class="to-transliterate">i</span>: <span lang="und-fonipa">/ɪ/</span>; on <span class="to-transliterate">o</span>: <span lang="und-fonipa">/ɐ/</span></span>
<li class="normal"><span class="keycap Dupl">◌̯</span><span class="info">On <span class="to-transliterate">i</span>: <span lang="und-fonipa">/ɛ/</span></span>
<li class="normal"><span class="keycap Dupl">◌̌</span><span class="info">On <span lang="oka" class="to-transliterate">u</span>: Shuswap <i lang="shs">ŭh</i>, or “a very dull sound” in Okanagan</span>
<li class="normal"><span class="keycap Dupl">🌚︎</span><span class="info">Almanac symbol for a new moon (Chinook: <span lang="chn" class="to-transliterate">pus shako chi mun</span>)</span>
<li class="normal"><span class="keycap Dupl">🌛︎</span><span class="info">Almanac symbol for a first quarter moon (Chinook: <span lang="chn" class="to-transliterate">pus mun sitkom aias</span>)</span>
<li class="normal"><span class="keycap Dupl">🌝︎</span><span class="info">Almanac symbol for a full moon (Chinook: <span lang="chn" class="to-transliterate">pus mun drit rawnd</span>)</span>
<li class="normal"><span class="keycap Dupl">🌜︎</span><span class="info">Almanac symbol for a last quarter moon (Chinook: <span lang="chn" class="to-transliterate">pus mun sitkom kopit</span>)</span>
</ul>
<script type="module" src="{{ 'assets/js/controls.js' | relative_url }}"></script>
<script type="module" src="{{ 'assets/js/keyboard.js' | relative_url }}"></script>
<script type="module" src="{{ 'assets/js/transliterate_test.js' | relative_url }}"></script>
</body>
</html>