-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (129 loc) · 4.83 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
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Teochew Pronunciation Annotator 潮州話漢字注音器</title>
<script src="./webscript.js" type="module"></script>
</head>
<body>
<div class="padbox">
<h1>Teochew Pronunciation Annotator • 潮州話漢字注音器</h1>
<p>
Annotate Chinese characters (traditional only) with
<a href="https://en.wikipedia.org/wiki/Teochew_Min">Teochew</a>
pronunciation, using
<a href="https://en.wikipedia.org/wiki/Peng%27im"
>Pêng'im romanization</a
>.
</p>
<p>
用<a href="https://zh.wikipedia.org/wiki/%E6%BD%AE%E5%B7%9E%E8%AF%9D"
>潮州方言</a
>的讀音（<a
href="https://zh.wikipedia.org/wiki/%E6%BD%AE%E5%B7%9E%E8%A9%B1%E6%8B%BC%E9%9F%B3%E6%96%B9%E6%A1%88"
>潮拼</a
>）來注音漢字（只接受繁體字輸入）。
</p>
<p>
Looking for our
<a href="https://learnteochew.com/pengim-js/"
>Teochew Romanization Converter</a
>
instead?
</p>
<p>
Made by <a href="https://learnteochew.com/">LearnTeochew.com</a>; visit
our main site to learn more about the Teochew language.
</p>
</div>
<div class="lightblue">
<h2>Input • 輸入</h2>
<textarea id="input" name="input" rows="6">
清朝尾，光緒二十年左右，天字號個漢奸湖南儂曾國藩個孫曾枝倨，伊個頭特別大，潮州儂暗靜住叫伊做曾大頭。大頭伊是公子阿舍出身，全個唔曉世情，特別好惹事。照生住鬧出一大堆笑話。
</textarea>
</div>
<div class="lightblue">
<fieldset>
<legend>Dictionary for character readings</legend>
<div class="radio">
<input
type="radio"
id="dict_lim_1997"
name="choose_dict"
value="lim_1997"
checked
/>
<label for="dict_lim_1997"
>《新編潮州音字典》林倫倫主編，汕頭大學出版社（1997修訂本）</label
>
</div>
<div class="radio">
<input
type="radio"
id="dict_ghou_1983"
name="choose_dict"
value="ghou_1983"
/>
<label for="dict_ghou_1983"
>《潮州音字典》吳華重、林適民主編，廣東人民出版社（1983）</label
>
</div>
</fieldset>
</div>
<div class="lightblue">
<button id="annotatebutton">Annotate • 注音</button>
</div>
<div class="lightpink">
<h2>Output • 輸出</h2>
<div class="outputdiv" id="outputdiv">
<span style="color: grey">[output will appear here]</span>
</div>
<p>
Colors: <span style="color: blue">literary reading 文讀音</span>;
<span style="color: green">semantic gloss reading 訓讀音</span>.
</p>
<div class="outputdiv" id="outputdiv2"></div>
</div>
<div>
<h2>Details</h2>
<p>
Characters are annotated individually with the Teochew pronunciation,
according to the selected Teochew character dictionary. For more
information, click on each character to view its entry in <a
href="https://en.wiktionary.org/">English Wiktionary</a>.
</p>
<p>
A single character may have more than one reading, depending on the
context, e.g. what word it is used in. To help users, the tool also
looks for multi-character words. These are found by simple matching
against Wiktionary entries. Multiple overlapping results may be found
if word boundaries are potentially ambiguous.
</p>
<p>Data sources • 資料來源:</p>
<ul>
<li>
《潮州音字典》吳華重、林適民主編，廣東人民出版社（1983）, digitized by
騰達 (<a href="https://github.com/kahaani/dieghv">source</a>). Teochew
prefectural city pronunciation; literary/gloss reading data not
available.
</li>
<li>
《新編潮州音字典》林倫倫主編，汕頭大學出版社（1997修訂本）. Swatow
pronunciation; literary/gloss reading data available.
</li>
<li>
Word data is from
<a href="https://en.wiktionary.org/">English Wiktionary</a> (version
2022-01-01), which is released under a CC-BY-SA 4.0 license; refer to
linked entries for contributor information.
</li>
</ul>
<p>Example text is from 《潮州方言》李永明著，中華書局（1959年）.</p>
<p>
<strong>NB: Still in beta testing!</strong>
</p>
</div>
</body>
</html>