index.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>FPC-Webassembly and Pas2JS Demo</title>
  7. <!-- <link href="bulma.min.css" rel="stylesheet"> -->
  8. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
  9. <script src="demowasicanvas.js"></script>
  10. <style>
  11. .source {
  12. /* width: 730px; */
  13. margin: -45px auto;
  14. font-size: 0.9em;
  15. }
  16. .source-inner {
  17. display: flex;
  18. justify-content: space-between;
  19. align-items: center;
  20. /* width: 482px; */
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="section py-4">
  26. <h1 class="title is-3">Canvas</h1>
  27. <div class="box" id="canvases"></div>
  28. </div>
  29. <div class="section py-4">
  30. <h1 class="title is-3">Console output</h1>
  31. <div class="box" id="pasjsconsole"></div>
  32. </div>
  33. <!-- <hr> -->
  34. <div class="section">
  35. <div class="source">
  36. <div class="source-inner">
  37. <div>
  38. <p>Created using &nbsp; <a target="_blank" href="https://wiki.freepascal.org/pas2js">pas2js.</a> </p>
  39. <p>Pas2JS Sources: &nbsp; <a target="new" href="demowasicanvas.lpr">Pas2JS Program</a></p>
  40. <p>Webassembly Sources: &nbsp; <a target="new" href="canvasdraw.lpr">FPC Program</a></p>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <script>
  46. rtl.showUncaughtExceptions=true;
  47. rtl.run();
  48. </script>
  49. </body>
  50. </html>