TemperatureDisplay

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Temperature Display</title>
        <link rel="stylesheet" href="/css" />
        <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    </head>
    <body class="main">
        <a href="/settings">
            <!-- prettier-ignore -->
            <svg class="settings-icon" version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
                <path d="m22.8 9.3h-2.3c-0.3 0-0.6-0.2-0.8-0.5-0.1-0.3 0-0.7 0.2-0.9l1.6-1.6q0.4-0.4 0.4-0.9 0-0.5-0.4-0.9l-2-2c-0.5-0.5-1.3-0.5-1.8 0l-1.6 1.6c-0.2 0.2-0.6 0.3-0.9 0.2-0.3-0.2-0.5-0.5-0.5-0.8v-2.3c0-0.6-0.6-1.2-1.3-1.2h-2.8c-0.7 0-1.3 0.6-1.3 1.2v2.3c0 0.3-0.2 0.6-0.5 0.8-0.3 0.1-0.7 0-0.9-0.2l-1.6-1.6c-0.5-0.5-1.3-0.5-1.8 0l-2 2q-0.4 0.4-0.4 0.9 0 0.5 0.4 0.9l1.6 1.6c0.2 0.2 0.3 0.6 0.2 0.9-0.2 0.3-0.5 0.5-0.8 0.5h-2.3c-0.6 0-1.2 0.6-1.2 1.3v2.8c0 0.7 0.6 1.3 1.2 1.3h2.3c0.3 0 0.6 0.2 0.8 0.5 0.1 0.3 0 0.7-0.2 0.9l-1.6 1.6q-0.4 0.4-0.4 0.9 0 0.5 0.4 0.9l2 2c0.5 0.5 1.3 0.5 1.8 0l1.6-1.6c0.2-0.2 0.6-0.3 0.9-0.2 0.3 0.2 0.5 0.5 0.5 0.8v2.3c0 0.6 0.6 1.2 1.3 1.2h2.8c0.7 0 1.3-0.6 1.3-1.2v-2.3c0-0.3 0.2-0.6 0.5-0.8 0.3-0.1 0.7 0 0.9 0.2l1.6 1.6c0.5 0.5 1.3 0.5 1.8 0l2-2q0.4-0.4 0.4-0.9 0-0.5-0.4-0.9l-1.6-1.6c-0.2-0.2-0.3-0.6-0.2-0.9 0.2-0.3 0.5-0.5 0.8-0.5h2.3c0.6 0 1.2-0.6 1.2-1.3v-2.8c0-0.7-0.6-1.3-1.2-1.3zm0.3 4.1c0 0.2-0.1 0.4-0.3 0.4h-2.3c-0.7 0-1.3 0.4-1.6 1.1-0.3 0.6-0.1 1.4 0.4 1.9l1.6 1.6c0.1 0.1 0.1 0.3 0 0.4l-2.1 2.1c-0.1 0.1-0.3 0.1-0.4 0l-1.6-1.6c-0.5-0.5-1.3-0.7-1.9-0.4-0.7 0.3-1.1 0.9-1.1 1.6v2.3c0 0.2-0.2 0.3-0.4 0.3h-2.8c-0.2 0-0.4-0.1-0.4-0.3v-2.3c0-0.7-0.4-1.3-1.1-1.6q-0.3-0.1-0.6-0.1c-0.5 0-0.9 0.1-1.3 0.5l-1.6 1.6c-0.1 0.1-0.3 0.1-0.4 0l-2.1-2.1c-0.1-0.1-0.1-0.3 0-0.4l1.6-1.6c0.5-0.5 0.7-1.3 0.4-1.9-0.3-0.7-0.9-1.1-1.6-1.1h-2.3c-0.2 0-0.3-0.2-0.3-0.4v-2.8c0-0.2 0.1-0.4 0.3-0.4h2.3c0.7 0 1.3-0.4 1.6-1.1 0.3-0.6 0.1-1.4-0.4-1.9l-1.6-1.6c-0.1-0.1-0.1-0.3 0-0.4l2.1-2.1c0.1-0.1 0.3-0.1 0.4 0l1.6 1.6c0.5 0.5 1.3 0.7 1.9 0.4 0.7-0.3 1.1-0.9 1.1-1.6v-2.3c0-0.2 0.2-0.3 0.4-0.3h2.8c0.2 0 0.4 0.1 0.4 0.3v2.3c0 0.7 0.4 1.3 1.1 1.6 0.6 0.3 1.4 0.1 1.9-0.4l1.6-1.6c0.1-0.1 0.3-0.1 0.4 0l2.1 2.1c0.1 0.1 0.1 0.3 0 0.4l-1.6 1.6c-0.5 0.5-0.7 1.3-0.4 1.9 0.3 0.7 0.9 1.1 1.6 1.1h2.3c0.2 0 0.3 0.2 0.3 0.4z" />
                <path d="m12 8c-2.2 0-4 1.8-4 4 0 2.2 1.8 4 4 4 2.2 0 4-1.8 4-4 0-2.2-1.8-4-4-4zm0 7.1c-1.7 0-3.1-1.4-3.1-3.1 0-1.7 1.4-3.1 3.1-3.1 1.7 0 3.1 1.4 3.1 3.1 0 1.7-1.4 3.1-3.1 3.1z" />
            </svg>
        </a>
        <div class="container">
            <h2 id="devicename">Please wait&hellip;</h2>
            <div id="temperature">--°</div>
            <div id="humidity">--% RH</div>
            <div id="rssi">RSSI: --</div>
        </div>

        <script src="/js"></script>
        <script>
            document.addEventListener('DOMContentLoaded', () => {
                updateUI();
            });
        </script>
    </body>
</html>