You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

93 lines
3.9KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <title>M-3.2</title>
  6. <script src="../общее/base64-js/base64js.min.js"></script>
  7. <script src="../общее/pako/pako.min.js"></script>
  8. <script src="ace/ace.js"></script>
  9. <script src="ace/mode-javascript.js"></script>
  10. <script src="ace/worker-javascript.js"></script>
  11. <link rel="stylesheet" type="text/css" href="uikit/uikit.min.css" />
  12. <script src="uikit/uikit.min.js"></script>
  13. <script src="uikit/uikit-icons.min.js"></script>
  14. <style>
  15. #редактор
  16. {
  17. position: absolute;
  18. left: 0;
  19. top: 0;
  20. bottom: 0;
  21. width: calc(50% - 2em);
  22. }
  23. #пульт
  24. {
  25. position: absolute;
  26. left: calc(50% - 2em);
  27. top: 0;
  28. bottom: 0;
  29. width: 4em;
  30. display: flex;
  31. flex-direction: column;
  32. border: 1px dashed gainsboro;
  33. }
  34. #проигрыватель
  35. {
  36. position: absolute;
  37. right: 0;
  38. top: 0;
  39. bottom: 0;
  40. width: calc(50% - 2em);
  41. border: 0px none;
  42. }
  43. .впульте
  44. {
  45. margin: 0 auto;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div id="редактор"></div>
  51. <div id="пульт">
  52. <span id="ошибка" class="впульте">&nbsp;</span>
  53. <a id="перезапустить" class="впульте uk-icon-button uk-margin-top" uk-icon="refresh" uk-tooltip="Перезапустить"></a>
  54. <a id="отдельно" class="впульте uk-icon-button uk-margin-top" uk-icon="desktop" uk-tooltip="Запустить в отдельной вкладке"></a>
  55. <a id="ссылка" class="впульте uk-icon-button uk-margin-top" uk-icon="link" uk-tooltip="Скопировать ссылку"></a>
  56. <a id="версия" class="впульте uk-icon-button uk-margin-top" uk-icon="git-branch" uk-tooltip="Версия"></a>
  57. <div uk-dropdown="mode: click">
  58. <table class="uk-table">
  59. <tbody>
  60. <tr>
  61. <td>3.2</td>
  62. <td>Заголовок...? раз два три четыре пять шесть семь восемь девять десять</td>
  63. </tr>
  64. <tr>
  65. <td><a href="../../3.1/редактор/index.html">3.1</a></td>
  66. <td>Кнопки перезапуска, копирования ссылки, запуска в отдельной вкладке</td>
  67. </tr>
  68. <tr>
  69. <td><a href="../../3.0/редактор/index.html">3.0</a></td>
  70. <td>Проверка введённого кода на отсутствие синтаксических ошибок</td>
  71. </tr>
  72. </tbody>
  73. </table>
  74. </div>
  75. </div>
  76. <iframe id="проигрыватель" name="проигрыватель"></iframe>
  77. <script src="../общее/100.События.js"></script>
  78. <script src="../общее/200.функции.js"></script>
  79. <script src="../общее/300.ПараметрыЗапуска.js"></script>
  80. <script src="100.Редактор.js"></script>
  81. <script src="200.Пульт.js"></script>
  82. <script src="700.Муром.js"></script>
  83. <script>
  84. var муром = new Муром();
  85. </script>
  86. </body>
  87. </html>