kitchen-sink.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width,height=device-height" />
  6. <title>Ace Kitchen Sink</title>
  7. <meta name="author" content="Fabian Jakobs">
  8. <!--
  9. Ace
  10. version 1.4.14
  11. commit
  12. -->
  13. <link rel="stylesheet" href="demo/kitchen-sink/styles.css" type="text/css" media="screen" charset="utf-8">
  14. <script async="true" src="https://use.edgefonts.net/source-code-pro.js"></script>
  15. <link href="./doc/site/images/favicon.ico" rel="icon" type="image/x-icon">
  16. </head>
  17. <body>
  18. <div id="sidePanel" style="position:absolute;height:100%;">
  19. <div class="toggleButton" id="optionToggle" role="button" aria-label="Hide Options" tabindex="0">
  20. <div></div><div></div><div></div>
  21. </div>
  22. <a href="https://c9.io">
  23. <img id="c9-logo" alt="Cloud9 IDE | Your code anywhere, anytime" src="demo/kitchen-sink/logo.png" style="width: 172px;margin: -9px 30px -12px 51px;">
  24. </a>
  25. <div style="position: absolute; overflow: hidden; top:100px; bottom:0">
  26. <div id="optionsPanel" style="width: 120%; height:100%; overflow-y: scroll">
  27. <a href="https://ace.c9.io">
  28. <img id="ace-logo" alt="Ace Website" src="demo/kitchen-sink/ace-logo.png" style="width: 134px;margin: 46px 0px 4px 66px;">
  29. </a>
  30. </div>
  31. </div>
  32. </div>
  33. <div id="editor-container"></div>
  34. <script src="src/ace.js" data-ace-base="src" type="text/javascript" charset="utf-8"></script>
  35. <script src="src/keybinding-vim.js"></script>
  36. <script src="src/keybinding-emacs.js"></script>
  37. <script src="demo/kitchen-sink/demo.js"></script>
  38. <script type="text/javascript" charset="utf-8">
  39. require("kitchen-sink/demo");
  40. </script>
  41. </body>
  42. </html>