1 files changed, 80 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100755
index 0000000..2a51602
--- /dev/null
+++ b/index.html
@@ -0,0 +1,80 @@
+
+<!DOCTYPE html>
+<html lang="fr_fr">
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="HandheldFriendly" content="True" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="robots" content="noindex, nofollow" />
+
+  <title>Tengwar transcription</title>
+
+</head>
+<style>
+input[type='text'] { font-size: 24px; }
+.annatar { 
+  font-family: "Tengwar Annatar"
+}
+.telcontar { 
+  font-family: "Tengwar Telcontar"
+}
+
+fieldset {
+  display: table;
+}
+fieldset p {
+  display: table-row;
+}
+fieldset label {
+ display: table-cell;
+ margin: 100px;
+}
+
+
+</style>
+<body>
+  <main>
+
+  <header>
+    <h1 id="Application">Application</h1>
+  </header>
+  <div>
+    <noscript>Sorry, you need to enable JavaScript to see this page.</noscript>
+      <script id="lib" type="text/javascript" defer="defer" src="src/js/tengwar.js"></script>
+    <script>
+      var script = document.getElementById('lib');
+      script.addEventListener('load', function() {
+        lib.run("source", "phono", "tengwar", "font");
+      });
+    </script>
+
+ <fieldset>
+  <p>
+    <label for="source">Entrée :</label>
+    <input type="text" id="source" name="source">
+  </p>
+  <p>
+  <label for="output">Phonétique :</label>
+  <input type="text" id="phono" name="output">
+  </p>
+  <p>
+  <label for="font">Police :</label>
+  <select id="font">
+    <option value="annatar">Tengwar Annatar</option>
+    <option selected value="telcontar">Tengwar Telcontar</option>
+  </select>
+  </p>
+  <p>
+  <label for="output">Tengwar :</label>
+  <input type="text" id="tengwar" class="telcontar" name="output">
+  </p>
+ </fieldset> 
+
+  </div>
+
+  </main>
+
+
+</body>
+</html>