RoscoeDaWah/wahs-the-weather
RoscoeDaWah/wahs-the-weather
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
wahs-the-weather/today-yest/index.php

242 lines
15 KiB
PHP
Raw Permalink Normal View History

wah!
2024-12-12 19:18:16 +00:00
<!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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<span data-cmxdata="tempunit"></span></td>
<td></td>
<td><span data-cmxdata="temprangeY"></span>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;%</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>&nbsp;%</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>&nbsp;<span data-cmxdata="rainunit"></span></td>
<td></td>
<td><span data-cmxdata="rfallY"></span>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<span data-cmxdata="windrununit"></span></td>
<td></td>
<td><span data-cmxdata="windrunY"></span>&nbsp;<span data-cmxdata="windrununit"></span></td>
<td></td>
</tr>
<tr>
<td>Dominant Direction</td>
<td><span data-cmxdata="domwindbearing"></span>&deg; <span data-cmxdata="domwinddir"></span>
</td>
<td></td>
<td><span data-cmxdata="domwindbearingY"></span>&deg; <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>&nbsp;<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>&nbsp;<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>&nbsp;<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>&nbsp;<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>
Reference in a new issue Copy permalink