-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (57 loc) · 2.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Vocàlia</title>
<link rel="stylesheet" href="style.css?v=0.3">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2"></script>
<script src="script.js?v=0.3"></script>
</head>
<body>
<div id="content">
<h1>Vocàlia</h1>
<canvas id="chartjs"></canvas>
<div id="menu">
<button data-save>Save image</button>
<button data-add_sample>Add</button>
<button data-load_demo>Load demo</button>
<button data-toggle_excel>Import from Excel</button>
</div>
<div id="excel" class="box muted hidden">
Copy and paste from Excel:<br>
<textarea></textarea><br>
<button data-import_excel>Import</button>
</div>
<div id="samples"></div>
<p id="phonetics" class="muted">
Phonetic symbols (click to copy to the clipboard):<br>
<span>i</span> <span>y</span> <span>ɨ</span> <span>ʉ</span> <span>ɯ</span> <span>u</span> <span>ɪ</span> <span>ʏ</span> <span>ɪ̈</span> <span>ʊ̈</span>
<span>ʊ</span> <span>e</span> <span>ø</span> <span>ɘ</span> <span>ɵ</span> <span>ɤ</span> <span>o</span> <span>ə</span> <span>ɛ</span> <span>œ</span>
<span>ɜ</span> <span>ɞ</span> <span>ʌ</span> <span>ɔ</span> <span>æ</span> <span>ɐ</span> <span>a</span> <span>ɶ</span> <span>ɑ</span> <span>ɒ</span>
</p>
<div style="text-align: right">
<a href="https://github.com/paucapo/vocalia">source code</a>
</div>
</div>
<script type="text/template" id="sample-template">
<div>
<button data-remove_sample>Remove</button>
<table data-color="{color}"></table>
<button data-add_row>Add row</button>
</div>
</script>
<script type="text/template" id="row-template">
<tr>
<td><input placeholder="Vowel" value="{vowel}"/></td>
<td><input placeholder="F1" value="{f1}"/></td>
<td><input placeholder="F2" value="{f2}"/></td>
<td>
<button data-remove_row>x</button>
</td>
</tr>
</script>
</body>
</html>