index.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>JS *&gt;&lt;&gt;</title>
  5. <meta name="author" content="Apis Necros" />
  6. <meta name="description" content="An interpreter for the starfish esolang written in JavaScript" />
  7. <meta name="keywords" content="*><>,starfish,esolang,esoteric languages,javascript interpreter" />
  8. <meta name="canonical" content="http://starfish.vzqk50.com" />
  9. <meta name="og:description" content="An interpreter for the starfish esolang written in JavaScript" />
  10. <meta name="og:type" content="website" />
  11. <meta name="og:url" content="http://starfish.vzqk50.com" />
  12. <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
  13. <script src="starfish.js"></script>
  14. </head>
  15. <body class="p-8 bg-gray-300">
  16. <div class="grid grid-cols-3 gap-10">
  17. <div class="col-span-3">
  18. <input type="text" id="stackInit" class="inline-block w-full p-2 border border-black rounded-sm" placeholder="Initial Stack" />
  19. </div>
  20. <div>
  21. <textarea id="script" class="w-full font-mono border border-black" rows="20" placeholder="11+n;">11+n;</textarea>
  22. </div>
  23. <div class="flex justify-center items-center">
  24. <button class="p-4 border border-black bg-blue-300 rounded" onclick="cb.ParseCodeBox()">Run</button>
  25. </div>
  26. <div>
  27. <textarea id="output" class="w-full bg-white font-mono border border-black" rows="20" disabled></textarea>
  28. </div>
  29. </div>
  30. <!-- <canvas class="w-full h-full"></canvas> -->
  31. <script>
  32. const cb = new CodeBox("script", "stackInit", "output");
  33. cb.debug.print.codeBox = true;
  34. cb.debug.print.stacks = true;
  35. </script>
  36. </body>
  37. </html>