-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
62 lines (48 loc) · 2.1 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
<!DOCTYPE html>
<html>
<head>
<title>ᎤᏂᎩᏔ/Unikta</title>
<link rel="stylesheet" type="text/css" href="main.css">
<meta charset="UTF-8">
<meta name="theme-color" content="#ffffff">
</head>
<script src="encode.js"></script>
<body>
<div class="header">
<h1>ᎤᏂᎩᏔ<br>Unikta</h1>
</div>
<div class="encoder">
<svg width="80%" height="300">
<rect x="40" y="40" rx="30" ry="30" width="40%" height="200"
style="fill:lightgrey;stroke:#6c00ff;stroke-width:6;opacity:1;"/>
<foreignObject x="55" y="50" width="40%" height="40%">
<h2 style="position:relative;left:-18px;text-align:center">ᏣᎳᎩ</h2>
<div id="inputDiv">
<textarea dir="auto" rows="12" style="width:88%" id="input" name="input" spellcheck="false" border-radius="50px"
onInput="document.getElementById('output').value=encode(this.value);">ᎣᏏᏲ! Type in syllabary here!</textarea>
</div>
</foreignObject>
<rect x="50%" y="40" rx="30" ry="30" width="40%" height="200"
style="fill:lightgrey;stroke:#6c00ff;stroke-width:6;opacity:1;"/>
<foreignObject x="52%" y="50" width="40%" height="40%">
<h2 style="position:relative;left:-15px;text-align:center">Pulp</h2>
<div id="outputDiv">
<textarea rows="12" style="width:88%" id="output" name="output" spellcheck="false" border-radius"50px"></textarea>
</div>
</foreignObject>
</svg>
</div>
<div class="description">
<p><a href="https://github.com/morgansleeper/Unikta/">ᎤᏂᎩᏔ/Unikta</a> is a Cherokee font and character encoder for
<a href="https://play.date/pulp/">Playdate Pulp</a>. This page lets you type in Cherokee syllabary on the left,
and get text to paste into Pulp on the right.
<p>You can download Unikta and learn more about how to use it <a href="https://github.com/morgansleeper/Unikta/">here!</a></p>
</div>
<div class="footer">
<h3><a href="https://github.com/morgansleeper/Unikta/">about</a></h3>
</div>
<div class="leftfoot">
<img class="rotate_image" src="images/pdpic.png" width="150px">
</div>
</body>
</html>