Mercurial > personal > weather-server
comparison weather_server/templates/location.html @ 8:d54155a199d8
Improve template; add stylesheet.
author | Paul Fisher <paul@pfish.zone> |
---|---|
date | Sun, 29 Sep 2019 20:32:48 -0400 |
parents | cda47993a193 |
children | 9e6289598d8c |
comparison
equal
deleted
inserted
replaced
7:4c25d5bb3534 | 8:d54155a199d8 |
---|---|
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Weather for {{ location.name }}</title> | 4 <title>{{ location.name }}</title> |
5 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
6 <link | |
7 rel="stylesheet" | |
8 href="{{ url_for('static', filename='style.css') }}"> | |
5 </head> | 9 </head> |
6 <body> | 10 <body> |
11 <h1><span>{{ location.name }} conditions</span></h1> | |
7 {% if last_reading %} | 12 {% if last_reading %} |
8 Temperature: {{ last_reading.temp_f }}<br> | 13 <p class="important" id="temp"> |
9 Dew point: {{ last_reading.dew_point_f }}<br> | 14 <span class="key">Temperature</span> |
10 As of: {{ date }} | 15 <span class="value"> |
16 <span class="pad"> </span> | |
17 <span class="n"> | |
18 {{- last_reading.temp_f|round|int -}} | |
19 </span> | |
20 <span class="unit">°F</span> | |
21 </span> | |
22 </p> | |
23 <p class="important" id="dewpoint"> | |
24 <span class="key">Dew point</span> | |
25 <span class="value"> | |
26 <span class="pad"> </span> | |
27 <span class="n"> | |
28 {{- last_reading.dew_point_f|round|int -}} | |
29 </span> | |
30 <span class="unit">°F</span> | |
31 </span> | |
32 </p> | |
33 <p id="timestamp"> | |
34 <span> | |
35 <span class="key">Reported</span> | |
36 <span class="value">{{ "{:%H:%M}".format(date) }}</span> | |
37 </span> | |
38 </p> | |
11 {% else %} | 39 {% else %} |
12 No weather yet | 40 <p id="big-question-mark">?</p> |
13 {% endif %} | 41 {% endif %} |
14 </body> | 42 </body> |
15 </html> | 43 </html> |