web: load placeholder text for weather

This commit is contained in:
John Bowdre 2024-06-16 16:12:23 -05:00
parent 1316c0e60d
commit ff81946348
2 changed files with 15 additions and 15 deletions

View file

@ -135,12 +135,12 @@
<body> <body>
<h1>Local Weather</h1> <h1>Local Weather</h1>
<ul> <ul>
<li>Conditions: <i class='fa-solid fa-cloud-sun-rain'></i><span id="conditions"></span></li> <li>Conditions: <i class='fa-solid fa-cloud-sun-rain'></i><span id="conditions">Loading...</span></li>
<li>Temperature: <i class='fa-solid fa-temperature-half'></i> <span id="temp"></span></li> <li>Temperature: <i class='fa-solid fa-temperature-half'></i><span id="temp">Loading...</span></li>
<li>Humidity: <span id="humidity"></span></li> <li>Humidity: <span id="humidity">Loading...</span></li>
<li>Wind: <span id="wind"></span></li> <li>Wind: <span id="wind">Loading...</span></li>
<li>Precipitation: <i class='fa-solid fa-droplet-slash'></i><span id="rainToday"></span></li> <li>Precipitation: <i class='fa-solid fa-droplet-slash'></i><span id="rainToday">Loading...</span></li>
<li>Pressure: <i class='fa-solid fa-arrow-right-long'></i><span id="pressure"></span></li> <li>Pressure: <i class='fa-solid fa-arrow-right-long'></i><span id="pressure">Loading...</span></li>
<li><i>Last Update: <span id="time"></span></i></li> <li><i>Last Update: <span id="time">Loading...</span></i></li>
</body> </body>
</html> </html>

14
web.md
View file

@ -48,13 +48,13 @@
- PGP: {pgp-key} - PGP: {pgp-key}
# /proc/wx # /proc/wx
- <span id="conditions"></span> {cloud-sun-rain} - <span id="conditions">developing...</span> {cloud-sun-rain}
- <span id="temp"></span> {temperature-half} - <span id="temp">developing...</span> {temperature-half}
- <span id="humidity"></span> {droplet} - <span id="humidity">developing...</span> {droplet}
- <span id="wind"></span> {wind} - <span id="wind">developing...</span> {wind}
- <span id="rainToday"></span> {droplet-slash} - <span id="rainToday">developing...</span> {droplet-slash}
- <span id="pressure"></span> {arrow-right-long} - <span id="pressure">developing...</span> {arrow-right-long}
- <i>as of <span id="time"></span></i> {clock} - <i>as of <span id="time">recently</span></i> {clock}