54 lines
1.9 KiB
HTML
54 lines
1.9 KiB
HTML
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
|
|
<div class="page" data-name="weather">
|
|
|
|
<div class="navbar">
|
|
<div class="navbar-bg"></div>
|
|
<div class="navbar-inner">
|
|
<div class="left">
|
|
<a href="#" class="link icon-only back">
|
|
<i class="icon icon-back"></i>
|
|
</a>
|
|
</div>
|
|
<div class="title">Weather</div>
|
|
<div class="right">
|
|
<a class="link" onclick="loadWeather(true)">
|
|
<i class="material-icons">refresh</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-content">
|
|
|
|
<div class="block text-align-center">
|
|
<img id="weathericon" style="width: 60%; max-width: 300px; max-height: 40vh;" src="assets/images/weather-none.svg" class="margin-vertical" />
|
|
|
|
<div class="row">
|
|
<div class="col-50">
|
|
<h2>Low: <span id="lowtemp">...</span></h2>
|
|
</div>
|
|
<div class="col-50">
|
|
<h2>High: <span id="hightemp">...</span></h2>
|
|
</div>
|
|
<div class="col-100">
|
|
<h3>Precipitation: <span id="precipchance">...</span></h3>
|
|
<h3>Wind speed: <span id="windspeed">...</span></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-footer">
|
|
<span id="forecast-location"></span>
|
|
<br />
|
|
<span id="forecast-info"></span>
|
|
<br />
|
|
<a href="" onclick="openExternalBrowser('https://darksky.net/poweredby/')">Powered by Dark Sky</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="assets/js/toolbox_weather.js"></script>
|
|
</div>
|