index.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>Skulpt Mini IDE</title>
  5. <script src="/ide/static/closure-library/closure/goog/base.js" type="text/javascript"></script>
  6. <script src="/static/skulpt.js" type="text/javascript" charset="utf-8"></script>
  7. <script src="/static/builtins.js" type="text/javascript" charset="utf-8"></script>
  8. <script src="/ide/static/codemirror/js/codemirror.js" type="text/javascript" ></script>
  9. <script>
  10. goog.require('goog.ui.ComboBox');
  11. goog.require('goog.ui.CustomButton');
  12. goog.require('goog.ui.MenuButton');
  13. goog.require('goog.style');
  14. goog.require('goog.net.XhrIo');
  15. </script>
  16. <link rel="stylesheet" href="/ide/static/closure-library/closure/goog/demos/css/demo.css">
  17. <link rel="stylesheet" href="/ide/static/closure-library/closure/goog/css/custombutton.css">
  18. <link rel="stylesheet" href="/ide/static/closure-library/closure/goog/css/menu.css">
  19. <link rel="stylesheet" href="/ide/static/closure-library/closure/goog/css/menuitem.css">
  20. <link rel="stylesheet" href="/ide/static/closure-library/closure/goog/css/menuseparator.css">
  21. <link rel="stylesheet" href="/ide/static/closure-library/closure/goog/css/menubutton.css">
  22. <link rel="stylesheet" href="/ide/static/closure-library/closure/goog/css/combobox.css">
  23. <style type="text/css" media="screen">
  24. body {
  25. margin: 0;
  26. padding: 0;
  27. background-color: #ddd;
  28. color: #333;
  29. font-family: Arial, sans-serif;
  30. font-size: 10pt;
  31. }
  32. #footer {
  33. clear: both;
  34. text-align: center;
  35. font-size: 8pt;
  36. }
  37. #canvas {
  38. width: 800px;
  39. height: 450px;
  40. margin: 0 auto;
  41. text-align: left;
  42. background-color: #000;
  43. }
  44. pre {
  45. text-align: left;
  46. width: 800px;
  47. height: 400px;
  48. font-family: Consolas, Monaco, "Lucida Console", monospace;
  49. margin: 0 auto;
  50. padding: 0;
  51. }
  52. #code {
  53. font-family: Consolas, Monaco, "Lucida Console", monospace;
  54. margin: 10px;
  55. padding: 0;
  56. }
  57. .editbox {
  58. font-family: Consolas, Monaco, "Lucida Console", monospace;
  59. }
  60. #output_container {
  61. text-align: left;
  62. width: 800px;
  63. height: 400px;
  64. margin-top: 10px;
  65. margin-left: auto;
  66. margin-right: auto;
  67. }
  68. #runoutput {
  69. overflow: auto;
  70. }
  71. #code_container {
  72. width: 800px;
  73. height: 400px;
  74. margin-top: 10px;
  75. margin-left: auto;
  76. margin-right: auto;
  77. background-color: #fff;
  78. font-family: Consolas, Monaco, "Lucida Console", monospace;
  79. border: 3px rounded black;
  80. }
  81. .CodeMirror-line-numbers {
  82. width: 2.2em;
  83. color: #aaa;
  84. background-color: #eee;
  85. text-align: right;
  86. padding-right: .3em;
  87. font-size: 10pt;
  88. font-family: Consolas, Monaco, "Lucida Console", monospace;
  89. padding-top: .4em;
  90. }
  91. #codeui {
  92. margin: 0 auto;
  93. margin-top: 15px;
  94. width: 800px;
  95. }
  96. #header {
  97. text-align: center;
  98. margin: 10px;
  99. }
  100. #editbutton {
  101. text-align: right;
  102. }
  103. #main {
  104. width: 800px;
  105. margin: auto;
  106. }
  107. </style>
  108. </head>
  109. <body onload="startup()">
  110. <div id='main'>
  111. <div id="header">
  112. <a href="/"><img src="/ide/static/logo.png"/></a>
  113. </div>
  114. <div>
  115. <canvas id="canvas" width="800" height="450" style="display:block;"></canvas>
  116. <pre id="error" style="display:none;">
  117. Error:
  118. <pre>
  119. </div>
  120. <div id="editbutton">
  121. </div>
  122. <div style="display:none;" id="codeoroutput">
  123. <div style="display:none;" id="output_container">
  124. <div id="run_output_container">
  125. <pre id="runoutput">
  126. </pre>
  127. </div>
  128. </div>
  129. <div id="codeui">
  130. <div>
  131. <table style="float:left;"><tr>
  132. <td style="text-align:left;"><div id="menuButtons"></div></td>
  133. <td style="text-align:left;"><div id="filelist" class="use-arrow"></div></td>
  134. </tr></table>
  135. <div id="hidecode"
  136. style="float:right;"></div>
  137. </div>
  138. <div style="clear:both;"></div>
  139. <div id="code_container">
  140. <textarea spellcheck="false" id="code"></textarea>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <div id="footer">
  146. </div>
  147. <script src="/ide/static/ide.js" type="text/javascript" ></script>
  148. <script type="text/javascript">
  149. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  150. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  151. </script>
  152. <script type="text/javascript">
  153. try {
  154. var pageTracker = _gat._getTracker("UA-10993568-1");
  155. pageTracker._trackPageview();
  156. } catch(err) {}</script>
  157. </body>
  158. </html>