Add today and yesterday pages
This commit is contained in:
parent
b856cb894f
commit
98bad33895
17 changed files with 6713 additions and 7084 deletions
41
css/wah.css
41
css/wah.css
|
|
@ -94,6 +94,20 @@ div.page-container > div:last-child {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div#header {
|
||||
display: grid;
|
||||
grid-template-columns: 66px 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 15px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
|
||||
div#header img {
|
||||
filter: drop-shadow(2px 2px hsl(0, 0%, 66%));
|
||||
margin-right: 10px;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
div#header h1 {
|
||||
margin: 0;
|
||||
font-style: italic;
|
||||
|
|
@ -118,8 +132,8 @@ div#footer {
|
|||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
grid-column-gap: 0;
|
||||
grid-row-gap: 0;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
|
@ -127,14 +141,6 @@ div#footer div:last-child {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
div#footer div:last-child img {
|
||||
image-rendering: pixelated;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 88px;
|
||||
height: 31px;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
table.almanac td:nth-child(odd) {
|
||||
|
|
@ -153,32 +159,33 @@ table.almanac {
|
|||
min-width: 100%;
|
||||
}
|
||||
|
||||
table.conditions-now {
|
||||
table.mx-datatable {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border: var(--border);
|
||||
filter: var(--shadow-small);
|
||||
background-color: var(--background);
|
||||
}
|
||||
|
||||
table.conditions-now th {
|
||||
table.mx-datatable th {
|
||||
text-align: left;
|
||||
background-color: var(--background-dim);
|
||||
border-top: var(--border);
|
||||
}
|
||||
|
||||
table.conditions-now tr td,
|
||||
table.conditions-now tr th {
|
||||
table.mx-datatable tr td,
|
||||
table.mx-datatable tr th {
|
||||
padding: 5px 10px 5px 5px;
|
||||
}
|
||||
table.conditions-now tr td:nth-child(2) {
|
||||
table.mx-datatable tr td:nth-child(2) {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
table.conditions-now tr td:nth-child(odd) {
|
||||
table.current-conditions tr td:nth-child(odd) {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table.conditions-now tr:last-child td:nth-child(3) {
|
||||
table.current-conditions tr:last-child td:nth-child(3) {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
|
|
|||
BIN
images/logo.png
Normal file
BIN
images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
12
includes/footer.inc.php
Normal file
12
includes/footer.inc.php
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<div id="footer">
|
||||
<div>
|
||||
<span>
|
||||
© floppydisk 2021-<?= date("Y") ?>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
Powered by Cumulus MX v:<span data-cmxdata="version"></span>, b:<span data-cmxdata="build"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
14
includes/head.inc.php
Normal file
14
includes/head.inc.php
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<meta charset="utf-8">
|
||||
<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">
|
||||
<title>Cumulus MX</title>
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png">
|
||||
|
||||
<script src="/lib/jquery/jquery-latest.min.js"></script>
|
||||
|
||||
<!-- All Styles -->
|
||||
<link href="/css/wah.css" rel="stylesheet"> <!-- Specific styles for these templates. -->
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="/js/setpagedata.js"></script> <!-- Utility javascripts for all pages. -->
|
||||
19
includes/header.inc.php
Normal file
19
includes/header.inc.php
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<div id="header">
|
||||
<div>
|
||||
<img src="/images/logo.png" width="65">
|
||||
</div>
|
||||
<div>
|
||||
<h1>wah's the weather?</h1>
|
||||
<nav>
|
||||
<strong>Pages:</strong>
|
||||
<a href="/">now</a> |
|
||||
<a href="/today">today</a> |
|
||||
<a href="/yesterday">yesterday</a> |
|
||||
<a href="/todayyest">today-yest</a> |
|
||||
<a href="/gauges">gauges</a> |
|
||||
<a href="/records">records</a> |
|
||||
<a href="/charts">charts</a> |
|
||||
<a href="/reports">reports</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
346
index.php
346
index.php
|
|
@ -2,198 +2,164 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<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">
|
||||
<title>Cumulus MX</title>
|
||||
<link rel="icon" type="image/png" href="images/favicon.png">
|
||||
|
||||
<script src="lib/jquery/jquery-latest.min.js"></script>
|
||||
|
||||
<!-- All Styles -->
|
||||
<link href="css/wah.css" rel="stylesheet"> <!-- Specific styles for these templates. -->
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="js/setpagedata.js"></script> <!-- Utility javascripts for all pages. -->
|
||||
<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>
|
||||
<?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">
|
||||
<div id="header">
|
||||
<h1>wah's the weather?</h1>
|
||||
<nav>
|
||||
<strong>Pages:</strong>
|
||||
<a href="/">now</a> |
|
||||
<a href="">today</a> |
|
||||
<a href="">yesterday</a> |
|
||||
<a href="">today-yest</a> |
|
||||
<a href="">gauges</a> |
|
||||
<a href="">records</a> |
|
||||
<a href="">charts</a> |
|
||||
<a href="">reports</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div id="content">
|
||||
<h3>Almanac</h3>
|
||||
<table class="almanac">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Dawn:</td>
|
||||
<td><span data-cmxdata="dawn"></span></td>
|
||||
<td>Sun Rise:</td>
|
||||
<td><span data-cmxdata="sunrise"></span></td>
|
||||
<td>Moon Rise:</td>
|
||||
<td><span data-cmxdata="moonrise"></span></td>
|
||||
<td rowspan="3" style="width:75px; height: 75px; padding:0"><img id="moonImg"
|
||||
src="images/moon.png" alt="Moon" width="75" height="75" class="w3-image" />Visible <span
|
||||
data-cmxdata="MoonPercentAbs"></span>%
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dusk:</td>
|
||||
<td><span data-cmxdata="dusk"></span></td>
|
||||
<td>Sun Set:</td>
|
||||
<td><span data-cmxdata="sungaugeset"></span></td>
|
||||
<td>Moon Set:</td>
|
||||
<td><span data-cmxdata="moonset"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Daylight:</td>
|
||||
<td><span data-cmxdata="daylightlength"></span></td>
|
||||
<td>Day Length:</td>
|
||||
<td><span data-cmxdata="daylength"></span></td>
|
||||
<td>Moon Phase:</td>
|
||||
<td><span id="moonPhase" data-cmxdata="moonphase"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br><br>
|
||||
<h3>Conditions at local time <span data-cmxdata="time"></span></h3>
|
||||
<table class="conditions-now">
|
||||
<tr>
|
||||
<th colspan="4">Temperature and Humidity</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Temperature</td>
|
||||
<td><span data-cmxdata="temp"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
<td>Dew Point</td>
|
||||
<td><span data-cmxdata="dew"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Windchill</td>
|
||||
<td><span data-cmxdata="wchill"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
<td>Humidity</td>
|
||||
<td><span data-cmxdata="hum"></span> %</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Heat Index</td>
|
||||
<td><span data-cmxdata="heatindex"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td><span data-cmx-feels>Feels
|
||||
Like</span></td>
|
||||
<td><span data-cmx-feels data-cmxdata="feelslike"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Temp change last hour</td>
|
||||
<td><span data-cmxdata="TempChangeLastHour"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Rainfall</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Today</td>
|
||||
<td><span data-cmxdata="rfall"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Rainfall Rate</td>
|
||||
<td><span data-cmxdata="rrate"></span> <span data-cmxdata="rainunit"></span>/hr
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall This Month</td>
|
||||
<td><span data-cmxdata="rmonth"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Rainfall This Year</td>
|
||||
<td><span data-cmxdata="ryear"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Last Hour</td>
|
||||
<td><span data-cmxdata="rhour"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Last rainfall</td>
|
||||
<td><span data-cmxdata="LastRainTip"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Since Midnight</td>
|
||||
<td><span data-cmxdata="rmidnight"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>Rainfall Last 24 Hours</td>
|
||||
<td><span data-cmxdata="r24hour"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Wind</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wind Speed <span class="subText">(gust)</span></td>
|
||||
<td><span data-cmxdata="wgust"></span> <span data-cmxdata="windunit"></span>
|
||||
</td>
|
||||
<td>Wind Speed <span class="subText">(avg)</span></td>
|
||||
<td><span data-cmxdata="wspeed"></span> <span data-cmxdata="windunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wind Bearing</td>
|
||||
<td><span data-cmxdata="avgbearing"></span>° <span data-cmxdata="wdir"></span>
|
||||
</td>
|
||||
<td>Beaufort <span data-cmxdata="beaufort"></span></td>
|
||||
<td><span data-cmxdata="beaudesc"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wind Variation <span class="subText">(last 10 minutes)</span></td>
|
||||
<td colspan="3">From <span data-cmxdata="BearingRangeFrom"></span>° to <span
|
||||
data-cmxdata="BearingRangeTo"></span>°</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Pressure <span class="subText">(sea
|
||||
level)</span></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Barometer</td>
|
||||
<td><span data-cmxdata="press"></span> <span data-cmxdata="pressunit"></span>
|
||||
</td>
|
||||
<td><span data-cmxdata="presstrend"></span></td>
|
||||
<td><span data-cmxdata="presstrendval"></span> <span data-cmxdata="pressunit"></span>/hr</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<div>
|
||||
<span>
|
||||
© floppydisk 2021-2024
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
Powered by Cumulus MX v:<span data-cmxdata="version"></span>, b:<span data-cmxdata="build"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-container">
|
||||
<?php include("./includes/header.inc.php"); ?>
|
||||
<div id="content">
|
||||
<h3>Almanac</h3>
|
||||
<table class="almanac">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Dawn:</td>
|
||||
<td><span data-cmxdata="dawn"></span></td>
|
||||
<td>Sun Rise:</td>
|
||||
<td><span data-cmxdata="sunrise"></span></td>
|
||||
<td>Moon Rise:</td>
|
||||
<td><span data-cmxdata="moonrise"></span></td>
|
||||
<td rowspan="3" style="width:75px; height: 75px; padding:0"><img id="moonImg"
|
||||
src="/images/moon.png" alt="Moon" width="75" height="75" class="w3-image" />Visible
|
||||
<span data-cmxdata="MoonPercentAbs"></span>%
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dusk:</td>
|
||||
<td><span data-cmxdata="dusk"></span></td>
|
||||
<td>Sun Set:</td>
|
||||
<td><span data-cmxdata="sungaugeset"></span></td>
|
||||
<td>Moon Set:</td>
|
||||
<td><span data-cmxdata="moonset"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Daylight:</td>
|
||||
<td><span data-cmxdata="daylightlength"></span></td>
|
||||
<td>Day Length:</td>
|
||||
<td><span data-cmxdata="daylength"></span></td>
|
||||
<td>Moon Phase:</td>
|
||||
<td><span id="moonPhase" data-cmxdata="moonphase"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br><br>
|
||||
<h3>Conditions at local time <span data-cmxdata="time"></span></h3>
|
||||
<table class="mx-datatable current-conditions">
|
||||
<tr>
|
||||
<th colspan="4">Temperature and Humidity</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Temperature</td>
|
||||
<td><span data-cmxdata="temp"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
<td>Dew Point</td>
|
||||
<td><span data-cmxdata="dew"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Windchill</td>
|
||||
<td><span data-cmxdata="wchill"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
<td>Humidity</td>
|
||||
<td><span data-cmxdata="hum"></span> %</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Heat Index</td>
|
||||
<td><span data-cmxdata="heatindex"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td><span data-cmx-feels>Feels
|
||||
Like</span></td>
|
||||
<td><span data-cmx-feels data-cmxdata="feelslike"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Temp change last hour</td>
|
||||
<td><span data-cmxdata="TempChangeLastHour"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Rainfall</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Today</td>
|
||||
<td><span data-cmxdata="rfall"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Rainfall Rate</td>
|
||||
<td><span data-cmxdata="rrate"></span> <span data-cmxdata="rainunit"></span>/hr
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall This Month</td>
|
||||
<td><span data-cmxdata="rmonth"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Rainfall This Year</td>
|
||||
<td><span data-cmxdata="ryear"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Last Hour</td>
|
||||
<td><span data-cmxdata="rhour"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Last rainfall</td>
|
||||
<td><span data-cmxdata="LastRainTip"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Since Midnight</td>
|
||||
<td><span data-cmxdata="rmidnight"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>Rainfall Last 24 Hours</td>
|
||||
<td><span data-cmxdata="r24hour"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Wind</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wind Speed <span class="subText">(gust)</span></td>
|
||||
<td><span data-cmxdata="wgust"></span> <span data-cmxdata="windunit"></span>
|
||||
</td>
|
||||
<td>Wind Speed <span class="subText">(avg)</span></td>
|
||||
<td><span data-cmxdata="wspeed"></span> <span data-cmxdata="windunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wind Bearing</td>
|
||||
<td><span data-cmxdata="avgbearing"></span>° <span data-cmxdata="wdir"></span>
|
||||
</td>
|
||||
<td>Beaufort <span data-cmxdata="beaufort"></span></td>
|
||||
<td><span data-cmxdata="beaudesc"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wind Variation <span class="subText">(last 10 minutes)</span></td>
|
||||
<td colspan="3">From <span data-cmxdata="BearingRangeFrom"></span>° to <span
|
||||
data-cmxdata="BearingRangeTo"></span>°</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Pressure <span class="subText">(sea
|
||||
level)</span></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Barometer</td>
|
||||
<td><span data-cmxdata="press"></span> <span data-cmxdata="pressunit"></span>
|
||||
</td>
|
||||
<td><span data-cmxdata="presstrend"></span></td>
|
||||
<td><span data-cmxdata="presstrendval"></span> <span data-cmxdata="pressunit"></span>/hr
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<small>Page data updated <span data-cmxdata="update"></span></small>
|
||||
</div>
|
||||
<?php include("./includes/footer.inc.php"); ?>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -38,7 +38,7 @@ menuSrc = [
|
|||
{ title: "Cumulus Forum", menu: "w", url: "#", forum: true, new_window: true },
|
||||
{ title: "Webcam", menu: "b", url: "#", webcam: true, new_window: true },
|
||||
{ title: "My Cat", menu: "b", url: "mycatpage.htm" },
|
||||
{ title: "Some Cat", menu: "b", url: "https://pixnio.com/free-images/2020/07/26/2020-07-26-08-52-19-1200x1200.jpg", new_window: true }
|
||||
{ title: "Some Cat", menu: "b", url: "https://pixnio.com/free-/images/2020/07/26/2020-07-26-08-52-19-1200x1200.jpg", new_window: true }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ let fixedHeader = false; // Use only true or false
|
|||
let fixedFooter = true; // Use only true or false
|
||||
let headerMargin = 20; // Gap between the header and the main body
|
||||
let footerMargin = 10; // Gap between the body and the footer
|
||||
let load_menu = "js/menu.js"; // menu file to load - path is relative to the page
|
||||
let load_menu = "/js/menu.js"; // menu file to load - path is relative to the page
|
||||
|
||||
|
||||
// Thats the only changes you should make unless you know better!
|
||||
|
|
|
|||
2
lib/steelseries/scripts/RGraph.rose.min.js
vendored
2
lib/steelseries/scripts/RGraph.rose.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
242
oldindex.htm
242
oldindex.htm
|
|
@ -1,242 +0,0 @@
|
|||
<div id="Header" class="w3-row w3-top w3-theme-dark w3-theme-bdr">
|
||||
<div class="w3-row-padding site-width">
|
||||
<div class="at-flex-between" style="align-items:center; flex-wrap:wrap;">
|
||||
<img src="images/CumulusMX-Logo.png" class="w3-image logo" alt="Header logo" />
|
||||
<div class="w3-right-align" style="max-width:600px;">
|
||||
<h5>Lat<span class="w3-hide-small">itude</span>: <span data-cmxdata="latitude"></span><span
|
||||
class="at-divider">|<wbr></span>Long<span class="w3-hide-small">itude</span>: <span
|
||||
data-cmxdata="longitude"></span><span class="at-divider">|<wbr></span>Alt<span
|
||||
class="w3-hide-small">itude</span>: <span data-cmxdata="altitude"></span></h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start of Menu -->
|
||||
<div id="Main_Menu" class="w3-bar w3-theme-d4 w3-theme-bdr">
|
||||
</div>
|
||||
<!-- Mobile menu -->
|
||||
<div id="Main_Menu_Mobile" class="w3-bar-block w3-hide w3-hide-large">
|
||||
</div> <!-- End of Mobile menu -->
|
||||
</div>
|
||||
</div>
|
||||
<div id="Content">
|
||||
<!-- Start of panel content -->
|
||||
<div class="w3-row-padding w3-theme-light site-width">
|
||||
<!-- Page Title -->
|
||||
<div class="w3-col l12">
|
||||
<h1><span data-cmxdata="location"></span> Weather <span class="subText"></span></h1>
|
||||
</div>
|
||||
</div> <!-- End of title row -->
|
||||
<div class="w3-row site-width w3-theme-light">
|
||||
<!-- Start of Main panel -->
|
||||
<div class="w3-col l9 m12">
|
||||
<!-- 3/4 width panel -->
|
||||
<div class="w3-row-padding">
|
||||
<!-- Row 1 of 3/4 width panel -->
|
||||
<div class="w3-col s12">
|
||||
<!-- Full width of above panel -->
|
||||
<div class="w3-panel w3-container w3-theme-white">
|
||||
<h3 class="">Almanac</h3>
|
||||
<div class="w3-responsive">
|
||||
<table class="w3-table" style="min-width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="">Dawn:</td>
|
||||
<td class=""><span data-cmxdata="dawn"></span></td>
|
||||
<td class="">Sun Rise:</td>
|
||||
<td class=""><span data-cmxdata="sunrise"></span></td>
|
||||
<td class="">Moon Rise:</td>
|
||||
<td class=""><span data-cmxdata="moonrise"></span></td>
|
||||
<td rowspan="3" style="width:75px; height: 75px; padding:0"><img id="moonImg"
|
||||
src="images/moon.png" alt="Moon" width="75" height="75"
|
||||
class="w3-image" />Visible <span data-cmxdata="MoonPercentAbs"></span>%
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="">Dusk:</td>
|
||||
<td class=""><span data-cmxdata="dusk"></span></td>
|
||||
<td class="">Sun Set:</td>
|
||||
<td class=""><span data-cmxdata="sunset"></span></td>
|
||||
<td class="">Moon Set:</td>
|
||||
<td class=""><span data-cmxdata="moonset"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="">Daylight:</td>
|
||||
<td class=""><span data-cmxdata="daylightlength"></span></td>
|
||||
<td class="">Day Length:</td>
|
||||
<td class=""><span data-cmxdata="daylength"></span></td>
|
||||
<td class="">Moon Phase:</td>
|
||||
<td class=""><span id="moonPhase" data-cmxdata="moonphase"></span></td>
|
||||
</tr>
|
||||
<tr id="currCond" class="w3-hide">
|
||||
<td colspan="7"><strong>Current conditions</strong>: <span
|
||||
data-cmxdata="currcond"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-row-padding">
|
||||
<!-- Row 2 of 3/4 width panel -->
|
||||
<div class="w3-col s12">
|
||||
<!-- Full width of above panel -->
|
||||
<div class="w3-panel w3-card w3-theme-white">
|
||||
<h3 class="">Conditions at local time <span data-cmxdata="time"></span></h3>
|
||||
<div class="w3-responsive">
|
||||
<table class="w3-table w3-hoverable" style="min-width:100%;">
|
||||
<tr>
|
||||
<td colspan="4" class="w3-theme-d5">Temperature and Humidity</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Temperature</td>
|
||||
<td><span data-cmxdata="temp"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
<td>Dew Point</td>
|
||||
<td><span data-cmxdata="dew"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Windchill</td>
|
||||
<td><span data-cmxdata="wchill"></span> <span data-cmxdata="tempunit"></span>
|
||||
</td>
|
||||
<td>Humidity</td>
|
||||
<td><span data-cmxdata="hum"></span> %</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Heat Index</td>
|
||||
<td><span data-cmxdata="heatindex"></span> <span
|
||||
data-cmxdata="tempunit"></span></td>
|
||||
<td><span data-cmx-apparent class="w3-hide">Apparent Temperature</span><span
|
||||
data-cmx-feels>Feels Like</span></td>
|
||||
<td><span data-cmx-apparent data-cmxdata="apptemp" class="w3-hide"></span><span
|
||||
data-cmx-feels data-cmxdata="feelslike"></span> <span
|
||||
data-cmxdata="tempunit"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Temp change last hour</td>
|
||||
<td><span data-cmxdata="TempChangeLastHour"></span> <span
|
||||
data-cmxdata="tempunit"></span></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="w3-theme-d4">Rainfall</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Rainfall Today</td>
|
||||
<td><span data-cmxdata="rfall"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Rainfall Rate</td>
|
||||
<td><span data-cmxdata="rrate"></span> <span data-cmxdata="rainunit"></span>/hr
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Rainfall This Month</td>
|
||||
<td><span data-cmxdata="rmonth"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Rainfall This Year</td>
|
||||
<td><span data-cmxdata="ryear"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Rainfall Last Hour</td>
|
||||
<td><span data-cmxdata="rhour"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
<td>Last rainfall</td>
|
||||
<td><span data-cmxdata="LastRainTip"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Rainfall Since Midnight</td>
|
||||
<td><span data-cmxdata="rmidnight"></span> <span
|
||||
data-cmxdata="rainunit"></span></td>
|
||||
<td>Rainfall Last 24 Hours</td>
|
||||
<td><span data-cmxdata="r24hour"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="w3-theme-d3">Wind</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>Wind Speed <span class="subText">(gust)</span></td>
|
||||
<td><span data-cmxdata="wgust"></span> <span data-cmxdata="windunit"></span>
|
||||
</td>
|
||||
<td>Wind Speed <span class="subText">(avg)</span></td>
|
||||
<td><span data-cmxdata="wspeed"></span> <span data-cmxdata="windunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>Wind Bearing</td>
|
||||
<td><span data-cmxdata="avgbearing"></span>° <span data-cmxdata="wdir"></span>
|
||||
</td>
|
||||
<td>Beaufort <span data-cmxdata="beaufort"></span></td>
|
||||
<td><span data-cmxdata="beaudesc"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>Wind Variation <span class="subText">(last 10 minutes)</span></td>
|
||||
<td colspan="3">From <span data-cmxdata="BearingRangeFrom"></span>° to <span
|
||||
data-cmxdata="BearingRangeTo"></span>°</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="w3-theme-d2">Pressure <span class="subText">(sea
|
||||
level)</span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l5">
|
||||
<td>Barometer</td>
|
||||
<td><span data-cmxdata="press"></span> <span data-cmxdata="pressunit"></span>
|
||||
</td>
|
||||
<td><span data-cmxdata="presstrend"></span></td>
|
||||
<td><span data-cmxdata="presstrendval"></span> <span
|
||||
data-cmxdata="pressunit"></span>/hr</td>
|
||||
</tr>
|
||||
<tr class="w3-hide" data-cmx-solar data-cmx-uv>
|
||||
<td colspan="4" class="w3-theme-d1">Solar</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l6 w3-hide" data-cmx-solar>
|
||||
<td>Solar Radiation</td>
|
||||
<td><span data-cmxdata="SolarRad"></span> W/m²</td>
|
||||
<td>Evapotranspiration Today</td>
|
||||
<td><span data-cmxdata="ET"></span> <span data-cmxdata="rainunit"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l6 w3-hide" data-cmx-uv>
|
||||
<td>UV Index</td>
|
||||
<td><span data-cmxdata="UV"></span></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<p class="w3-small credits">Page updated <span data-cmxdata="update"></span>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-col l3 m12">
|
||||
<!-- Start of Sidebar 1/4 width -->
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-col l12">
|
||||
<div class="w3-panel w3-container w3-theme-light">
|
||||
<h3 class="w3-center">Welcome to <br /><span class="subText"><span
|
||||
data-cmxdata="longlocation"></span></span></h3>
|
||||
<p>The weather station in use is the <span data-cmxdata="stationtype"></span><br>
|
||||
This page is updated every <span data-cmxdata="interval"></span> minutes. The
|
||||
meteorological day used at this station ends at <span data-cmxdata="rollovertime"></span>.
|
||||
</p>
|
||||
<p><strong>Forecast:</strong> <span data-cmxdata="forecast"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- End of panel content -->
|
||||
</div> <!-- End of content -->
|
||||
<div id="Footer" class="w3-row w3-bottom w3-theme-dark w3-theme-bdr">
|
||||
<div class="w3-row-padding site-width">
|
||||
<p><em>Cumulus MX Template by Neil Thomas
|
||||
<script>
|
||||
document.write(new Date().getFullYear());
|
||||
</script>
|
||||
<span class="w3-right">Powered by <span class="w3-theme-txt">Cumulus MX</span> v:<span
|
||||
data-cmxdata="version"></span>, b:<span data-cmxdata="build"></span></span>
|
||||
</em></p>
|
||||
</div>
|
||||
</div>
|
||||
239
today.htm
239
today.htm
|
|
@ -1,239 +0,0 @@
|
|||
<!--
|
||||
today.htm v:0.0.1 d:Feb 2021 Neil Thomas
|
||||
Last modified: 2022/07/27 10:11:12
|
||||
Page: 1 main panel plus a sidebar
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<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">
|
||||
<title>Cumulus MX</title>
|
||||
<link rel="icon" type="image/png" href="images/favicon.png">
|
||||
|
||||
<!-- jQuery Local -->
|
||||
<script src="lib/jquery/jquery-latest.min.js"></script>
|
||||
|
||||
<!-- Fonts System will default to a sans-serif font if no Internet connection -->
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- All Styles -->
|
||||
<link href="css/w3Pro.css" rel="stylesheet"> <!-- Basic w3shools responsive styles -->
|
||||
<link href="css/colours.css" rel="stylesheet"> <!-- Slightly enhanced w3schools colours -->
|
||||
<link href="css/mx-templates.css" rel="stylesheet"> <!-- Specific styles for these templates. -->
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="js/setpagedata.js"></script> <!-- Utility javascripts for all pages. -->
|
||||
</head>
|
||||
<body>
|
||||
<div id="Header" class="w3-row w3-top w3-theme-dark w3-theme-bdr">
|
||||
<div class="w3-row-padding site-width">
|
||||
<div class="at-flex-between" style="align-items:center; flex-wrap:wrap;">
|
||||
<img src="images/CumulusMX-Logo.png" class="w3-image logo" alt="Header logo"/>
|
||||
<div class="w3-right-align" style="max-width:600px;">
|
||||
<h5>Lat<span class="w3-hide-small">itude</span>: <span data-cmxdata="latitude"></span><span class="at-divider">|<wbr></span>Long<span class="w3-hide-small">itude</span>: <span data-cmxdata="longitude"></span><span class="at-divider">|<wbr></span>Alt<span class="w3-hide-small">itude</span>: <span data-cmxdata="altitude"></span></h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start of Menu -->
|
||||
<div id="Main_Menu" class="w3-bar w3-theme-d4 w3-theme-bdr">
|
||||
</div>
|
||||
<!-- Mobile menu -->
|
||||
<div id="Main_Menu_Mobile" class="w3-bar-block w3-hide w3-hide-large">
|
||||
</div> <!-- End of Mobile menu -->
|
||||
</div>
|
||||
</div>
|
||||
<div id="Content"> <!-- Start of panel content -->
|
||||
<div class="w3-row-padding w3-theme-light site-width"> <!-- Page Title -->
|
||||
<div class="w3-col l12">
|
||||
<h1>Today <span class="subText"><span data-cmxdata="date"></span></span></h1>
|
||||
</div>
|
||||
</div> <!-- End of title row -->
|
||||
<div class="w3-row site-width w3-theme-light"> <!-- Start of Main panel -->
|
||||
<div class="w3-col l9 m12"> <!-- 3/4 width panel -->
|
||||
<div class="w3-row-padding"> <!-- Row 1 of 3/4 width panel -->
|
||||
<div class="w3-col s12"> <!-- Full width of above panel -->
|
||||
<div class="w3-panel w3-card w3-theme-white">
|
||||
<h2>Today's data</h2>
|
||||
<div class="w3-responsive">
|
||||
<table class="w3-table w3-hoverable" style="width:100%">
|
||||
<tbody>
|
||||
<tr class="w3-theme-d5">
|
||||
<td colspan="3">Temperature and Humidity</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>High Temperature</td>
|
||||
<td><span data-cmxdata="tempTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TtempTH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Low Temperature</td>
|
||||
<td><span data-cmxdata="tempTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TtempTL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Temperature Range</td>
|
||||
<td><span data-cmxdata="temprange"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr data-cmx-apparent class="w3-theme-l2 w3-hide">
|
||||
<td>High Apparent Temperature</td>
|
||||
<td><span data-cmxdata="apptempTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TapptempTH"></span></td>
|
||||
</tr>
|
||||
<tr data-cmx-apparent class="w3-theme-l2 w3-hide">
|
||||
<td>Low Apparent Temperature</td>
|
||||
<td><span data-cmxdata="apptempTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TapptempTL"></span></td>
|
||||
</tr>
|
||||
<tr data-cmx-feels class="w3-theme-l2">
|
||||
<td>High Feels Like</td>
|
||||
<td><span data-cmxdata="feelslikeTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TfeelslikeTH"></span></td>
|
||||
</tr>
|
||||
<tr data-cmx-feels class="w3-theme-l2">
|
||||
<td>Low Feels Like</td>
|
||||
<td><span data-cmxdata="feelslikeTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TfeelslikeTL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Low Wind Chill</td>
|
||||
<td><span data-cmxdata="wchillTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TwchillTL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>High Heat Index</td>
|
||||
<td><span data-cmxdata="heatindexTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TheatindexTH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>High Humidity</td>
|
||||
<td><span data-cmxdata="humTH"></span> %</td>
|
||||
<td>at <span data-cmxdata="ThumTH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Low Humidity</td>
|
||||
<td><span data-cmxdata="humTL"></span> %</td>
|
||||
<td>at <span data-cmxdata="ThumTL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-d4">
|
||||
<td colspan="3">Rainfall</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Rainfall Today</td>
|
||||
<td><span data-cmxdata="rfall"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Rainfall Rate Max</td>
|
||||
<td><span data-cmxdata="rrateTM"></span> <span data-cmxdata="rainunit"></span>/hr</td>
|
||||
<td>at <span data-cmxdata="TrrateTM"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>High Hourly Rainfall</td>
|
||||
<td><span data-cmxdata="hourlyrainTH"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>at <span data-cmxdata="ThourlyrainTH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>High 24 Hour Rainfall</td>
|
||||
<td><span data-cmxdata="rain24hourTH"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>at <span data-cmxdata="Train24hourTH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Days Since Last Dry Day</td>
|
||||
<td><span data-cmxdata="ConsecutiveRainDays"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Days Since It Last Rained</td>
|
||||
<td><span data-cmxdata="ConsecutiveDryDays"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-d3">
|
||||
<td colspan="3">Wind</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>High Gust</td>
|
||||
<td><span data-cmxdata="wgustTM"></span> <span data-cmxdata="windunit"></span></td>
|
||||
<td>at <span data-cmxdata="TwgustTM"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>High Speed <span class="subText">(10 minute average)</span></td>
|
||||
<td><span data-cmxdata="windTM"></span> <span data-cmxdata="windunit"></span> (<span data-cmxdata="Tbeaufort"></span>)</td>
|
||||
<td>at <span data-cmxdata="TwindTM"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>Wind Run</td>
|
||||
<td><span data-cmxdata="windrun"></span> <span data-cmxdata="windrununit"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>Dominant Direction</td>
|
||||
<td><span data-cmxdata="domwindbearing"></span>° <span data-cmxdata="domwinddir"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-d2">
|
||||
<td colspan="3">Pressure <span class="subText">(sea level)</span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l5">
|
||||
<td>High Pressure</td>
|
||||
<td><span data-cmxdata="pressTH"></span> <span data-cmxdata="pressunit"></span></td>
|
||||
<td>at <span data-cmxdata="TpressTH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l5">
|
||||
<td>Low Pressure</td>
|
||||
<td><span data-cmxdata="pressTL"></span> <span data-cmxdata="pressunit"></span></td>
|
||||
<td>at <span data-cmxdata="TpressTL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-d1 w3-hide" data-cmx-solar data-cmx-uv>
|
||||
<td colspan="3" class="w3-theme-d1">Solar</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l6 w3-hide" data-cmx-solar>
|
||||
<td>High Solar Radiation</td>
|
||||
<td><span data-cmxdata="solarTH"></span> W/m<sup>2</sup></td>
|
||||
<td>at <span data-cmxdata="TsolarTH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l6 w3-hide" data-cmx-solar>
|
||||
<td>Hours of Sunshine</td>
|
||||
<td><span data-cmxdata="SunshineHours"></span> hrs</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l6 w3-hide" data-cmx-uv>
|
||||
<td>High UV Index</td>
|
||||
<td><span data-cmxdata="UVTH"></span></td>
|
||||
<td>at <span data-cmxdata="TUVTH"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="w3-small">Page data updated <span data-cmxdata="update"></span>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-col l3 m12"> <!-- Start of Sidebar 1/4 screen width -->
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-col l12"> <!-- Full width of sidebar -->
|
||||
<div class="w3-panel w3-container w3-theme-light">
|
||||
<h3 class="w3-center">Welcome to <br/><span class="subText"><span data-cmxdata="longlocation"></span></span></h3>
|
||||
<p>This page shows the highs, lows and current values for today.<br>
|
||||
This page is updated every <span data-cmxdata="interval"></span> minutes. The meteorological day used at this station ends at
|
||||
<span data-cmxdata="rollovertime"></span>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- End of panel content -->
|
||||
</div> <!-- End of content -->
|
||||
<!-- Footer -->
|
||||
<div id="Footer" class="w3-row w3-bottom w3-theme-dark w3-theme-bdr">
|
||||
<div class="w3-row-padding site-width">
|
||||
<p><em>Cumulus MX Template by Neil Thomas <script>document.write(new Date().getFullYear());</script>
|
||||
<span class="w3-right">Powered by <span class="w3-theme-txt">Cumulus MX</span> v:<span data-cmxdata="version"></span>, b:<span data-cmxdata="build"></span></span></em></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
148
today/index.php
Normal file
148
today/index.php
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
<!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">
|
||||
<h3>Data for today (<span data-cmxdata="date"></span>)</h3>
|
||||
<table class="mx-datatable">
|
||||
<tr>
|
||||
<th colspan="4">Temperature and Humidity</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Temperature</td>
|
||||
<td><span data-cmxdata="tempTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TtempTH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Low Temperature</td>
|
||||
<td><span data-cmxdata="tempTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TtempTL"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Temperature Range</td>
|
||||
<td><span data-cmxdata="temprange"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr data-cmx-feels>
|
||||
<td>High Feels Like</td>
|
||||
<td><span data-cmxdata="feelslikeTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TfeelslikeTH"></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>at <span data-cmxdata="TfeelslikeTL"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Low Wind Chill</td>
|
||||
<td><span data-cmxdata="wchillTL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TwchillTL"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Heat Index</td>
|
||||
<td><span data-cmxdata="heatindexTH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TheatindexTH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Humidity</td>
|
||||
<td><span data-cmxdata="humTH"></span> %</td>
|
||||
<td>at <span data-cmxdata="ThumTH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Low Humidity</td>
|
||||
<td><span data-cmxdata="humTL"></span> %</td>
|
||||
<td>at <span data-cmxdata="ThumTL"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Rainfall</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Today</td>
|
||||
<td><span data-cmxdata="rfall"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Rate Max</td>
|
||||
<td><span data-cmxdata="rrateTM"></span> <span data-cmxdata="rainunit"></span>/hr</td>
|
||||
<td>at <span data-cmxdata="TrrateTM"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Hourly Rainfall</td>
|
||||
<td><span data-cmxdata="hourlyrainTH"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>at <span data-cmxdata="ThourlyrainTH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High 24 Hour Rainfall</td>
|
||||
<td><span data-cmxdata="rain24hourTH"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>at <span data-cmxdata="Train24hourTH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Days Since Last Dry Day</td>
|
||||
<td><span data-cmxdata="ConsecutiveRainDays"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Days Since It Last Rained</td>
|
||||
<td><span data-cmxdata="ConsecutiveDryDays"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Wind</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Gust</td>
|
||||
<td><span data-cmxdata="wgustTM"></span> <span data-cmxdata="windunit"></span></td>
|
||||
<td>at <span data-cmxdata="TwgustTM"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Speed <span class="subText">(10 minute average)</span></td>
|
||||
<td><span data-cmxdata="windTM"></span> <span data-cmxdata="windunit"></span> (<span
|
||||
data-cmxdata="Tbeaufort"></span>)</td>
|
||||
<td>at <span data-cmxdata="TwindTM"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wind Run</td>
|
||||
<td><span data-cmxdata="windrun"></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>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Pressure (sea level)</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Pressure</td>
|
||||
<td><span data-cmxdata="pressTH"></span> <span data-cmxdata="pressunit"></span></td>
|
||||
<td>at <span data-cmxdata="TpressTH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Low Pressure</td>
|
||||
<td><span data-cmxdata="pressTL"></span> <span data-cmxdata="pressunit"></span></td>
|
||||
<td>at <span data-cmxdata="TpressTL"></span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<small>Page data updated <span data-cmxdata="update"></span></small>
|
||||
</div>
|
||||
<?php include("../includes/footer.inc.php"); ?>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
225
yesterday.htm
225
yesterday.htm
|
|
@ -1,225 +0,0 @@
|
|||
<!--
|
||||
yesterday.htm v:0.0.1 d:Feb 2021 Neil Thomas
|
||||
Last modified: 2022/07/27 10:10:28
|
||||
Page: 1 main panel plus a sidebar
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<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">
|
||||
<title>Cumulus MX</title>
|
||||
<link rel="icon" type="image/png" href="images/favicon.png">
|
||||
|
||||
<!-- jQuery Local -->
|
||||
<script src="lib/jquery/jquery-latest.min.js"></script>
|
||||
|
||||
<!-- Fonts System will default to a sans-serif font if no Internet connection -->
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- All Styles -->
|
||||
<link href="css/w3Pro.css" rel="stylesheet"> <!-- Basic w3shools responsive styles -->
|
||||
<link href="css/colours.css" rel="stylesheet"> <!-- Slightly enhanced w3schools colours -->
|
||||
<link href="css/mx-templates.css" rel="stylesheet"> <!-- Specific styles for these templates. -->
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="js/setpagedata.js"></script> <!-- Utility javascripts for all pages. -->
|
||||
</head>
|
||||
<body>
|
||||
<div id="Header" class="w3-row w3-top w3-theme-dark w3-theme-bdr">
|
||||
<div class="w3-row-padding site-width">
|
||||
<div class="at-flex-between" style="align-items:center; flex-wrap:wrap;">
|
||||
<img src="images/CumulusMX-Logo.png" class="w3-image logo" alt="Header logo"/>
|
||||
<div class="w3-right-align" style="max-width:600px;">
|
||||
<h5>Lat<span class="w3-hide-small">itude</span>: <span data-cmxdata="latitude"></span><span class="at-divider">|<wbr></span>Long<span class="w3-hide-small">itude</span>: <span data-cmxdata="longitude"></span><span class="at-divider">|<wbr></span>Alt<span class="w3-hide-small">itude</span>: <span data-cmxdata="altitude"></span></h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start of Menu -->
|
||||
<div id="Main_Menu" class="w3-bar w3-theme-d4 w3-theme-bdr">
|
||||
</div>
|
||||
<!-- Mobile menu -->
|
||||
<div id="Main_Menu_Mobile" class="w3-bar-block w3-hide w3-hide-large">
|
||||
</div> <!-- End of Mobile menu -->
|
||||
</div>
|
||||
</div>
|
||||
<div id="Content"> <!-- Start of panel content -->
|
||||
<div class="w3-row-padding w3-theme-light site-width"> <!-- Page Title -->
|
||||
<div class="w3-col l12">
|
||||
<h1>Yesterday <span class="subText"><span data-cmxdata="yesterday"></span></span></h1>
|
||||
</div>
|
||||
</div> <!-- End of title row -->
|
||||
<div class="w3-row site-width w3-theme-light"> <!-- Start of Main panel -->
|
||||
<div class="w3-col l9 m12"> <!-- 3/4 width panel -->
|
||||
<div class="w3-row-padding"> <!-- Row 1 of 3/4 width panel -->
|
||||
<div class="w3-col s12"> <!-- Full width of above panel -->
|
||||
<div class="w3-panel w3-card w3-theme-white">
|
||||
<h2 class="">Yesterday's data</h2>
|
||||
<div class="w3-responsive">
|
||||
<table class="w3-table w3-hoverable" style="width:100%">
|
||||
<tbody>
|
||||
<tr class="w3-theme-d5">
|
||||
<td colspan="3">Temperature and Humidity</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>High Temperature</td>
|
||||
<td><span data-cmxdata="tempYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TtempYH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Low Temperature</td>
|
||||
<td><span data-cmxdata="tempYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TtempYL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Temperature Range</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 Temperature</td>
|
||||
<td><span data-cmxdata="apptempYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TapptempYH"></span></td>
|
||||
</tr>
|
||||
<tr data-cmx-apparent class="w3-theme-l2 w3-hide">
|
||||
<td>Low Apparent Temperature</td>
|
||||
<td><span data-cmxdata="apptempYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TapptempYL"></span></td>
|
||||
</tr>
|
||||
<tr data-cmx-feels class="w3-theme-l2">
|
||||
<td>High Feels Like</td>
|
||||
<td><span data-cmxdata="feelslikeYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TfeelslikeYH"></span></td>
|
||||
</tr>
|
||||
<tr data-cmx-feels class="w3-theme-l2">
|
||||
<td>Low Feels Like</td>
|
||||
<td><span data-cmxdata="feelslikeYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TfeelslikeYL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Low Wind Chill</td>
|
||||
<td><span data-cmxdata="wchillYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TwchillYL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>High Heat Index</td>
|
||||
<td><span data-cmxdata="heatindexYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TheatindexYH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>High Humidity</td>
|
||||
<td><span data-cmxdata="humYH"></span> %</td>
|
||||
<td>at <span data-cmxdata="ThumYH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l2">
|
||||
<td>Low Humidity</td>
|
||||
<td><span data-cmxdata="humYL"></span> %</td>
|
||||
<td>at <span data-cmxdata="ThumYL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-d4">
|
||||
<td colspan="3">Rainfall</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Rainfall Yesterday</td>
|
||||
<td><span data-cmxdata="rfallY"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>Rainfall Rate Max</td>
|
||||
<td><span data-cmxdata="rrateYM"></span> <span data-cmxdata="rainunit"></span>/hr</td>
|
||||
<td>at <span data-cmxdata="TrrateYM"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>High Hourly Rainfall</td>
|
||||
<td><span data-cmxdata="hourlyrainYH"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>at <span data-cmxdata="ThourlyrainYH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l3">
|
||||
<td>High 24 Hour Rainfall</td>
|
||||
<td><span data-cmxdata="rain24hourYH"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>at <span data-cmxdata="Train24hourYH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-d3">
|
||||
<td colspan="3">Wind</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>High Gust</td>
|
||||
<td><span data-cmxdata="wgustYM"></span> <span data-cmxdata="windunit"></span></td>
|
||||
<td>at <span data-cmxdata="TwgustYM"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>High Speed <span class="subText">(10 minute average)</span></td>
|
||||
<td><span data-cmxdata="windYM"></span> <span data-cmxdata="windunit"></span> (<span data-cmxdata="Ybeaufort"></span>)</td>
|
||||
<td>at <span data-cmxdata="TwindYM"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>Wind Run</td>
|
||||
<td><span data-cmxdata="windrunY"></span> <span data-cmxdata="windrununit"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l4">
|
||||
<td>Dominant Direction</td>
|
||||
<td><span data-cmxdata="domwindbearingY"></span>° <span data-cmxdata="domwinddirY"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-d2">
|
||||
<td colspan="3">Pressure <span class="subText">(sea level)</span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l5">
|
||||
<td>High Pressure</td>
|
||||
<td><span data-cmxdata="pressYH"></span> <span data-cmxdata="pressunit"></span></td>
|
||||
<td>at <span data-cmxdata="TpressYH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l5">
|
||||
<td>Low Pressure</td>
|
||||
<td><span data-cmxdata="pressYL"></span> <span data-cmxdata="pressunit"></span></td>
|
||||
<td>at <span data-cmxdata="TpressYL"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-d1 w3-hide" data-cmx-solar data-cmx-uv>
|
||||
<td colspan="3">Solar</td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l6 w3-hide" data-cmx-solar>
|
||||
<td>High Solar Radiation</td>
|
||||
<td><span data-cmxdata="solarYH"></span> W/m²</td>
|
||||
<td>at <span data-cmxdata="TsolarYH"></span></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l6 w3-hide" data-cmx-solar>
|
||||
<td>Hours of Sunshine</td>
|
||||
<td><span data-cmxdata="YSunshineHours"></span> hrs</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr class="w3-theme-l6 w3-hide" data-cmx-uv>
|
||||
<td>High UV Index</td>
|
||||
<td><span data-cmxdata="UVYH"></span></td>
|
||||
<td>at <span data-cmxdata="TUVYH"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="w3-small credits">Page updated <span data-cmxdata="update"></span>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w3-col l3 m12"> <!-- Start of Sidebar 1/4 width -->
|
||||
<div class="w3-row-padding">
|
||||
<div class="w3-col l12">
|
||||
<div class="w3-panel w3-container w3-theme-light">
|
||||
<h3 class="w3-center">Welcome to <br/><span class="subText"><span data-cmxdata="longlocation"></span></span></h3>
|
||||
<p>This page shows a summary of the data for the 24 hrs up to <span data-cmxdata="rollovertime"></span> local time. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- End of panel content -->
|
||||
</div> <!-- End of content -->
|
||||
<div id="Footer" class="w3-row w3-bottom w3-theme-dark w3-theme-bdr">
|
||||
<div class="w3-row-padding site-width">
|
||||
<p><em>Cumulus MX Template by Neil Thomas <script>document.write(new Date().getFullYear());</script>
|
||||
<span class="w3-right">Powered by <span class="w3-theme-txt">Cumulus MX</span> v:<span data-cmxdata="version"></span>, b:<span data-cmxdata="build"></span></span></em></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
149
yesterday/index.php
Normal file
149
yesterday/index.php
Normal file
|
|
@ -0,0 +1,149 @@
|
|||
<!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">
|
||||
<h3>Data for today (<span data-cmxdata="yesterday"></span>)</h3>
|
||||
<table class="mx-datatable">
|
||||
<tr>
|
||||
<th colspan="4">Temperature and Humidity</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Temperature</td>
|
||||
<td><span data-cmxdata="tempYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TtempYH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Low Temperature</td>
|
||||
<td><span data-cmxdata="tempYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <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>
|
||||
</tr>
|
||||
<tr data-cmx-feels>
|
||||
<td>High Feels Like</td>
|
||||
<td><span data-cmxdata="feelslikeYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TfeelslikeYH"></span></td>
|
||||
</tr>
|
||||
<tr data-cmx-feels>
|
||||
<td>Low Feels Like</td>
|
||||
<td><span data-cmxdata="feelslikeYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TfeelslikeYL"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Low Wind Chill</td>
|
||||
<td><span data-cmxdata="wchillYL"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TwchillYL"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Heat Index</td>
|
||||
<td><span data-cmxdata="heatindexYH"></span> <span data-cmxdata="tempunit"></span></td>
|
||||
<td>at <span data-cmxdata="TheatindexYH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Humidity</td>
|
||||
<td><span data-cmxdata="humYH"></span> %</td>
|
||||
<td>at <span data-cmxdata="ThumYH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Low Humidity</td>
|
||||
<td><span data-cmxdata="humYL"></span> %</td>
|
||||
<td>at <span data-cmxdata="ThumYL"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Rainfall</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Today</td>
|
||||
<td><span data-cmxdata="rfall"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Rainfall Rate Max</td>
|
||||
<td><span data-cmxdata="rrateYM"></span> <span data-cmxdata="rainunit"></span>/hr</td>
|
||||
<td>at <span data-cmxdata="TrrateYM"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Hourly Rainfall</td>
|
||||
<td><span data-cmxdata="hourlyrainYH"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>at <span data-cmxdata="ThourlyrainYH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High 24 Hour Rainfall</td>
|
||||
<td><span data-cmxdata="rain24hourYH"></span> <span data-cmxdata="rainunit"></span></td>
|
||||
<td>at <span data-cmxdata="Train24hourYH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Days Since Last Dry Day</td>
|
||||
<td><span data-cmxdata="ConsecutiveRainDays"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Days Since It Last Rained</td>
|
||||
<td><span data-cmxdata="ConsecutiveDryDays"></span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Wind</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Gust</td>
|
||||
<td><span data-cmxdata="wgustYM"></span> <span data-cmxdata="windunit"></span></td>
|
||||
<td>at <span data-cmxdata="TwgustYM"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Speed <span class="subText">(10 minute average)</span></td>
|
||||
<td><span data-cmxdata="windYM"></span> <span data-cmxdata="windunit"></span> (<span
|
||||
data-cmxdata="Tbeaufort"></span>)</td>
|
||||
<td>at <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>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dominant Direction</td>
|
||||
<td><span data-cmxdata="domwindbearing"></span>° <span data-cmxdata="domwinddir"></span>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4">Pressure (sea level)</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>High Pressure</td>
|
||||
<td><span data-cmxdata="pressYH"></span> <span data-cmxdata="pressunit"></span></td>
|
||||
<td>at <span data-cmxdata="TpressYH"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Low Pressure</td>
|
||||
<td><span data-cmxdata="pressYL"></span> <span data-cmxdata="pressunit"></span></td>
|
||||
<td>at <span data-cmxdata="TpressYL"></span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<small>Page data updated <span data-cmxdata="update"></span></small>
|
||||
</div>
|
||||
<?php include("../includes/footer.inc.php"); ?>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in a new issue