diff options
| author | Sébastien Dailly <sebastien@chimrod.com> | 2021-09-20 22:27:04 +0200 |
|---|---|---|
| committer | Sébastien Dailly <sebastien@chimrod.com> | 2021-09-20 22:27:04 +0200 |
| commit | 3b90a643b3820e97bf1dab28ce41dacc4ca2831f (patch) | |
| tree | d9155ffdb21f109f41b69438c87b5fb0b3ee41fb /index.html | |
| parent | 21d05774e5f78b6d070d69f714873b2c2a7cfe28 (diff) | |
Updated from js usage
Diffstat (limited to 'index.html')
| -rwxr-xr-x | index.html | 80 |
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> |