trigger.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta name="generator" content=
  5. "HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
  6. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=10"/>
  7. <link rel="stylesheet" href="style.css" type="text/css">
  8. <title>Hackerspace trigger</title>
  9. <link rel="shortcut icon"
  10. href="favicon.ico" />
  11. </head>
  12. <body onload="onPageLoad()">
  13. <h1>Trigger hackerspace status</h1>
  14. <div class='central-block'>
  15. <fieldset>
  16. <legend>Status</legend>
  17. <div id="loading-block">Loading ...</div>
  18. <div id="open-block" style="visibility:hidden;">
  19. <form name="hoursform" id="hoursform">
  20. <div class="plusminux" onclick="changeHour(0)">-</div>
  21. <input id="hours" name="hours" size="2" class="text-input" maxlength=
  22. "2" onkeyup="checkHours(this)" value="1">
  23. <div class="plusminux" onclick="changeHour(1)">+</div>
  24. <input type="button" onclick="openSpace()" value="Open"
  25. class="button" id="openbutton" disabled>
  26. </form>
  27. </div>
  28. <div id="close-block" style="visibility:hidden;">
  29. <form>
  30. <input type="button" onclick="closeSpace()" value="Close"
  31. class="button">
  32. <input type="button" onclick="promptOpenSpace()" value="Extend"
  33. class="button">
  34. <br>
  35. The space is still open for :
  36. <div class="numbers">
  37. <span class="number" id="first-hour">2</span> <span class=
  38. "number" id="second-hour">2</span> <span class="number" id=
  39. "separator">:</span> <span class="number" id=
  40. "first-minute">2</span> <span class="number" id=
  41. "second-minute">2</span>
  42. </div>
  43. </form>
  44. </div>
  45. <div id="msg-block"></div>
  46. </fieldset>
  47. <br/>
  48. <fieldset>
  49. <legend>Lights</legend>
  50. <input type="button" onclick="switchTheLightColor('red')" value="ON" class="button btn_red">
  51. <input type="button" onclick="switchTheLightColor('green')" value="ON" class="button btn_green">
  52. <input type="button" onclick="switchTheLightColor('blue')" value="ON" class="button btn_blue">
  53. <input type="button" onclick="switchTheLightOn()" value="ON" class="button btn_white">
  54. <br/>
  55. <input type="button" onclick="switchTheLightOff()" value="OFF" class="button">
  56. <input type="button" onclick="switchTheLightToPolice()" value="Police!" class="button">
  57. <br/>
  58. <div id="breathBox">
  59. <label for="breathSlider">Breath:</label>
  60. <input type="range" value=0 min=0 max=5000 step=10 onchange="changeBreathSpeed()" onmouseup="setTheBreathSpeed()" id="breathSlider" class="breathSlider">
  61. <span id="breathValue">0</span>
  62. </div>
  63. </fieldset>
  64. </div>
  65. <script type="text/javascript" src="main.js"></script>
  66. <script type="text/javascript" src="json_sans_eval.js"></script>
  67. <script type="text/javascript" src="https://konami-js.googlecode.com/svn/trunk/konami.js"></script>
  68. <script type="text/javascript">
  69. konami = new Konami()
  70. konami.load("https://www.youtube.com/watch?v=1Wytn-_MSBo");
  71. </script>
  72. </body></html>