index.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>Akkadian language resources</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link href=glyph.css rel=stylesheet>
  8. <script src=glyph.js></script>
  9. </head>
  10. <body>
  11. <h1>Akkadian</h1>
  12. <div id=cuneiform></div>
  13. <div>
  14. <label>Transliteration: <input type=text name=transliteration></label>
  15. </div>
  16. <div class=space></div>
  17. <hr>
  18. <footer>
  19. <p>Using signs from Huehnergard through Lesson 14
  20. (Some Lesson 13 logograms missing).</p>
  21. <p><a href="https://notabug.org/rillian/akkad">source code</a></p>
  22. <p><a href="http://www.unicode.org/charts/PDF/U12000.pdf">unicode cuneiform</a></p>
  23. </footer>
  24. <script>
  25. // Update the cuneiform whenever the input changes.
  26. var input = document.querySelector('input');
  27. input.addEventListener('input', function(event) {
  28. var cuneiform = convert(event.target.value);
  29. document.querySelector('#cuneiform').textContent = cuneiform;
  30. });
  31. // Handle any preloaded transliteration text.
  32. input.dispatchEvent(new Event('input'));
  33. </script>
  34. </body>
  35. </html>