use sensors shmcache
[svn42.git] / raspberry-kiosk / kiosk.html
index 8a5b0e2..ed526b6 100644 (file)
@@ -4,45 +4,49 @@
   <title>Realraum Kiosk Seite</title>
   <script src="/jquery.min.js"></script>
   <!--script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script-->
+  <!--script src="/purl.js"></script-->
   <script type="text/javascript" src="kiosk.js"></script>
   <link rel="stylesheet" href="kiosk.css" type="text/css" />
  </head>
  <body>
   <div id="dateclock"></div>
-  <div id="siteheader"><span style="font-size:110%;">realraum</span> - Verein für Technik &amp; Kultur</div>
+  <div id="siteheader">Neuigkeiten auf <span style="font-size:110%;">http://realraum.at</span></div>
   <div id="headerphoto" class="headerphoto">
   <img class="headerphoto" src="http://realraum.at/wiki/lib/exe/fetch.php?media=xro:realraum_hdr.jpg"></img>
   </div>
-  <div class="calendars">
-   <div class="calendar" style="float:left;">
-    <p class="topic">Upcoming Events</p>
-    <div id="grical_upcoming">Loading calendar ...</div>
-   </div>
-   <!--div class="calendar" style="float:right;">
-    <p class="topic">Previous Events</p>
-    <div id="grical_previous">Loading Old Events ...</div>
-   </div-->
+  <div class="calendar" style="float:left;">
+    <p class="topic">Veranstaltungskalender</p>
+    <div id="grical_upcoming">Kalendar lädt ...</div>
   </div>
-  <!-- Door and Presence Status ------------------------ -->
-  <br/>
    <!-- Sensor Data ------------------------ -->
+ <table border="0" cellpadding="0" cellspacing="0"><tr>
+ <td style="vertical-align:top; padding-right:2px;">
   <div class="sensorgraphs">
-    <p class="topic">Sensor Data</p>
+    <p class="topic">Sensordaten</p>
     <div class="sensorelem">
     <table class="status" style="">
-    <tr><td id="anwesenheit_status" style="height:100px; border:0px none black;">Loading ...</td></tr>
-    <tr><td id="sensor_status" style="border:1px solid black; margin-top:5px;">Loading ...</td></tr>
+    <tr><td id="anwesenheit_status" style="height:100px; border:0px none black;">Lädt ...</td></tr>
+    <tr><td id="sensor_status" style="border:0px none black; margin-top:5px;">Lädt ...</td></tr>
     </table>
     </div>
-    <!--div class="sensorelem">
-     <img id="tempsensor" class="sensorimg" src="http://realraum.at/get_sensor.php?sensor=temp"/>
-    </div-->
     <div class="sensorelem">
-      <img id="lightsensor" class="sensorimg" src="http://realraum.at/get_sensor.php?sensor=light"/>
+     <img id="tempsensor" class="sensorimg" src="http://realraum.at/shmcache/temp0.png"/>
+    </div>
+    <div class="sensorelem">
+      <img id="lightsensor" class="sensorimg" src="http://realraum.at/shmcache/light0.png"/>
     </div>
     <div class="sensorelem">
-      <img id="movementsensor" class="sensorimg" src="http://realraum.at/get_sensor.php?sensor=movement"/>
+      <img id="movementsensor" class="sensorimg" src="http://realraum.at/shmcache/movement.png"/>
     </div>
   </div>
+  
+  </td><td style="vertical-align:top;">
+
+   <div class="gpluswall">
+    <p class="topic">Google+</p>
+    <div id="gplusevents">Lädt ...</div>
+   </div>
+  </td></tr>
+  </table>
 </body>
 </html>