<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: ['gauge']});
+ </script>
<script type="text/javascript" src="kiosk.js"></script>
</head>
<body style="max-width:768px; max-height:1366px; font-size:19px;">
<div id="dateclock"></div>
- <div id="siteheader">Neuigkeiten auf <span style="font-size:110%;">http://realraum.at</span></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>
<p class="topic">Veranstaltungskalender</p>
<div id="grical_upcoming_kiosk">Kalendar lädt ...</div>
</div>
+ <table border="0" cellpadding="0" cellspacing="0"><tr>
+ <td style="vertical-align:top; padding-right:3px;">
+ <div class="sensorgauges">
+ <p class="topic">Sensorwerte</p>
+ <div id="anwesenheit_status_kiosk" style="height:100px; border:0px none black;">Lädt ...</div>
+ <div id="sensor_status" style="border:0px none black; margin-top:5px;">Lädt ...</div>
+ <div id="tempgauge" style="width: 260px; height: 260px;"></div>
+ <div id="lightgauge" style="width: 260px; height: 260px;"></div>
+ </div>
+ </td>
+ </td><td style="vertical-align:top;">
<!-- Google Plus Wall ------------------------ -->
<div class="gpluswall" style="margin-left:auto; margin-right:auto;">
<p class="topic">Google+</p>
<div id="gplusevents">Lädt ...</div>
- </center>
+ </td></tr>
+ </table>
</body>
</html>