2024-12-12 19:18:16 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<?php include("../includes/head.inc.php"); ?>
|
2024-12-12 22:39:43 +00:00
|
|
|
<link href="/css/gauges.css" rel="stylesheet"> <!-- Stylesheet specifically for the gauges -->
|
|
|
|
|
<script src="https://bernii.github.io/gauge.js/dist/gauge.min.js"></script>
|
2024-12-12 19:18:16 +00:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="page-container">
|
|
|
|
|
<?php include("../includes/header.inc.php"); ?>
|
|
|
|
|
<div id="content">
|
2024-12-12 22:39:43 +00:00
|
|
|
<div class="gauge-header">
|
|
|
|
|
<div><canvas id="canvas_status" width="200" height="25"></canvas></div>
|
|
|
|
|
<div style="width:60px; display:inline-block"><canvas id="canvas_timer" width="60" height="25"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
<div>Status: <canvas id="canvas_led" width="25" height="25"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="gauge-grid">
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Temperature</h5>
|
|
|
|
|
<div class="gauge">
|
|
|
|
|
<div id="tip_0">
|
|
|
|
|
<canvas id="canvas_temp" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Other Temps</h5>
|
|
|
|
|
<div class="gauge">
|
|
|
|
|
<div id="tip_1">
|
|
|
|
|
<canvas id="canvas_dew" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Humidity</h5>
|
|
|
|
|
<div class="gauge">
|
|
|
|
|
<div id="tip_4">
|
|
|
|
|
<canvas id="canvas_hum" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Wind</h5>
|
|
|
|
|
<div id="tip_6" class="gauge">
|
|
|
|
|
<canvas id="canvas_wind" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Wind Direction</h5>
|
|
|
|
|
<div id="tip_7" class="gauge">
|
|
|
|
|
<canvas id="canvas_dir" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Wind Rose</h5>
|
|
|
|
|
<div id="tip_10" class="gauge">
|
|
|
|
|
<canvas id="canvas_rose" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Pressure</h5>
|
|
|
|
|
<div id="tip_5" class="gauge">
|
|
|
|
|
<canvas id="canvas_baro" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Rainfall</h5>
|
|
|
|
|
<div id="tip_2" class="gauge">
|
|
|
|
|
<canvas id="canvas_rain" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="at-gaugeSmall">
|
|
|
|
|
<h5 class="">Rainfall Rate</h5>
|
|
|
|
|
<div id="tip_3" class="gauge">
|
|
|
|
|
<canvas id="canvas_rrate" class="gaugeSmall"></canvas>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-12-12 19:18:16 +00:00
|
|
|
|
2024-12-12 22:39:43 +00:00
|
|
|
<!-- Combined steelseries.js & tween.js -->
|
|
|
|
|
<script src="lib/steelseries/scripts/steelseries_tween.min.js"></script>
|
|
|
|
|
<script src="/lib/steelseries/scripts/language.min.js"></script>
|
|
|
|
|
<script src="/lib/steelseries/scripts/gauges.js"></script>
|
|
|
|
|
<!--Optional Wind Rose scripts -->
|
|
|
|
|
<script src="/lib/steelseries/scripts/RGraph.common.core.min.js"></script>
|
|
|
|
|
<script src="/lib/steelseries/scripts/RGraph.rose.min.js"></script>
|
2024-12-12 19:18:16 +00:00
|
|
|
</div>
|
|
|
|
|
<?php include("../includes/footer.inc.php"); ?>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
