/gateone/templates/index.html

https://github.com/ariejan/GateOne · HTML · 41 lines · 34 code · 1 blank · 6 comment · 0 complexity · 11ed19b5420263c51dee633ef3e46223 MD5 · raw file

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Gate One - {{hostname}}</title>
  6. <link rel="stylesheet" href="/static/gateone.css" type="text/css" media="screen" />
  7. <!-- Begin CSS files from plugins -->
  8. {% for cssplugin in cssplugins %}
  9. <link rel="stylesheet" href="{{cssplugin}}" type="text/css" media="screen" />
  10. {% end %}
  11. <!-- End CSS files from plugins -->
  12. </head>
  13. <body>
  14. <!-- This crypto stuff will be used in the future -->
  15. <!-- <script type="text/javascript" src="/static/crypto-md5.js"></script> -->
  16. <script type="text/javascript" src="{{gateone_js}}"></script>
  17. <!-- Begin JS files from plugins -->
  18. {% for jsplugin in jsplugins %}
  19. <script type="text/javascript" src="{{jsplugin}}"></script>
  20. {% end %}
  21. <!-- End JS files from plugins -->
  22. <div id="gateone"></div>
  23. <script>
  24. window.onload = function() {
  25. // Commented out below are a few examples of the various ways you can initialize Gate One...
  26. // Init GateOne using the built-in black CSS scheme with a specific back-end to connect to (for the WebSocket):
  27. // GateOne.init({url: 'https://shell.mycompany.com/', scheme: 'black'});
  28. // Vanilla GateOne init():
  29. GateOne.init();
  30. // Here's an example that limits the size of the #gateone element to demonstrate
  31. // how it can be embedded into another app/page...
  32. // GateOne.init({fillContainer: false, style: {'width': '50em', 'height': '32em'}, scheme: 'white'});
  33. // For this to work you just need to make sure the page has loaded the gateone.js script.
  34. }
  35. </script>
  36. <audio id="bell" preload="auto"> <!-- This is used for the system bell -->
  37. <source src="{{bell_data_uri}}" type="audio/ogg" />
  38. </audio>
  39. </body>
  40. </html>