78 lines
2.1 KiB
Plaintext
78 lines
2.1 KiB
Plaintext
<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> |