From ff819463486374cf4f18644cea0301a7dbdfbcc3 Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Sun, 16 Jun 2024 16:12:23 -0500
Subject: [PATCH] web: load placeholder text for weather

---
 tempest.html | 14 +++++++-------
 web.md       | 16 ++++++++--------
 2 files changed, 15 insertions(+), 15 deletions(-)
diff --git a/tempest.html b/tempest.html
index 0cd099a..4597cb6 100644
--- a/tempest.html
+++ b/tempest.html
@@ -135,12 +135,12 @@
   <body>
     <h1>Local Weather</h1>
     <ul>
-      <li>Conditions: <i class='fa-solid fa-cloud-sun-rain'></i><span id="conditions"></span></li>
-      <li>Temperature: <i class='fa-solid fa-temperature-half'></i> <span id="temp"></span></li>
-      <li>Humidity: <span id="humidity"></span></li>
-      <li>Wind: <span id="wind"></span></li>
-      <li>Precipitation: <i class='fa-solid fa-droplet-slash'></i><span id="rainToday"></span></li>
-      <li>Pressure: <i class='fa-solid fa-arrow-right-long'></i><span id="pressure"></span></li>
-      <li><i>Last Update: <span id="time"></span></i></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">Loading...</span></li>
+      <li>Humidity: <span id="humidity">Loading...</span></li>
+      <li>Wind: <span id="wind">Loading...</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">Loading...</span></li>
+      <li><i>Last Update: <span id="time">Loading...</span></i></li>
   </body>
 </html>
\ No newline at end of file
diff --git a/web.md b/web.md
index 3202e80..2dc728a 100644
--- a/web.md
+++ b/web.md
@@ -48,13 +48,14 @@
   - PGP: {pgp-key}
 
 # /proc/wx
-- <span id="conditions"></span> {cloud-sun-rain}
-- <span id="temp"></span> {temperature-half}
-- <span id="humidity"></span> {droplet}
-- <span id="wind"></span> {wind}
-- <span id="rainToday"></span> {droplet-slash}
-- <span id="pressure"></span> {arrow-right-long}
-- <i>as of <span id="time"></span></i> {clock}
+- <span id="conditions">developing...</span> {cloud-sun-rain}
+- <span id="temp">developing...</span> {temperature-half}
+- <span id="humidity">developing...</span> {droplet}
+- <span id="wind">developing...</span> {wind}
+- <span id="rainToday">developing...</span> {droplet-slash}
+- <span id="pressure">developing...</span> {arrow-right-long}
+- <i>as of <span id="time">recently</span></i> {clock}
+
 
 
 
@@ -62,4 +63,3 @@
 
 
 
-
