wah!
This commit is contained in:
parent
001b52b222
commit
173d5d7cf0
SSH key fingerprint:
SHA256:Hqn452XQ1ETzUt/FthJu6+OFkS4NBxCv5VQSEvuk7CE
8 changed files with 443 additions and 170 deletions
|
|
@ -145,6 +145,7 @@ table.mx-datatable {
|
||||||
border: var(--border);
|
border: var(--border);
|
||||||
filter: var(--shadow-small);
|
filter: var(--shadow-small);
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mx-datatable th {
|
table.mx-datatable th {
|
||||||
|
|
|
||||||
31
gauges/index.php
Normal file
31
gauges/index.php
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<?php include("../includes/head.inc.php"); ?>
|
||||||
|
<script>
|
||||||
|
window.onload = () => {
|
||||||
|
$('#moonImg').attr('src', '/images/moon.png?' + Date.now());
|
||||||
|
// update the moon image every 20 minutes if the page is left open
|
||||||
|
setInterval(() => {
|
||||||
|
$('#moonImg').attr('src', '/images/moon.png?' + Date.now());
|
||||||
|
}, 1200000);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="page-container">
|
||||||
|
<?php include("../includes/header.inc.php"); ?>
|
||||||
|
<div id="content">
|
||||||
|
<canvas id="canvas_status" width="200" height="25"></canvas>
|
||||||
|
<canvas id="canvas_timer" width="60" height="25"></canvas>
|
||||||
|
Status: <canvas id="canvas_led" width="25" height="25"></canvas>
|
||||||
|
|
||||||
|
<small>Page data updated <span data-cmxdata="update"></span></small>
|
||||||
|
</div>
|
||||||
|
<?php include("../includes/footer.inc.php"); ?>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -1,9 +1,8 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta name="description" content="weather data">
|
|
||||||
<meta name="keywords" content="Cumulus, weather, data, weather station">
|
<meta name="keywords" content="Cumulus, weather, data, weather station">
|
||||||
<title>Cumulus MX</title>
|
<title>wah's the weather?</title>
|
||||||
<link rel="icon" type="image/png" href="/images/favicon.png">
|
<link rel="icon" type="image/png" href="/images/logo.png">
|
||||||
|
|
||||||
<script src="/lib/jquery/jquery-latest.min.js"></script>
|
<script src="/lib/jquery/jquery-latest.min.js"></script>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
<a href="/">now</a> |
|
<a href="/">now</a> |
|
||||||
<a href="/today">today</a> |
|
<a href="/today">today</a> |
|
||||||
<a href="/yesterday">yesterday</a> |
|
<a href="/yesterday">yesterday</a> |
|
||||||
<a href="/todayyest">today-yest</a> |
|
<a href="/today-yest">today-yest</a> |
|
||||||
<a href="/gauges">gauges</a> |
|
<a href="/gauges">gauges</a> |
|
||||||
<a href="/records">records</a> |
|
<a href="/records">records</a> |
|
||||||
<a href="/charts">charts</a> |
|
<a href="/charts">charts</a> |
|
||||||
|
|
|
||||||
|
|
@ -166,8 +166,8 @@ let getPageData = function (resolve, reject) {
|
||||||
cmx_data = json;
|
cmx_data = json;
|
||||||
|
|
||||||
// Set some header stuff
|
// Set some header stuff
|
||||||
$(document).prop('title', cmx_data.location + ' weather');
|
// $(document).prop('title', cmx_data.location + ' weather');
|
||||||
$('meta[name=description]').attr('content', cmx_data.location + ' weather data');
|
// $('meta[name=description]').attr('content', cmx_data.location + ' weather data');
|
||||||
$('meta[name=keywords]').attr('content', $('meta[name=keywords]').attr('content') + ', ' + cmx_data.location);
|
$('meta[name=keywords]').attr('content', $('meta[name=keywords]').attr('content') + ', ' + cmx_data.location);
|
||||||
|
|
||||||
// do the menus
|
// do the menus
|
||||||
|
|
|
||||||
242
today-yest/index.php
Normal file
242
today-yest/index.php
Normal file
|
|
@ -0,0 +1,242 @@
|
||||||
|
<!DOCYYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<?php include("../includes/head.inc.php"); ?>
|
||||||
|
<script>
|
||||||
|
window.onload = () => {
|
||||||
|
$('#moonImg').attr('src', '/images/moon.png?' + Date.now());
|
||||||
|
// update the moon image every 20 minutes if the page is left open
|
||||||
|
setInterval(() => {
|
||||||
|
$('#moonImg').attr('src', '/images/moon.png?' + Date.now());
|
||||||
|
}, 1200000);
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="page-container">
|
||||||
|
<?php include("../includes/header.inc.php"); ?>
|
||||||
|
<div id="content">
|
||||||
|
<h2>Today vs Yesterday (<span data-cmxdata="yesterday"></span>)</h2>
|
||||||
|
<table class="mx-datatable today-yest" style="width:100%">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th style="width:50%">Temperature and Humidity</th>
|
||||||
|
<th style="width:10%">Today</th>
|
||||||
|
<th style="width:15%"></th>
|
||||||
|
<th style="width:10%">Yesterday</th>
|
||||||
|
<th style="width:15%"></th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>High Temperature</td>
|
||||||
|
<td><span data-cmxdata="tempTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TtempTH"></span></td>
|
||||||
|
<td><span data-cmxdata="tempYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TtempYH"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Low Temperature</td>
|
||||||
|
<td><span data-cmxdata="tempTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TtempTL"></span></td>
|
||||||
|
<td><span data-cmxdata="tempYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TtempYL"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Temperature Range</td>
|
||||||
|
<td><span data-cmxdata="temprange"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td></td>
|
||||||
|
<td><span data-cmxdata="temprangeY"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr data-cmx-apparent class="w3-theme-l2 w3-hide">
|
||||||
|
<td>High Apparent<span class="w3-hide-medium w3-hide-small"> Temperature</span></td>
|
||||||
|
<td><span data-cmxdata="apptempTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TapptempTH"></span></td>
|
||||||
|
<td><span data-cmxdata="apptempYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TapptempYH"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr data-cmx-apparent class="w3-theme-l2 w3-hide">
|
||||||
|
<td>Low Apparent<span class="w3-hide-medium w3-hide-small"> Temperature</span></td>
|
||||||
|
<td><span data-cmxdata="apptempTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TapptempTL"></span></td>
|
||||||
|
<td><span data-cmxdata="apptempYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TapptempYL"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr data-cmx-feels>
|
||||||
|
<td>High Feels Like</td>
|
||||||
|
<td><span data-cmxdata="feelslikeTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TfeelslikeTH"></span></td>
|
||||||
|
<td><span data-cmxdata="feelslikeYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TfeelslikeYH"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr data-cmx-feels>
|
||||||
|
<td>Low Feels Like</td>
|
||||||
|
<td><span data-cmxdata="feelslikeTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TfeelslikeTL"></span></td>
|
||||||
|
<td><span data-cmxdata="feelslikeYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TfeelslikeYL"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Low Wind Chill</td>
|
||||||
|
<td><span data-cmxdata="wchillTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TwchillTL"></span></td>
|
||||||
|
<td><span data-cmxdata="wchillYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TwchillYL"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>High Heat Index</td>
|
||||||
|
<td><span data-cmxdata="heatindexTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TheatindexTH"></span></td>
|
||||||
|
<td><span data-cmxdata="heatindexYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TheatindexYH"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>High Humidity</td>
|
||||||
|
<td><span data-cmxdata="humTH"></span> %</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </spaw3-hide-medium w3-hide-smalln><span
|
||||||
|
data-cmxdata="ThumTH"></span></td>
|
||||||
|
<td><span data-cmxdata="humYH"></span> %</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span data-cmxdata="ThumYH"></span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Low Humidity</td>
|
||||||
|
<td><span data-cmxdata="humTL"></span> %</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span data-cmxdata="ThumTL"></span>
|
||||||
|
</td>
|
||||||
|
<td><span data-cmxdata="humYL"></span> %</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span data-cmxdata="ThumYL"></span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Rainfall</th>
|
||||||
|
<th colspan="2">Today</th>
|
||||||
|
<th colspan="2">Yesterday</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Rainfall</td>
|
||||||
|
<td><span data-cmxdata="rfall"></span> <span data-cmxdata="rainunit"></span></td>
|
||||||
|
<td></td>
|
||||||
|
<td><span data-cmxdata="rfallY"></span> <span data-cmxdata="rainunit"></span></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Rainfall Rate<span class="w3-hide-medium w3-hide-small"> Max</span></td>
|
||||||
|
<td><span data-cmxdata="rrateTM"></span> <span data-cmxdata="rainunit"></span>/hr</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TrrateTM"></span></td>
|
||||||
|
<td><span data-cmxdata="rrateYM"></span> <span data-cmxdata="rainunit"></span>/hr</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TrrateYM"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">High </span>Hourly Rainfall</td>
|
||||||
|
<td><span data-cmxdata="hourlyrainTH"></span> <span data-cmxdata="rainunit"></span>
|
||||||
|
</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="ThourlyrainTH"></span></td>
|
||||||
|
<td><span data-cmxdata="hourlyrainYH"></span> <span data-cmxdata="rainunit"></span>
|
||||||
|
</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="ThourlyrainYH"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">High </span>24 Hour Rainfall</td>
|
||||||
|
<td><span data-cmxdata="rain24hourTH"></span> <span data-cmxdata="rainunit"></span>
|
||||||
|
</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="Train24hourTH"></span></td>
|
||||||
|
<td><span data-cmxdata="rain24hourYH"></span> <span data-cmxdata="rainunit"></span>
|
||||||
|
</td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="Train24hourYH"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Wind</th>
|
||||||
|
<th colspan="2">Today</th>
|
||||||
|
<th colspan="2">Yesterday</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Highest Gust</td>
|
||||||
|
<td><span data-cmxdata="wgustTM"></span> <span data-cmxdata="windunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TwgustTM"></span></td>
|
||||||
|
<td><span data-cmxdata="wgustYM"></span> <span data-cmxdata="windunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TwgustYM"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Highest Avg Speed</td>
|
||||||
|
<td><span data-cmxdata="windTM"></span> <span data-cmxdata="windunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TwindTM"></span></td>
|
||||||
|
<td><span data-cmxdata="windYM"></span> <span data-cmxdata="windunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TwindYM"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Wind Run</td>
|
||||||
|
<td><span data-cmxdata="windrun"></span> <span data-cmxdata="windrununit"></span></td>
|
||||||
|
<td></td>
|
||||||
|
<td><span data-cmxdata="windrunY"></span> <span data-cmxdata="windrununit"></span></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Dominant Direction</td>
|
||||||
|
<td><span data-cmxdata="domwindbearing"></span>° <span data-cmxdata="domwinddir"></span>
|
||||||
|
</td>
|
||||||
|
<td></td>
|
||||||
|
<td><span data-cmxdata="domwindbearingY"></span>° <span
|
||||||
|
data-cmxdata="domwinddirY"></span></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Pressure (sea level)</th>
|
||||||
|
<th colspan="2">Today</th>
|
||||||
|
<th colspan="2">Yesterday</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>High Pressure</td>
|
||||||
|
<td><span data-cmxdata="pressTH"></span> <span data-cmxdata="pressunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TpressTH"></span></td>
|
||||||
|
<td><span data-cmxdata="pressYH"></span> <span data-cmxdata="pressunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TpressYH"></span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Low Pressure</td>
|
||||||
|
<td><span data-cmxdata="pressTL"></span> <span data-cmxdata="pressunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TpressTL"></span></td>
|
||||||
|
<td><span data-cmxdata="pressYL"></span> <span data-cmxdata="pressunit"></span></td>
|
||||||
|
<td><span class="w3-hide-medium w3-hide-small">at </span><span
|
||||||
|
data-cmxdata="TpressYL"></span></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<small>Page data updated <span data-cmxdata="update"></span></small>
|
||||||
|
</div>
|
||||||
|
<?php include("../includes/footer.inc.php"); ?>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
<?php include("../includes/header.inc.php"); ?>
|
<?php include("../includes/header.inc.php"); ?>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<h3>Data for today (<span data-cmxdata="date"></span>)</h3>
|
<h2>Data for today (<span data-cmxdata="date"></span>)</h2>
|
||||||
<table class="mx-datatable">
|
<table class="mx-datatable">
|
||||||
<tr>
|
<tr>
|
||||||
<th colspan="4">Temperature and Humidity</th>
|
<th colspan="4">Temperature and Humidity</th>
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
<?php include("../includes/header.inc.php"); ?>
|
<?php include("../includes/header.inc.php"); ?>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<h3>Data for yesterday (<span data-cmxdata="yesterday"></span>)</h3>
|
<h2>Data for yesterday (<span data-cmxdata="yesterday"></span>)</h2>
|
||||||
<table class="mx-datatable">
|
<table class="mx-datatable">
|
||||||
<tr>
|
<tr>
|
||||||
<th colspan="4">Temperature and Humidity</th>
|
<th colspan="4">Temperature and Humidity</th>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue