trigger.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  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. <div id="container">
  14. <div id="wrapper">
  15. <h1>Trigger hackerspace status</h1>
  16. <div class='central-block'>
  17. <h2>Status</h2>
  18. <div id="loading-block">Loading ...</div>
  19. <div id="open-block" style="visibility:hidden;">
  20. <form name="hoursform" id="hoursform">
  21. <div class="plusminux" onclick="changeHour(0)">-</div>
  22. <input id="hours" name="hours" size="2" class="text-input" maxlength=
  23. "2" onkeyup="checkHours(this)" value="1">
  24. <div class="plusminux" onclick="changeHour(1)">+</div>
  25. <input type="button" onclick="openSpace()" value="Open"
  26. class="button" id="openbutton" disabled>
  27. </form>
  28. </div>
  29. <div id="close-block" style="visibility:hidden;">
  30. <form>
  31. <input type="button" onclick="closeSpace()" value="Close"
  32. class="button">
  33. <input type="button" onclick="promptOpenSpace()" value="Extend"
  34. class="button">
  35. <br>
  36. The space is still open for :
  37. <div class="numbers">
  38. <span class="number" id="first-hour">2</span> <span class=
  39. "number" id="second-hour">2</span> <span class="number" id=
  40. "separator">:</span> <span class="number" id=
  41. "first-minute">2</span> <span class="number" id=
  42. "second-minute">2</span>
  43. </div>
  44. </form>
  45. </div>
  46. <div id="msg-block"></div>
  47. <br/>
  48. <h2>Lights</h2>
  49. <input type="button" onclick="switchTheLightColor('red')" value="ON" class="button btn_red">
  50. <input type="button" onclick="switchTheLightColor('green')" value="ON" class="button btn_green">
  51. <input type="button" onclick="switchTheLightColor('blue')" value="ON" class="button btn_blue">
  52. <input type="button" onclick="switchTheLightOn()" value="ON" class="button btn_white">
  53. <br/>
  54. <input type="button" onclick="switchTheLightOff()" value="OFF" class="button">
  55. <input type="button" onclick="switchTheLightToPolice()" value="Police!" class="button">
  56. <br/>
  57. <div id="breathBox">
  58. <label for="breathSlider">Breath:</label>
  59. <input type="range" value=0 min=0 max=5000 step=10 onchange="changeBreathSpeed()" onmouseup="setTheBreathSpeed()" id="breathSlider" class="breathSlider">
  60. <span id="breathValue">0</span>
  61. </div>
  62. </div>
  63. </div>
  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>