forked from wezm/wezm.net
Small layout tweaks to the weather page
This commit is contained in:
parent
017085565b
commit
703c05e9a5
2 changed files with 6 additions and 4 deletions
|
@ -432,6 +432,9 @@ body.weather
|
||||||
.current
|
.current
|
||||||
font-size: 36px
|
font-size: 36px
|
||||||
|
|
||||||
|
time
|
||||||
|
font-size: smaller
|
||||||
|
|
||||||
figure.forecast
|
figure.forecast
|
||||||
margin: 0 1em 1em 0
|
margin: 0 1em 1em 0
|
||||||
width: 48px
|
width: 48px
|
||||||
|
|
|
@ -1,17 +1,15 @@
|
||||||
<p><strong>Note:</strong> The times on this page are currently wrong.</p>
|
|
||||||
|
|
||||||
<section class="temperature">
|
<section class="temperature">
|
||||||
<h2>Temperature</h2>
|
<h2>Temperature</h2>
|
||||||
|
|
||||||
<div class="loading"><img src="/images/spinner.gif" width="64" height="64" alt="Loading" /> Loading</div>
|
<div class="loading"><img src="/images/spinner.gif" width="64" height="64" alt="Loading" /> Loading</div>
|
||||||
|
|
||||||
<section class="extremes"></section>
|
|
||||||
|
|
||||||
<div class="temperature">
|
<div class="temperature">
|
||||||
<h3>History</h3>
|
<h3>History</h3>
|
||||||
<button id="today">Today</button>
|
<button id="today">Today</button>
|
||||||
<div class="chart"></div>
|
<div class="chart"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<section class="extremes"></section>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="rain">
|
<section class="rain">
|
||||||
|
@ -38,6 +36,7 @@
|
||||||
|
|
||||||
<div class="temperature">
|
<div class="temperature">
|
||||||
<div class="current temperature">{{temperature}}°C</div>
|
<div class="current temperature">{{temperature}}°C</div>
|
||||||
|
<time datetime="{{isoDate timestamp}}">{{datetime timestamp}}</time>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue