minimal/dashboard
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

work on weather services; outbound http request caching; styles updates and icons

Browse Source
This commit is contained in:
James Brumond
2023-08-12 19:19:20 -07:00
parent 7c205632cb
commit 85d72b43d2
55 changed files with 2593 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
templates/weather.gov/forecast.html.mustache Normal file
View File

@@ -0,0 +1,78 @@
<section data-widget="weather-gov-forecast" title="Weather Forecast for {{ location.name }}">
<link rel="stylesheet" href="/weather.gov/styles.css">
<div class="flex-row">
<div class="today">
{{# forecast_today }}
<div class="{{# isDaytime }}day{{/ isDaytime }}{{^ isDaytime }}night{{/ isDaytime }}">
<h2>{{ name }}</h2>
<p class="condition">{{ shortForecast }}</p>
<p class="temp">
{{{ icons.thermometer }}}
<span>{{ temperature }}<sup>{{ temperatureUnit }}</sup></span>
</p>
<p class="wind">
{{{ icons.wind }}}
<span>{{ windSpeed }} <!-- / {{ windDirection }} --></span>
</p>
</div>
{{/ forecast_today }}
</div>
<table class="future">
<tr class="day">
{{# forecast_days }}
<td>
{{# . }}
<h3>{{ name }}</h3>
<p class="condition">{{ shortForecast }}</p>
<p class="temp">
{{{ icons.thermometer }}}
<span>{{ temperature }}<sup>{{ temperatureUnit }}</sup></span>
</p>
<p class="wind">
{{{ icons.wind }}}
<span>{{ windSpeed }} <!-- / {{ windDirection }} --></span>
</p>
{{/ . }}
</td>
{{/ forecast_days }}
</tr>
<tr class="night">
{{# forecast_nights }}
<td>
{{# . }}
<h3>{{ name }}</h3>
<p class="condition">{{ shortForecast }}</p>
<p class="temp">
{{{ icons.thermometer }}}
<span>{{ temperature }}<sup>{{ temperatureUnit }}</sup></span>
</p>
<p class="wind">
{{{ icons.wind }}}
<span>{{ windSpeed }} <!-- / {{ windDirection }} --></span>
</p>
{{/ . }}
</td>
{{/ forecast_nights }}
</tr>
</table>
</div>
{{# alerts.length }}
<ul class="alerts" title="Alerts">
{{# alerts }}
<li>
<h2>{{ event }}</h2>
<p class="headline">{{ headline }}</p>
<p class="description">{{ description }}</p>
<p class="instruction">{{ instruction }}</p>
</li>
{{/ alerts }}
</ul>
{{/ alerts.length }}
<p class="powered-by">
Powered by <a href="https://www.weather.gov/documentation/services-web-api" rel="external nofollow noreferrer">weather.gov</a>
</p>
</section>