Mercurial > personal > weather-server

view weather_server/templates/location.html @ 19:47987502bf4c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add graph, make it public, and bump the version. This checks in the tsc-compiled JS files because idklol.
author Paul Fisher <paul@pfish.zone>
date Sun, 13 Oct 2019 18:22:06 -0400
parents 9d07dc5c3340
children a7fe635d1c88
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') }}">
    </head>
    <body class="plain">
        <h1><span>{{ location.name }} conditions</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">{{ "{:%H:%M}".format(date) }}</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>