details.html (1501B)
1 <!DOCTYPE html> 2 <HTML> 3 <head> 4 <title>LaundrySorcery</title> 5 <meta charset="UTF-8"/> 6 <style type="text/CSS"> 7 body{ 8 max-width:80ex; 9 font-size:18px; 10 font:serif; 11 margin:10px auto; 12 background-color:#EEEEEE; 13 color:#111111; 14 } 15 </style> 16 </head> 17 <body> 18 <H1 style="color:#e68616; text-align:center; text-shadow:0px 0px 5px;">We do what we must because we can</H1> 19 Have a look at <a href="http://xatko.vsos.ethz.ch:36492/git/LaundrySorcery/">The Code™</a><p /> 20 <H1>Controls</H1> 21 <div id="CtrlPanel"><form action="control.cgi" method="GET"><input type="submit" name="restart" value="Restart"/> <input type="submit" name="reboot" value="Reboot"/> <input type="submit" name="shutdown" value="Shutdown" /></form></div> 22 <H1>Light Sensor Data</H1> 23 <div id="SensorPanel"> 24 <div><img src="light_5min.cgi" /></div> 25 <div><img src="light_1h.cgi" /></div> 26 <div><img src="light_1d.cgi" /></div> 27 </div> 28 <script type="text/javascript"> 29 <!-- 30 panel=document.getElementById("SensorPanel"); 31 function updatePanels(){ 32 panels=panel.getElementsByTagName("img"); 33 for(i=0; i<panels.length; i++){ 34 if(!panels[i].orig_src){ 35 panels[i].orig_src=panels[i].src; 36 } 37 panels[i].src=panels[i].orig_src+"#"+new Date().getTime(); 38 } 39 } 40 setInterval(updatePanels,10*1000); 41 --> 42 </script> 43 <H1>Usage Statistics</H1> 44 <div><img src="lshourfreq.svg" /></div> 45 <div><img src="lsweekdayfreq.svg" /></div> 46 </body> 47 </HTML>