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.

76 lines
2.2KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <title>M-3.0</title>
  6. <script src="ace/ace.js"></script>
  7. <script src="ace/mode-javascript.js"></script>
  8. <script src="ace/worker-javascript.js"></script>
  9. <script src="base64-js/base64js.min.js"></script>
  10. <link rel="stylesheet" type="text/css" href="uikit/uikit.min.css" />
  11. <script src="uikit/uikit.min.js"></script>
  12. <script src="uikit/uikit-icons.min.js"></script>
  13. <style>
  14. #редактор
  15. {
  16. position: absolute;
  17. left: 0;
  18. top: 0;
  19. bottom: 0;
  20. width: calc(50% - 2em);
  21. }
  22. #пульт
  23. {
  24. position: absolute;
  25. left: calc(50% - 2em);
  26. top: 0;
  27. bottom: 0;
  28. width: 4em;
  29. display: flex;
  30. justify-content: center;
  31. border: 1px dashed gainsboro;
  32. }
  33. #воспроизведение
  34. {
  35. position: absolute;
  36. right: 0;
  37. top: 0;
  38. bottom: 0;
  39. width: calc(50% - 2em);
  40. }
  41. </style>
  42. <style>
  43. /*
  44. .кнопка {
  45. border-radius: 50%;
  46. width: 3em;
  47. height: 3em;
  48. border: 2px solid lightgrey;
  49. display: flex;
  50. align-items: center;
  51. justify-content: center;
  52. background: white;
  53. }
  54. */
  55. </style>
  56. </head>
  57. <body>
  58. <div id="редактор"></div>
  59. <div id="пульт">
  60. <a id="пуск" class="uk-icon-button uk-margin-top uk-margin-bottom" uk-icon="play" uk-tooltip="Пуск"></a>
  61. </div>
  62. <div id="воспроизведение"></div>
  63. <script src="100.редактор.js"></script>
  64. <script src="200.пульт.js"></script>
  65. <script src="700.муром.js"></script>
  66. <script>
  67. var муром = new Муром();
  68. </script>
  69. </body>
  70. </html>