index.mustache.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>{{title}} - Web sandbox</title>
  5. <link rel="stylesheet" href="css/normalize.css">
  6. <link rel="stylesheet" href="css/main.css">
  7. <!-- <link rel="stylesheet" href="css/qunit-2.4.1.css"> -->
  8. <link rel="stylesheet" href="css/vendor/styles.css">
  9. <link rel="stylesheet" href="css/styles.css">
  10. <style type="text/css" media="screen">
  11. </style>
  12. </head>
  13. <body>
  14. <div class="panel-container">
  15. <div class="panel-left">
  16. <div id="notification"></div>
  17. <div class="panel-inner">
  18. <div id="nav-menus">
  19. <ul id="menu-repo" class="nav-menu">{{#menuRepo}}
  20. <li><a href="{{slug}}">{{title}}</a></li>{{/menuRepo}}
  21. </ul>
  22. <ul id="menu-repo" class="nav-menu">{{#menuExample}}
  23. <li><a href="{{slug}}">{{title}}</a></li>{{/menuExample}}
  24. </ul>
  25. </div>
  26. <button id="add-example-btn" class="icon-plus rounded blue"></button>
  27. <form id="add-example-form" style="display: none;">
  28. <input type="text" name="title" class="input-sm" value="" />
  29. <button type="button" id="add-example-cancel" class="icon-cross rounded red"></button><!--
  30. --><button type="submit" id="add-example-save" class="icon-checkmark rounded green"></button>
  31. </form>
  32. <nav id="site-menu">
  33. </nav>
  34. <nav id="selector">
  35. <select id="file-select">
  36. <option value="-">&mdash;</option>
  37. </select>
  38. </nav>
  39. <nav id="tabs">
  40. <ul>
  41. <li><button id="show-html">HTML</button></li>
  42. <li><button id="show-javascript">JS</button></li>
  43. <li><button id="show-css">CSS</button></li>
  44. </ul>
  45. </nav>
  46. <button id="save-changes" class="icon-cloud-upload green"></button>
  47. </div>
  48. <div id="editor"></div>
  49. <script type="text/html" id="editor-javascript"></script>
  50. <script type="text/html" id="editor-html"></script>
  51. <script type="text/html" id="editor-css"></script>
  52. <button id="revert-editor">!</button>
  53. </div>
  54. <div class="splitter">
  55. </div>
  56. <iframe class="panel-right" src="html/start-iframe.html"></iframe>
  57. </div>
  58. <script src="js/vendor/modernizr-3.5.0.min.js"></script>
  59. <script src="js/vendor/jquery-3.2.1.min.js" ></script>
  60. <script src="js/vendor/jquery-resizable.min.js" ></script>
  61. <!-- <script src="js/vendor/qunit-2.4.1.js" ></script> -->
  62. <script src="js/vendor/lodash.min.js" ></script>
  63. <script src="js/vendor/loadJS.js" ></script>
  64. <script src="js/plugins.js"></script>
  65. <script src="js/main.js"></script>
  66. <script src="js/vendor/ace/ace.js" type="text/javascript" charset="utf-8"></script>
  67. <script src="js/req-promise.js"></script>
  68. <script src="js/editor-local-storage.js"></script>
  69. <script src="js/editor.js"></script>
  70. </body>
  71. </html>