index.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <HTML>
  2. <head>
  3. <meta charset="UTF-8">
  4. <Title>Pas2JS web compiler demo</Title>
  5. <link href="bulma.min.css" rel="stylesheet">
  6. <script SRC="turtlecompile.js" type="application/javascript"></script>
  7. <!-- We use bulma for the GUI -->
  8. </head>
  9. <body>
  10. <div class="container is-fluid">
  11. <div class="columns">
  12. <div class="column is-half">
  13. <h1 class="is-title is-6">Your program</h1>
  14. <div class="block">
  15. <textarea id="memSource" rows="24" cols="80">
  16. program main;
  17. begin
  18. // Some example code. Replace with your code...
  19. blank(red);
  20. point;
  21. forward(100);
  22. point;
  23. right(90);
  24. forward(100);
  25. point;
  26. right(90);
  27. forward(100);
  28. point;
  29. right(90);
  30. forward(100);
  31. end.
  32. </textarea>
  33. </div>
  34. <div class="block">
  35. <button id="btnRun" class="button is-primary is-loading" disabled >Run</button>
  36. </div>
  37. <div class="notification is-danger is-hidden" id="pnlLog">
  38. <button class="delete" id="btnCloseNotification"></button>
  39. <span id="lblCompilerOutput">
  40. compiler error output
  41. </span>
  42. </div> <!-- .notification -->
  43. </div> <!-- .column -->
  44. <div class="column is-half">
  45. <div class="block">
  46. <iframe id="runarea" src="run.html" height="100%" width="100%"></iframe>
  47. </div>
  48. </div> <!-- /column -->
  49. </div> <!-- .columns -->
  50. </div> <!-- .container -->
  51. <script>
  52. rtl.run();
  53. </script>
  54. </body>
  55. </HTML>