| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <base href="../">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Ace Mode Creator</title>
- <meta name="author" content="Harutyun Amirjanyan">
- <style type="text/css" >
- body, html {
- overflow: hidden;
- height: 100%;
- width: 100%;
- margin: 0;
- padding: 0;
- }
- #header {
- border-bottom: solid 1px;
- }
- .separator-h {
- padding: 0 10px;
- }
- #closeBtn {
- background: rgba(245, 146, 146, 0.5);
- border: 1px solid #F48A8A;
- border-radius: 50%;
- padding: 7px;
- position: absolute;
- right: -8px;
- top: -8px;
- z-index: 1000;
- }
- #closeBtn:hover {
- background: rgba(245, 146, 146, 0.9);
- }
- #console{
- /border: 1px solid lightblue;
- bottom: 0;
- height: 80px;
- margin: 0 4%;
- position: absolute;
- width: 92%;
- z-index: 1000;
- box-shadow: 0 0 1px 2px gray
- }
- #consoleEditor{
- height: 100%;
- position: relative;
- width: 100%;
- }
- </style>
- <link href="../doc/site/images/favicon.ico" rel="icon" type="image/x-icon">
- </head>
- <body>
- <div id="header">
- <label for="modeEl">mode</label>
- <select id="modeEl" size="1"></select>
- <input type="button" value="⟳" title="sync" id="syncToMode"></select>
- <span id="tablist"></span>
- <input type="button" value="Save" id="saveButton1"></select>
- <span class="separator-h"></span>
- <label for="autorunEl">live preview</label>
- <input type="checkbox" label="autorun" id="autorunEl" checked>
- <span class="separator-h"></span>
- <input type="button" value="measure speed" id="perfTest"></select>
- <div style='float:right'>
- <label for="themeEl">Theme</label>
- <select id="themeEl" size="1" value="textmate"></select>
- <span class="separator-h"></span>
- <input type="button" value="Save" id="saveButton2"></select>
- <label for="doc">Document</label>
- <select id="doc" size="1"></select>
- </div>
- </div>
- <div id="editor"></div>
- <div id="console" style="display:none">
- <span id="closeBtn" onclick="this.parentNode.style.display='none'"></span>
- <div id="consoleEditor"></div>
- </div>
- <script type="text/javascript">
- var require = {
- baseUrl: window.location.protocol + "//" + window.location.host + window.location.pathname.split("/").slice(0, -1).join("/"),
- paths: {
- ace: "../lib/ace",
- demo: "../demo",
- tool: "../tool"
- }
- };
- </script>
- <script src="./demo/kitchen-sink/require.js" data-main="mode_creator"></script>
- </body>
- </html>
|