-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
33 lines (33 loc) · 1.66 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
<html>
<head>
<title>Al Bhed Translator</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="assets/img/rikku.png" type="image/x-icon" />
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="container">
<h1 class="title">Al Bhed Translator</h1>
<form>
<div class="wrapper">
<div class="form-control">
<input type="text" id="alBhedInput" class="input" placeholder="Al Bhed">
<label for="alBhedInput">Al Bhed</label>
</div>
<button id="revert">→</button>
<div class="form-control">
<input type="text" id="englishInput" class="output" placeholder="English">
<label for="englishInput">English</label>
</div>
</div>
<button id="translate" class="translateToEnglish">translate</button>
</form>
<p class="description">
Al Bhed is a fictional language featured in the hit 2001 videogame Final Fantasy X. It works as a language system replacing certain letters with others, from the English dictionary. It shares the same syntax and grammar as English, and thus the input language is required to be English in order for this to work.
</p>
<img src="assets/img/rikku.png" alt="" class="rikku">
</div>
</body>
<script src="assets/js/translator.js" async></script>
</html>