Mercurial > personal > weather-server

view weather_server/templates/location.html @ 33:beedfa8eaa3f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add grid lines to the graph. - Adds time gridlines on the hour and 15 minutes. - Adds temperature gridlines on 10, 5, and 1 degree intervals. - Increases chart range. - Changes from rounding temperature to floor()ing it.
author Paul Fisher <paul@pfish.zone>
date Sat, 12 Jun 2021 20:22:46 +0000
parents 27217790dc04
children e5a03d63b3d9
line wrap: on
line source

<!doctype html>
<html>
    <head>
        <title>{{ location.name }}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link
            rel="stylesheet"
            href="{{ url_for('static', filename='style.css') }}">
        <link
            rel="shortcut icon"
            href="{{ url_for('static', filename='thermometer.png') }}">
        <link rel="manifest" href="/static/manifest.webmanifest">
        </head>
    <body class="location plain">
        <h1><span><a href="{{ url_for('home') }}">Weather</a>: {{ location.name }}</span></h1>
        {% if last_reading %}
            <p class="important" id="temp">
                <span class="key">Temperature</span>
                <span class="value">
                    <span class="pad"> </span>
                    <span class="n">
                        {{- last_reading.temp_f|round|int -}}
                    </span>
                    <span class="unit">&deg;F</span>
                </span>
            </p>
            <p class="important" id="dewpoint">
                <span class="key">Dew point</span>
                <span class="value">
                    <span class="pad"> </span>
                    <span class="n">
                        {{- last_reading.dew_point_f|round|int -}}
                    </span>
                    <span class="unit">&deg;F</span>
                </span>
            </p>
            <p id="timestamp">
                <span>
                    <span class="key">Reported</span>
                    <span class="value">
                        {{- "{date:{fmt}}".format(date=date, fmt=date_format) -}}
                    </span>
                </span>
            </p>
        {% else %}
            <p id="big-question-mark">?</p>
        {% endif %}
        <script src="{{ url_for('static', filename='amd/mad.js') }}"></script>
        <script>new MADRegistry().install(self);</script>
        <script src="{{ url_for('static', filename='graph.js') }}"></script>
        <script>
            require('graph').setUp(
                document.body,
                document.getElementById('temp'),
                document.getElementById('dewpoint'));
        </script>
    </body>
</html>