-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (59 loc) · 2.28 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<title>Drogobo's IPA Chart</title>
<link rel="icon" type="image/jpg" href="images/xisthebest.jpg">
<meta name="title" content="Drogobo's IPA Chart">
<meta name="description" content="My take on the IPA chart.">
<meta name="theme-color" content="#fefd30">
<meta name="darkreader-lock">
</head>
<body>
<h>Vowels</h>
<p><strong>Key: the symbols on the right are rounded, but the ones on the left are unrounded.</strong></p>
<div class="vowel-chart">
<img src="trapezoid.png" alt="vowel trapezoid" style="width:500px;height:350px;">
<!--CLOSE VOWELS-->
<button style="top:2%;left:8%;">i</button>
<button style="top:2%;left:12%;">y</button>
<button style="top:2%;left:47%;">ɨ</button>
<button style="top:2%;left:51%;">ʉ</button>
<button style="top:2%;left:83%;">ɯ</button>
<button style="top:2%;left:91%;">u</button>
<!--NEAR-CLOSE VOWELS-->
<button style="top:15%;left:30%;">ɪ</button>
<button style="top:15%;left:35%;">ʏ</button>
<button style="top:15%;left:75%;">ʊ</button>
<!--CLOSE-MID VOWELS-->
<button style="top:30%;left:19%;">e</button>
<button style="top:30%;left:24%;">ø</button>
<button style="top:30%;left:52%;">ɘ</button>
<button style="top:30%;left:57%;">ɵ</button>
<button style="top:30%;left:85%;">ɤ</button>
<button style="top:30%;left:91%;">o</button>
<!--MID VOWELS-->
<button style="top:45%;left:25%;">e̞</button>
<button style="top:45%;left:30%;">ø̞</button>
<button style="top:45%;left:58%;">ə</button>
<button style="top:45%;left:85%;">ɤ̞</button>
<button style="top:45%;left:91%;">o̞</button>
<!--OPEN-MID VOWELS-->
<button style="top:59%;left:33%;">ɛ</button>
<button style="top:59%;left:38%;">œ</button>
<button style="top:59%;left:59%;">ɜ</button>
<button style="top:59%;left:64%;">ɞ</button>
<button style="top:59%;left:85%;">ʌ</button>
<button style="top:59%;left:91%;">ɔ</button>
<!--NEAR-OPEN VOWELS-->
<button style="top:74%;left:41%;">æ</button>
<button style="top:74%;left:65%;">ɐ</button>
<!--OPEN VOWELS-->
<button style="top:88%;left:46%;">a</button>
<button style="top:88%;left:51%;">ɶ</button>
<button style="top:88%;left:67%;">ä</button>
<button style="top:88%;left:85%;">ɑ</button>
<button style="top:88%;left:91%;">ɒ</button>
</div>
</body>
</html>