add personal-weather and rearrange pages

This commit is contained in:
Matt Walsh
2025-10-21 03:08:48 +00:00
parent 8b076db25d
commit 5b5b313786
17 changed files with 252 additions and 12 deletions

View File

@@ -63,6 +63,9 @@
<script type="module" src="scripts/modules/settings.mjs"></script>
<script type="module" src="scripts/modules/media.mjs"></script>
<script type="module" src="scripts/modules/custom-rss-feed.mjs"></script>
<% if (!DISABLE_PERSONAL) { %>
<script type="module" src="scripts/modules/personal-weather.mjs"></script>
<% } %>
<script type="module" src="scripts/index.mjs"></script>
<% } %>
@@ -109,6 +112,11 @@
<div id="current-weather-html" class="weather-display">
<%- include('partials/current-weather.ejs') %>
</div>
<% if (!DISABLE_PERSONAL) { %>
<div id="personal-weather-html" class="weather-display">
<%- include('partials/personal-weather.ejs') %>
</div>
<% } %>
<div id="local-forecast-html" class="weather-display">
<%- include('partials/local-forecast.ejs') %>
</div>

View File

@@ -0,0 +1,40 @@
<%- include('header.ejs', {titleDual:{ top: 'Personal' , bottom: 'Weather Station' }, noaaLogo: false, hasTime: true}) %>
<div class="main has-scroll has-box personal-weather">
<div class="weather template">
<div class="left col">
<div class="temp center"></div>
<div class="wind-container">
<div class="wind-label">Wind:</div>
<div class="wind"></div>
</div>
<div class="wind-gusts"></div>
</div>
<div class="right col">
<div class="location"></div>
<div class="row">
<div class="label">Humidity:</div>
<div class="humidity value"></div>
</div>
<div class="row">
<div class="label">Dewpoint:</div>
<div class="dewpoint value"></div>
</div>
<div class="row">
<div class="label">Ceiling:</div>
<div class="ceiling value"></div>
</div>
<div class="row">
<div class="label">Visibility:</div>
<div class="visibility value"></div>
</div>
<div class="row">
<div class="label">Pressure:</div>
<div class="pressure value"></div>
</div>
<div class="row">
<div class="heat-index-label label"></div>
<div class="heat-index value"></div>
</div>
</div>
</div>
</div>