index.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
  6. <title>Eval</title>
  7. <style>
  8. .softkey {
  9. height: 1.5rem;
  10. width: 100%;
  11. background-color: grey;
  12. display: flex;
  13. justify-content: center;
  14. align-items: flex-end;
  15. position: fixed;
  16. left: 0;
  17. right: 0;
  18. bottom: 0;
  19. }
  20. .softkey-right {
  21. width: 33% ;
  22. float: right;
  23. justify-content: space-between;
  24. text-align: right;
  25. }
  26. .softkey-center {
  27. width: 34% ;
  28. float: center;
  29. justify-content: space-between;
  30. text-align: center;
  31. }
  32. .softkey-left {
  33. width: 33% ;
  34. float: left;
  35. justify-content: space-between;
  36. text-align: left;
  37. }
  38. #code {
  39. height: 15em;
  40. width: 100%;
  41. font-family: monospace;
  42. }
  43. </style>
  44. <!-- Inline scripts are forbidden in Firefox OS apps (CSP restrictions),
  45. so we use a script file. -->
  46. <script src="app.js" defer></script>
  47. </head>
  48. <body>
  49. <header style="text-align: center; height: 3em"><h1>Eval</h1></header>
  50. <textarea id="code" autofocus>document.write();</textarea>
  51. <footer class="softkey">
  52. <div class="softkey-left">EXE</div>
  53. <div class="softkey-center">ENTER</div>
  54. <div class="softkey-right"></div>
  55. </footer>
  56. </body>
  57. </html>