<head>
<meta charset="utf-8">
<title>Realraum Kiosk Seite</title>
- <script src="/jquery.min.js"></script>
+ <link rel="stylesheet" href="kiosk.css" type="text/css" />
+ <script type="text/javascript" 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="https://www.google.com/jsapi"></script>
+ <script type="text/javascript">
+ google.load('visualization', '1', {packages: ['corechart']});
+ </script>
<script type="text/javascript" src="kiosk.js"></script>
- <link rel="stylesheet" href="kiosk.css" type="text/css" />
</head>
- <body>
+ <body style="max-width:900px; max-height:1440px;">
<div id="dateclock"></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="calendar" style="float:left;">
+ <!-- Calendar ------------------------ -->
+ <div class="calendar">
<p class="topic">Veranstaltungskalender</p>
- <div id="grical_upcoming">Kalendar lädt ...</div>
+ <div id="grical_upcoming_kiosk">Kalendar lädt ...</div>
</div>
- <!-- Sensor Data ------------------------ -->
<table border="0" cellpadding="0" cellspacing="0"><tr>
+ <!-- Sensor Data ------------------------ -->
<td style="vertical-align:top; padding-right:2px;">
<div class="sensorgraphs">
<p class="topic">Sensordaten</p>
<div class="sensorelem">
<table class="status" style="">
- <tr><td id="anwesenheit_status" style="height:100px; border:0px none black;">Lädt ...</td></tr>
+ <tr><td id="anwesenheit_status_kiosk" 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"/>
- </div>
- <div class="sensorelem">
- <img id="movementsensor" class="sensorimg" src="http://realraum.at/get_sensor.php?sensor=movement"/>
- </div>
+ <div class="sensorelem" id="tempgooglegraph" style="height:300px;"></div>
+ <div class="sensorelem" id="lightgooglegraph" style="height:300px;"></div>
+ <div class="sensorelem" id="movementgooglegraph" style="height:300px;"></div>
</div>
-
- </td><td style="vertical-align:top;">
+ </td><td style="vertical-align:top;">
+ <!-- Google Plus Wall ------------------------ -->
<div class="gpluswall">
<p class="topic">Google+</p>
<div id="gplusevents">Lädt ...</div>