-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (35 loc) · 1.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🧿</text></svg>">
<link rel="stylesheet" type="text/css" media="screen" href="style.css">
<title>TransmiTTY</title>
<script src="script.js" defer></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
<!-- link preview -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://isneeze.github.io/transmitty/">
<meta property="og:site_name" content="TransmiTTY">
<meta property="og:image" itemprop="image primaryImageOfPage"
content="https://em-content.zobj.net/source/twitter/408/nazar-amulet_1f9ff.png">
<meta name="description" content="A neat little site that translates Earth's signals to Mitty signals and vice versa!">
</head>
<body>
<h1>TransmiTTY<span class="blink">_</span></h1>
<p>This small app translates earth's messages into Mitty's signals and vice versa!</p>
<div class="flex">
<div>
<label>EARTH</label>
<textarea id="humanReadable" oninput="encode()">brat</textarea>
</div>
<div>
<label class="mittyLabel">█▀█ ░▀░ █ █ █▀░▀█▀█</label>
<textarea id="mittyCypher" oninput="decode()"></textarea>
</div>
</div>
<p>Check out <a href="https://mitty-terminal.uwu.ai/">>Mitty<</a>!</p>
</body>
</html>