<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Terrarium</title>
<script type="text/javascript" src="../lib/jquery.js"></script>
<script src="../lib/RGraph.common.core.js"></script>
<script src="../lib/RGraph.common.csv.js"></script>
<script src="../lib/RGraph.gauge.js"></script>
<script src="../lib/RGraph.common.dynamic"></script>
<link rel="stylesheet" href="accueil.css" />
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#gauge').load('jauge.php').fadeIn("slow");
}, 60000); // rafraichis toutes les minutes ,60000 millisecondes
</script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#gpio').load('etatgpio.php').fadeIn("slow");
}, 1000); // rafraichis toutes les 1000 millisecondes
</script>
<title>Terraspi</title>
</head>
<body>
<header>
<div id="conteneur">
<div class="element" id="date"><?php require'date.php';?></div>
<div class="element" id="ephem"><?php require'ephem.php';?></div>
<div class="element" id="heure"><?php require'heure.php';?></div>
</div>
</header>
<section>
<div id="conteneur1">
<div class="element" id="gauge"><?php require'jauge.php';?></div>
</div>
</section>
<footer>
<div id="conteneur4">
<div class="element" id="serpent"> <a href="../graph/histozoom.php" style="text-decoration:none"><span id="histo">Historique</span></a></div>
<div class="element" id="gpio"><?php require'etatgpio.php';?></div>
<div class="element" id="pc"> <a href="../raspi/raspi.php" style="text-decoration:none"><span id="manage">Raspi</span></a></div>
</div>
</body>
</html>