From 5541cb374db7e2f0443343fc3e8409c474a271f0 Mon Sep 17 00:00:00 2001
From: Hyde <108911977+Hyaxon@users.noreply.github.com>
Date: Thu, 24 Sep 2026 20:11:35 -0500
Subject: [PATCH 1/3] added sample weather widget based on design

---
 .../pixel/widgets/weather-placeholder.svg     |   6 +
 src/components/ui/widgets/WeatherWidget.astro | 192 ++++++++++++++++++
 src/pages/index.astro                         |   4 +-
 3 files changed, 201 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/pixel/widgets/weather-placeholder.svg
 create mode 100644 src/components/ui/widgets/WeatherWidget.astro

diff --git a/src/assets/pixel/widgets/weather-placeholder.svg b/src/assets/pixel/widgets/weather-placeholder.svg
new file mode 100644
index 0000000..dba4ba6
--- /dev/null
+++ b/src/assets/pixel/widgets/weather-placeholder.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" shape-rendering="crispEdges">
+  <g fill="none" stroke="#fff" stroke-width="2" stroke-linecap="square">
+    <path d="M16 2v28M2 16h28M6 6l20 20M6 26L26 6"/>
+    <path d="M12 3l4 4 4-4M12 29l4-4 4 4M3 12l4 4-4 4M29 12l-4 4 4 4M6 11h5V6M21 6v5h5M6 21h5v5M21 26v-5h5"/>
+  </g>
+</svg>
diff --git a/src/components/ui/widgets/WeatherWidget.astro b/src/components/ui/widgets/WeatherWidget.astro
new file mode 100644
index 0000000..c9af3cb
--- /dev/null
+++ b/src/components/ui/widgets/WeatherWidget.astro
@@ -0,0 +1,192 @@
+---
+import placeholder from "../../../assets/pixel/widgets/weather-placeholder.svg";
+
+interface Props {
+  weather: {
+    city: string;
+    timezone: string;
+    observedAt: string;
+    condition: string;
+    temperature: number;
+    high: number;
+    low: number;
+    humidity: number | null;
+    uvIndex: number | null;
+    airQuality: string | null;
+  };
+  iconSrc?: string;
+  preview?: boolean;
+}
+
+const { weather, iconSrc = placeholder.src, preview = false } = Astro.props;
+const observedAt = new Date(weather.observedAt);
+const time = new Intl.DateTimeFormat("en-US", {
+  timeZone: weather.timezone,
+  hour: "numeric",
+  minute: "2-digit",
+  hour12: true,
+})
+  .format(observedAt)
+  .replace(/\s/g, "");
+const fullTime = new Intl.DateTimeFormat("en-US", {
+  timeZone: weather.timezone,
+  dateStyle: "medium",
+  timeStyle: "short",
+}).format(observedAt);
+---
+
+<div class="weather-widget" aria-label={`Weather in ${weather.city}`}>
+  <div class="weather-widget__layout">
+    <div class="weather-widget__condition">
+      <img src={iconSrc} width="32" height="32" alt="" />
+      <p>{weather.condition}</p>
+    </div>
+
+    <div class="weather-widget__summary">
+      <p class="weather-widget__city">{weather.city}</p>
+      <time
+        datetime={weather.observedAt}
+        title={`Conditions as of ${fullTime}`}
+      >
+        <span class="sr-only">Conditions as of </span>
+        {time}
+      </time>
+      <p
+        class="weather-widget__temperature"
+        aria-label={`${Math.round(weather.temperature)} degrees Fahrenheit`}
+      >
+        {Math.round(weather.temperature)}°F
+      </p>
+      <p class="weather-widget__range">
+        <span>Hi: {Math.round(weather.high)}</span>
+        <span>Lo: {Math.round(weather.low)}</span>
+      </p>
+    </div>
+
+    <dl class="weather-widget__details">
+      <div>
+        <dt>Humidity:</dt>
+        <dd>
+          {weather.humidity === null ? "—" : `${Math.round(weather.humidity)}%`}
+        </dd>
+      </div>
+      <div>
+        <dt>UV Index:</dt>
+        <dd>{weather.uvIndex === null ? "—" : weather.uvIndex}</dd>
+      </div>
+      <div>
+        <dt>
+          <abbr title="Air quality index">AQI</abbr>:
+        </dt>
+        <dd>{weather.airQuality ?? "—"}</dd>
+      </div>
+    </dl>
+  </div>
+  {preview && (
+    <p class="weather-widget__preview">Sample weather · Design preview</p>
+  )}
+</div>
+
+<style>
+  .weather-widget {
+    container-type: inline-size;
+    font-size: 1rem;
+    line-height: 1.4;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .weather-widget__layout {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    align-items: center;
+    gap: var(--space-6);
+  }
+
+  p,
+  dl,
+  dd {
+    margin: 0;
+  }
+
+  .weather-widget__condition {
+    display: grid;
+    justify-items: center;
+    gap: var(--space-2);
+  }
+
+  .weather-widget__condition img {
+    width: 96px;
+    height: 96px;
+    image-rendering: pixelated;
+  }
+
+  .weather-widget__city {
+    color: #fff;
+  }
+
+  .weather-widget__summary time {
+    color: var(--color-text);
+  }
+
+  .weather-widget__temperature {
+    margin-block: var(--space-2);
+    font-size: 2.75rem;
+    line-height: 1;
+    white-space: nowrap;
+  }
+
+  .weather-widget__range {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--space-2);
+    color: var(--color-text-muted);
+  }
+
+  .weather-widget__details {
+    display: grid;
+    gap: 0;
+  }
+
+  .weather-widget__details div {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--space-4);
+  }
+
+  .weather-widget__details dd {
+    text-align: right;
+  }
+  abbr {
+    text-decoration: none;
+  }
+
+  .weather-widget__preview {
+    margin-top: var(--space-3);
+    color: var(--color-text-muted);
+    font-size: 0.75rem;
+  }
+
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  @container (max-width: 27rem) {
+    .weather-widget__layout {
+      grid-template-columns: auto minmax(0, 1fr);
+      gap: var(--space-4);
+    }
+    .weather-widget__condition img {
+      width: 64px;
+      height: 64px;
+    }
+    .weather-widget__details {
+      grid-column: 1 / -1;
+    }
+  }
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ab7e537..b79733b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,8 @@
 ---
 import BaseLayout from "../layouts/BaseLayout.astro";
 import ClockWidget from "../components/ui/widgets/ClockWidget.astro";
+import WeatherWidget from "../components/ui/widgets/WeatherWidget.astro";
+import { weatherPreview } from "../data/widgets";
 
 import ItemBox from "../components/ui/ItemBox.astro";
 import ItemList from "../components/ui/ItemList.astro";
@@ -143,7 +145,7 @@ const homepageProjects = await getHomepageProjects(6);
 
         <section class="weather">
           <ItemBox>
-            <p>Weather</p>
+            <WeatherWidget weather={weatherPreview} preview />
           </ItemBox>
         </section>
 

From 6508febd6ad52e660988a0e94b92517427016e51 Mon Sep 17 00:00:00 2001
From: Hyde <108911977+Hyaxon@users.noreply.github.com>
Date: Thu, 24 Sep 2026 20:36:19 -0500
Subject: [PATCH 2/3] added weather api info card and attribution

---
 src/assets/pixel/info.png                     | Bin 0 -> 487 bytes
 src/components/ui/widgets/WeatherWidget.astro | 191 +++++++++++++++++-
 src/pages/index.astro                         |   2 +-
 3 files changed, 181 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/pixel/info.png

diff --git a/src/assets/pixel/info.png b/src/assets/pixel/info.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e6c075275236348b61a92636bef2c865ba44279
GIT binary patch
literal 487
zcmV<D0T}*?P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0004;Nkl<ZcmYh4
z2^QQi2tx(A|B)m0i*#P=2{r~HmSk4{t;Dg-;W&xyI4m~Xu^qNdW9D`pfsG@MB0c-e
zBJ7-t%*^sE`twX<U$8cKZj02WIn*<m=*4Njmkl-M7nA}AlAUL!*+{sr^OaOD#`F$}
zRB9wSt#<<!7~O&*2`xnXv=G2JQem5&sVwa*<*V)zHytNlc49R!5%k*+r{Rb3o*NBX
zL<IJr_W=XhHn0xi8cFk|#nhW_nQ^r8hK7XI&kJg4v3G#YbP$ykgHRNPa$qjcUOqGs
z1S=yf5|--fYJ#2}mKoYFK?^H=?M-#0Yzz@NOjDMsAL{Q70~(1(oS*1cVU-OjDTq>g
zJ)f$DfI*s3VD7A^`hd%A|62I$H41!BD0XIfjnh8#t$L1!tz+0=e}BE!qJv-^@$n_$
z6_mXeTo|h1Goholhnc5=nC@khagGcFrJky<2@W2{NJzhEhFA@!UtXB|R}eAGM6mPC
z(*|&Yblj!{8ypD-fgl1lL$5&e0)QzeEg$fwJGLoFdLCGZ8Wa5i0096091Rmr00006
dNkl<Z0|04#8Ubrh;;8@t002ovPDHLkV1lT5%?1Df

literal 0
HcmV?d00001

diff --git a/src/components/ui/widgets/WeatherWidget.astro b/src/components/ui/widgets/WeatherWidget.astro
index c9af3cb..62a0faa 100644
--- a/src/components/ui/widgets/WeatherWidget.astro
+++ b/src/components/ui/widgets/WeatherWidget.astro
@@ -1,5 +1,6 @@
 ---
 import placeholder from "../../../assets/pixel/widgets/weather-placeholder.svg";
+import info from "../../../assets/pixel/info.png";
 
 interface Props {
   weather: {
@@ -15,10 +16,9 @@ interface Props {
     airQuality: string | null;
   };
   iconSrc?: string;
-  preview?: boolean;
 }
 
-const { weather, iconSrc = placeholder.src, preview = false } = Astro.props;
+const { weather, iconSrc = placeholder.src } = Astro.props;
 const observedAt = new Date(weather.observedAt);
 const time = new Intl.DateTimeFormat("en-US", {
   timeZone: weather.timezone,
@@ -36,6 +36,33 @@ const fullTime = new Intl.DateTimeFormat("en-US", {
 ---
 
 <div class="weather-widget" aria-label={`Weather in ${weather.city}`}>
+  <weather-attribution class="weather-widget__attribution">
+    <details>
+      <summary aria-label="Weather data attribution">
+        <span
+          style={{ "--info-icon": `url("${info.src}")` }}
+          aria-hidden="true"
+        />
+      </summary>
+      <div class="weather-widget__attribution-card">
+        <p class="weather-widget__attribution-title">Weather data</p>
+        <p>
+          Weather by <a href="https://open-meteo.com/">Open-Meteo</a>.
+        </p>
+        <p>
+          Air quality by <a href="https://atmosphere.copernicus.eu/">CAMS</a>,
+          via Open-Meteo.
+        </p>
+        <p>
+          Data licensed under{" "}
+          <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
+          Values rounded and conditions formatted for display.
+        </p>
+
+        <p>Weather data refreshes hourly.</p>
+      </div>
+    </details>
+  </weather-attribution>
   <div class="weather-widget__layout">
     <div class="weather-widget__condition">
       <img src={iconSrc} width="32" height="32" alt="" />
@@ -82,13 +109,161 @@ const fullTime = new Intl.DateTimeFormat("en-US", {
       </div>
     </dl>
   </div>
-  {preview && (
-    <p class="weather-widget__preview">Sample weather · Design preview</p>
-  )}
 </div>
 
+<script>
+  class WeatherAttribution extends HTMLElement {
+    private cleanup?: AbortController;
+
+    connectedCallback() {
+      this.cleanup?.abort();
+      this.cleanup = new AbortController();
+      const { signal } = this.cleanup;
+      const details = this.querySelector("details");
+      if (!details) return;
+
+      this.addEventListener(
+        "pointerenter",
+        (event) => {
+          if (event.pointerType === "mouse") details.open = true;
+        },
+        { signal },
+      );
+      this.addEventListener(
+        "pointerleave",
+        () => {
+          if (!this.contains(document.activeElement)) details.open = false;
+        },
+        { signal },
+      );
+      this.addEventListener(
+        "focusin",
+        (event) => {
+          if (
+            event.target instanceof Element &&
+            event.target.matches(":focus-visible")
+          ) {
+            details.open = true;
+          }
+        },
+        { signal },
+      );
+      this.addEventListener(
+        "focusout",
+        (event) => {
+          if (
+            !(event.relatedTarget instanceof Node) ||
+            !this.contains(event.relatedTarget)
+          ) {
+            details.open = false;
+          }
+        },
+        { signal },
+      );
+      this.addEventListener(
+        "keydown",
+        (event) => {
+          if (event.key === "Escape") {
+            details.querySelector("summary")?.focus();
+            details.open = false;
+          }
+        },
+        { signal },
+      );
+      document.addEventListener(
+        "pointerdown",
+        (event) => {
+          if (event.target instanceof Node && !this.contains(event.target))
+            details.open = false;
+        },
+        { signal },
+      );
+    }
+
+    disconnectedCallback() {
+      this.cleanup?.abort();
+    }
+  }
+
+  if (!customElements.get("weather-attribution")) {
+    customElements.define("weather-attribution", WeatherAttribution);
+  }
+</script>
+
 <style>
+  .weather-widget__attribution {
+    position: absolute;
+    top: -16px;
+    right: -16px;
+    z-index: 2;
+  }
+
+  .weather-widget__attribution summary {
+    display: grid;
+    place-items: center;
+    width: 32px;
+    height: 32px;
+    list-style: none;
+    cursor: pointer;
+    color: var(--color-text-muted);
+    transition: color var(--duration-fast) var(--ease-standard);
+  }
+
+  .weather-widget__attribution summary::-webkit-details-marker {
+    display: none;
+  }
+  .weather-widget__attribution summary span {
+    width: 16px;
+    height: 16px;
+    background: currentColor;
+    mask: var(--info-icon) center / contain no-repeat;
+    image-rendering: pixelated;
+  }
+
+  .weather-widget__attribution summary:hover,
+  .weather-widget__attribution summary:focus-visible,
+  .weather-widget__attribution details[open] summary {
+    color: var(--color-text);
+  }
+
+  .weather-widget__attribution summary:focus-visible,
+  .weather-widget__attribution-card a:focus-visible {
+    outline: 2px solid var(--color-text);
+    outline-offset: 2px;
+  }
+
+  .weather-widget__attribution-card {
+    position: absolute;
+    top: 100%;
+    right: 0;
+    width: min(18rem, calc(100vw - 3rem));
+    padding: var(--space-4);
+    border: var(--border-width) solid var(--color-border);
+    background: var(--color-panel);
+    box-shadow: 0 4px 12px #0006;
+    font-size: 0.75rem;
+    line-height: 1.6;
+  }
+
+  .weather-widget__attribution-card p + p {
+    margin-top: var(--space-2);
+  }
+  .weather-widget__attribution-title {
+    color: #fff;
+  }
+  .weather-widget__attribution-card a {
+    color: var(--color-text-muted);
+  }
+  .weather-widget__attribution-card a {
+    text-underline-offset: 0.2em;
+  }
+  .weather-widget__attribution-card a:hover,
+  .weather-widget__attribution-card a:focus-visible {
+    color: var(--color-text);
+  }
+
   .weather-widget {
+    position: relative;
     container-type: inline-size;
     font-size: 1rem;
     line-height: 1.4;
@@ -160,12 +335,6 @@ const fullTime = new Intl.DateTimeFormat("en-US", {
     text-decoration: none;
   }
 
-  .weather-widget__preview {
-    margin-top: var(--space-3);
-    color: var(--color-text-muted);
-    font-size: 0.75rem;
-  }
-
   .sr-only {
     position: absolute;
     width: 1px;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b79733b..9586ba3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -145,7 +145,7 @@ const homepageProjects = await getHomepageProjects(6);
 
         <section class="weather">
           <ItemBox>
-            <WeatherWidget weather={weatherPreview} preview />
+            <WeatherWidget weather={weatherPreview} />
           </ItemBox>
         </section>
 

From 831c70a51c760c546f5b94c10435c87f777643a0 Mon Sep 17 00:00:00 2001
From: Hyde <108911977+Hyaxon@users.noreply.github.com>
Date: Fri, 25 Sep 2026 11:50:05 -0500
Subject: [PATCH 3/3] completed weather widget with live weather data
 integration

---
 .gitignore                                    |   2 +
 .../pixel/widgets/weather/clear-night.png     | Bin 0 -> 1188 bytes
 src/assets/pixel/widgets/weather/clear.png    | Bin 0 -> 1070 bytes
 src/assets/pixel/widgets/weather/cloudy.png   | Bin 0 -> 1011 bytes
 src/assets/pixel/widgets/weather/foggy.png    | Bin 0 -> 1068 bytes
 .../pixel/widgets/weather/freezing-rain.png   | Bin 0 -> 1026 bytes
 src/assets/pixel/widgets/weather/hail.png     | Bin 0 -> 1051 bytes
 .../pixel/widgets/weather/mostly-clear.png    | Bin 0 -> 1126 bytes
 .../pixel/widgets/weather/party-cloudy.png    | Bin 0 -> 1069 bytes
 src/assets/pixel/widgets/weather/raining.png  | Bin 0 -> 1050 bytes
 .../pixel/widgets/weather/snow-showers.png    | Bin 0 -> 1108 bytes
 src/assets/pixel/widgets/weather/snowing.png  | Bin 0 -> 1290 bytes
 src/components/ui/widgets/ClockWidget.astro   |   5 +-
 src/components/ui/widgets/WeatherWidget.astro | 254 +++++++++++++-----
 src/data/location.ts                          |   9 +
 src/data/widgets.ts                           |  23 ++
 src/lib/client/weather-display.ts             |  96 +++++++
 src/lib/client/weather-store.ts               | 181 +++++++++++++
 src/lib/client/weather.ts                     | 163 +++++++++++
 src/pages/index.astro                         |   5 +-
 tests/weather-display.test.ts                 |  13 +
 tests/weather-store.test.ts                   | 150 +++++++++++
 tests/weather.test.ts                         |  98 +++++++
 23 files changed, 932 insertions(+), 67 deletions(-)
 create mode 100644 src/assets/pixel/widgets/weather/clear-night.png
 create mode 100644 src/assets/pixel/widgets/weather/clear.png
 create mode 100644 src/assets/pixel/widgets/weather/cloudy.png
 create mode 100644 src/assets/pixel/widgets/weather/foggy.png
 create mode 100644 src/assets/pixel/widgets/weather/freezing-rain.png
 create mode 100644 src/assets/pixel/widgets/weather/hail.png
 create mode 100644 src/assets/pixel/widgets/weather/mostly-clear.png
 create mode 100644 src/assets/pixel/widgets/weather/party-cloudy.png
 create mode 100644 src/assets/pixel/widgets/weather/raining.png
 create mode 100644 src/assets/pixel/widgets/weather/snow-showers.png
 create mode 100644 src/assets/pixel/widgets/weather/snowing.png
 create mode 100644 src/data/location.ts
 create mode 100644 src/data/widgets.ts
 create mode 100644 src/lib/client/weather-display.ts
 create mode 100644 src/lib/client/weather-store.ts
 create mode 100644 src/lib/client/weather.ts
 create mode 100644 tests/weather-display.test.ts
 create mode 100644 tests/weather-store.test.ts
 create mode 100644 tests/weather.test.ts

diff --git a/.gitignore b/.gitignore
index 76a4d86..172bb7d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,5 @@ pnpm-debug.log*
 .wrangler/
 .dev.vars*
 !.dev.vars.example
+
+notes/
\ No newline at end of file
diff --git a/src/assets/pixel/widgets/weather/clear-night.png b/src/assets/pixel/widgets/weather/clear-night.png
new file mode 100644
index 0000000000000000000000000000000000000000..e593ead10ebeb18fbcae16bc5229076d30b47c48
GIT binary patch
literal 1188
zcmV;V1Y7%wP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000D8Nkl<Zcma%-
zftuSe2!o+}|3_ZgFJu!Z?QQdii4X#lr0v}+{;{(2c&s6=-X*JEgAGVy7M~vSVa|$t
z3_$`@qBpo2RMhW268Elrr7U|5{?#O-v<6qZwp)BSXGK4TAb}~-8@!vIr*>{T1~o(s
zU?yg>-?h-+ZPj{+6+{dOE!_?G*G(0B-!<X0of>b_qr6gmCIy%dmIXsVtsvA<p{m%N
zPDItsMjWM22Dgh{<e@!_tJk}9pY_l%#7Qv*9d)?2w9e8FQ>?AC)id>uxLu69r4T!0
zx}_dey`;(fm8w;b2$Y!mGejH<mdGA3h7_9+pr)Zl;gt*&6rQp@s1(DWU||nIaSIt!
zQ#-dvCA3#q(lCKFO6;AXS{}xv25bq>hFP;%n@WI(0Kk`;0GH81iWO16&`FvygPzbB
z@E6lLI&Vv6h)rDA4E;8IZ91e6c8$qT#@SDg(k1$KTpz|QbgqKWQP!R0k@J<~hilWi
zZVhj$cvCLNZ(f?`PTq_3(#(^fW^_tKoJ=q&yNxWVdG}z^#beXe8xolYDo!#d53kGK
zXaqe30j4;vvth6)17M+*tbG7y$oM?LV9K96*BzUqp#h$57$9E7LbpOLrw+x00Ia|F
z&}}+^c~nkeQ_G<|7zy5-(+0qRZwAj4_LG<bidUP6A>&+0#~_8B^k1-*JS67D^LGFb
z&Qu>2G6V->3O;tm(gEUF=&^%X@RW_ffLjOHtVT>I%n$@Z9~*^@3;;hy2{xe~X=vP2
zb_n#LNmc>ku_R-N2RotC6WjrZVa*jwkGFKdS+WGh;th5t`OXurOqaLw5H0CAV(^DH
zW{oC-8%#CU_4-wfUXqDtzHU|k4J7{f&g;jDJmy5#E@x)EfpZVN4szn|kwIkWV7;<r
zY0%A+R2V!-|9PE+0eL_k^AbXiIYclF;A@Byo`djc#`u?!$@sD)uLBVYD~t&-m<b1%
z$J<UG<_y1->vaS?N*h=u3_-ktkOCaNly30<ZfYqx%4@Am{_b%13Q_c9R!I-RtLk5_
zX2~kS<p;aE7az3mqN{^6oGojz0S9hg-58>CF&-9kZ%7Pm55SD&la3IVO(6h5v06iT
zi9QiSSfLM2J@1SZMiri>01P}Ha9FV>M21Z`01_F0H(t|`AtoI>rT)$jGcp*8@z_aT
zVQ~XzeX(8;DB5;8G6u+7lNrJyat2-4Ut**7Wczw^OP{<N&Rqv&Buk&cn^r-}U0dM{
zVY-4|{UKFDbMlhvs$CIh7<*+T%Mls_d`4gzsCW!Wh+>wM9^yuae!-+YUX7&3cgG=(
zlD!RbLI9>8qT)X;nO;qDhg*GKJp}b9xv?gxUhf|i&>Xh)dVLPzG5!_BM{ssV{JcDb
zE5E9;mw#m5J<#uNJYpi3+w0(#;eNV%EAg26cnG1rS7L|zs=IMh{?>4Sjj=EvY;R3Z
zo}aB?Fy^K$9wUrD00030|2fhHX#fBK21!IgR09C2!)8cK{lAp}0000<MNUMnLSTY0
CO%Y=N

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/clear.png b/src/assets/pixel/widgets/weather/clear.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f18cfde6861d7953fea96c97022e2e8f727e619
GIT binary patch
literal 1070
zcmV+}1kwA6P)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000ByNkl<Zcmb4^
zjh3B22!om1_kZN>^b0}6pWdF%i5Nl{(e=8Y&{_&FN9#>)rWN~VZ;N;gr~eTdf=;#}
zKHJcr;;C#VP{tfM4drjg>;7eA2%1S8A>i3Cs~CVi=nya!IIsvYaGJbChOjz&zBSk#
zVb87WmLA@JoqGsxihXWG`W^0a#MuP?1@}wz5Z%K@JJ$~^;@%Krt@Yu}jQF+IN|^|f
z-a~F#?@(?$3=DB=BejYB=^Wmo7>en{9Ls((2!McL<Ju)70;(4<MAcKa<Fl3tn&13R
zQS5J}38e|!g8N9Ouvqmn*;%~|;oK1`5XWB@WhIL0prYY)f&F{yM)xMF^m^d;jX|b?
zZKW`TP7#iASsKL6r>u+V!t}Rz^zK?&Km?&Zbfl)oAkj%i?ZXf{9Y49$FTqtLnsxWE
z1ZkcF(w-t)Po;Rs5M#A|Y7B8EQ4Q=HxdzeQr>4+4$=r14%u(O-X~5sWYy?BVy5I)K
z7J0e+bG3rM4JIfq&4}1f4i07&POqUMU`XGAhh4xIo2xjV9z@W(oum+;Avggf&;)L5
zR_M>vyFjoJBc#W5Q9>YMAo3LXtB9Z`CdUIb#18%a^yqexG%Mf$Fe1%FIDn8&0yij`
zU}$b7quwok)qCq&n*mWjoS7o(p4_H^;=WvJb*9ZBTpJIBXuyH=yp~0xln7mm&%kGC
z0(=yV4?k?PBd#PJAs{sc^SJ}+Eky~oU9m!l&^LpqYw_#Yq3^%`2`v#+YG1Ik=9siX
z?@n$`G$$Tdy|@ruIzw<`M*w+3)|}cqw!x`mi@gcN2(GhYwPO%OAi+b39Y+<8^m(2J
zu7sf@C36U%WFP|b)=_}O9%9y1$fLxye(`@jp9eCX0Ajpyi++l>b#%#T?cYPpnjORz
zcj$FN0d#^5i-1JDM6|VBjOXftH_><EX?j)Y>^rOGd^YG#9o4&-IL``~12g&QjF8e#
zA|8vs06${j9-<nSR!@V1ezbCJ0TIP9c72qb4l@=(%3p`reA;Akvsm6Y#ENFggMk3_
zlLc*xDb407hrW`jlY*oQ;;%#eY=2JmtUhcn^Lcn{=WGGYXG8>2Xy=iNF_-qG9at!j
zhadqi5Y1QU*>(f^#L9#(KDU_k60Tj^$Nr0nsS@Xl={8$etxF3f(31Sz*w)j^b5+{2
zOQ=(Ax#TY?4(=y$Ylve_9S)94ovk>o)Xbrz00JNY0@`qL5Ao{2)cTE+HhNQ&ZXpHO
zP()yVgNJAn4b#~=;^fmdIW}X8ZgiZwor)epERS#2G&tB6i#JZf`~|t>sM_^-*Z%+j
o0RR8RiPZZ5000I_L_t&o0APf5Pv2Aig8%>k07*qoM6N<$g1RF5O#lD@

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/cloudy.png b/src/assets/pixel/widgets/weather/cloudy.png
new file mode 100644
index 0000000000000000000000000000000000000000..77027f15395962c5809a773722beb4bae795861a
GIT binary patch
literal 1011
zcmV<P0}T9$P)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000B1Nkl<Zcma%-
z0d}M?3_~6E{zq=JUsf<C&}n(X$g=FX%*@+8B1XJlKj}~R)43^?7P$>!iJ8K)Y(0w#
z7=YO0wv#Gw5v4c^DG?NbUtkFm8s5v)PLu)jsokC!KuMjKXtGc65<fNU?ws+Hnc}P8
zdN0+4C3*>b1}ZQomKzSX6lFs<)Eo#p*vwbDE%C{EHT{V(isP{sfg9G%6}KfM#r1pH
z-Jz?CBWAz8oyesj91q10A;Jw(2nvK4uS-zF1RyenCPupuecaa^TnBez5!HfTcbGU@
zakQeiEurbQ+@q|gGGp===b_`EA+GZ>ix}v+NUUq=5k;b3+Y<e-ZsQ;h*5Jtow^Lu|
zUUQ}{dI8MwJ~{MpjHY#N*=^rBHG}0~BKYF9EJ2SljL@4>ub#RO1>F!D%c(Zr1o;rv
z4cBAcH!~jKN)f*yi#>YIKMw6`a!MfS8CU|ktCH4hcZpL?sKAL%7iU|f2&aBadJVCz
zrLQb_8G{y&K=cxusrTdg0MBvsTd7`V>LA_McW4`hM+!^8&M8v3QHUKFHqj{&$ax;N
zQb~1o)>7F5W2LZ!9@ovMuu5o51Q1Xv#ONX%Jk5w@hF{?8QXdIRV5(+J#Z9Op8s^rm
zbndF7^@@=Cm}n#=MraY~ED?N|++gw=c+_hY|9tl&yAvIh(s_v{S}2#8T-qq*YJdQl
zQZGW*IcbMWL_j+wA{@X01O;M<ADpjeP_qgFa3X*h=`vO9CFOBVh<vr>$64GZ6bLR3
z*UyzVfdizv53=Y;Cor#wLN7pZgcy`etSe4F?u9ua`cBBh5_+(eANNQnK=VX%QqZ}p
zj+6`xR)~gmq7EPYBL_{?5}7H`48$UOGa_l^1<$8KiAvu77@HlJXHHTYffSZlOxgas
zz?!mjY?UIC5)JD_VBL|l3|1UVGzpd{D^fQ(?Nt<j(ruL@0t^6=SU|TzEKZe_7<@So
z<j|Xs^JS($rWc?`-m4*&Gai=>j!Xb$vFH?j@TG9#$eW1ZJJMUOvrB~-k&7}2m=m9%
z3ary;l5syvB1_n$?Z)7L0KmM*(Ju7vA$8HDA_Pz(8p(C2PZWy~XNg)l&c71!M`%Q|
z_Oy7PZ*Nz`S>jo!ewT=wqE6IYI-e_)PTqO7n>gZGs3lgO5BKlZEIE8A+3*rm@?^&p
zGI)tTv^dtzu{$MFBK;LO@eqIUvqU#_PXB8&A~vd^2;6uo_+4_`3`+k400960>!p(P
h00006Nkl<Z0|0Y-dRx9F`mF!}002ovPDHLkV1iv#!?FMX

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/foggy.png b/src/assets/pixel/widgets/weather/foggy.png
new file mode 100644
index 0000000000000000000000000000000000000000..63d7bb7a5c7b0c3d919d7a4c4bf0a77a36adf865
GIT binary patch
literal 1068
zcmV+{1k?M8P)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000BwNkl<ZcmaHt
zfqL992!rwU{U3Stej!Y_B%42#2qA3Fxo-W$eXR%(Q8C7{jsO9W|HGacr{B7i+Yl6X
z1fb>!X;_(_E;XUr+<qb=(K_6umGBTRh4{LOHpCeb@(OQle@Bb<H+NN{hv<T&sN<(N
zdF1LXnxtF-|Epf*eBjAv)J;_Kc&u;bch`daN&36%-F+LCaRz`n-nK%&;G4Me&^2_M
zN$kz3dsh}APvlymQqoIw+R?{f&8J{p@i|1hO>}(d08%yNccOXZl4mnbCXaymp-Hf=
z_#A?|597FfK0Q`MB2@q<8qIk#<=+gn$I@r8nb>}K;dKZfhT8-yd`5JD;^-<V(5-|{
zbt$wqUm!i>rYlwN>kz@(d>S6|@$in0q;vukL;wd6>+l95+`~Z{I9<B`c2H=O9gc`k
zGDSGO0Mh7|(l=M4PgQC9<msC@g<UJkee_BrmpYSB1xXcJhqMmq)SMKzBTC%_Oj1tT
z<w+*T+^M=k^TlIPvXe>^_zU_bbOE95y4i#nxq2g%<|Zg<c@I>LEbAQoWI~`+Hz9_=
zFXf0yuYd<Qp9KD|Q7G9@ynFWe;$Js`F?17g7Hz!?{K)c<0xOd=rvwKOqql+pL|4Uo
z2urRtCpBaZ9Uo^+#r#z6&)aUD(pB6;kRZ7m0?g3?oCqL*Du4hJm&_3XN~aJ~aMMYF
zbPs{=vlcmoNDaUZ_(U5J&9U7$ic9E#ln9!@F_41#Vv?iAS|9#fjHooUn&SqNLI&$7
zAaX%KQW+qf!VPzcFIL%V2;8U49EZj+o!=T4FoVd20+L>4QX5<%0z|Mw`+wF#0UHVU
zbwHd`fUjJ#CLzFocqHH;sdj{PipSiMQp3u}2XIDyu*y6{C0R(rJz(&Z_riDnA5WLq
zs+$m%G6WA27vPY6*6-$@l+EJ*Vj?LKH2JgVTadX+5P%s#*w)x_wQwA1eJ3KSz#k^v
zpz_fpFNq!qD6)7R=Woo-1c44P&})($TW1KTCHGX$P0#>yj8MbM^;wH|oKzxdbCa))
zmprAfYIOV0@C_Q*Vu<%b1p1jQSfoT?u~U@ENr62xBHnOyF@&vh?6H)epUqVZ`z&4=
zIN4P~1lEg$K1`f-oplsF8A1<U53Obqx>c0W(q0ivO+Se5WyO&SHUKetA4FiWV|R@&
zraJ1!KDYgprdRH-1#ybhQHT>L!238}M>;=Ir}Rx6QBM`lO}N>LYN=Z!ojNJ7VuLxN
zQXc=p>k!W#l-|)>IYlQmhX5;(S4^i3^7jzWGNviYjdai{9&^Yk*7K=bsd7L50ssL2
m{~||ZLjV8(21!IgR09AG<I`8710XK|0000<MNUMnLSTY{59VV4

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/freezing-rain.png b/src/assets/pixel/widgets/weather/freezing-rain.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6737631c2547dd2ecdc1fe276a412cd83e2c551
GIT binary patch
literal 1026
zcmV+d1pWJoP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000BGNkl<Zcmb@}
z0g~G~3<FSld;cSM{T~HcR-A1Abfy}F20>7w?M&MJs+V<)EOF3(5FWej>Ew?g&h60Y
z*p&aJA6p)KN@El8-t#d;OI4{QMiKP@0tg_m2)<f&k-o4Dl$(DXf&(5K-92N<J!KBG
z0InK>zeDv!{KF7WYt`>_uJ3t0zc-UpWsn0FNt(zLBHr8(ccN1DNXt4Mc3LUzyC2mh
z7Kk2?^dsU)>E?!z?48n>68omBC!<4E^BQkN49qvsSv<{ZI%`||K{q!9&)z8wa+k4w
zG{m;Wo}|;h_7mzGIFZ)!+4sS-d1Z(={v0&`&)xj`Je1(HTsGupB4mefac*UZM?tM|
zp1;oz&r^y2tk0#o*1O?*3`f5#^V*6b`cn6%&Zx0MQY9b|q7;rq5qCt7!YPG1UtUcs
zaTp?mbr28W?3H9h;ck$;AyqrTUR)^xN^v3(1?lg^U08>A<>jN{w!Kt3QFUPe1eSus
z(s6jCJp>gpfac}E>F;1zrA1<sLb$j%qH8GLNP{AsSg&K|Z(sN{r~1w*`*zaZnKUuF
zIMdT8*B9}92)=+Da>gR76tYK7;EaebLR@LY#3{ZHq2a|blIb2?kV1%<77?OHTpUq~
zC_Z5b4r(GR0u)$;4oO8^HQ2dQL<GXc-6LI?x*;Nc9S2FL7)8VZp+mTc69XK=SL9hd
zB%Z`5;!F*ZhK|Sa)t4H9rx70oIv*b#P!SN|!~qY&MWv-oe$2C4Hw1O_9Tr86C<YW*
z97!s|?o<khN_ZkN;A|%xsw1r?hL9{@OI2UTTnI=+Kp<qrkfkFFDT(lFs!n@BADtnV
zOgdIFelwCLZk4~LcK)&FF$CYko%AffEuk!pHP$5K$EOQFd`|0!QW;|I@`EG)1XuOD
ztZikY`~M2Z@$2J8r|C=Ou(tLWYKUwXl^aP!!0X&o$}8-B#IWykdk)jjzaeh%VrlFr
zaVht;w>zz3x}HSy+ffxguc`g@FlZn0b+uL1!_&jH?n%_PM&HN}t4-@kD0M@MRhRBY
zkD;|WWJK*lKNwoj?vjWswDK6D>YDtV?=tSO-#BLII!~)AdR<FOR<(~u6?vqgGqQyt
zP#L0G<a*vg<a?uI-dUbR^wln1{S4_9mjMSh@fI@#wWYJ~Uil}S)>YGT(eZ>jQQqa2
zeC*sR_6j1jmLagtue+26EryMlyR_-ZW{|>2QXg~+`zCQF-WEfUU`adwDB5)QNa3S%
wi4U^-oBsy@0RR7-Fo$0N000I_L_t&o0QQV)S!w>8%>V!Z07*qoM6N<$g57A{TmS$7

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/hail.png b/src/assets/pixel/widgets/weather/hail.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ce0c346457457683d5b4134ade96373bb814774
GIT binary patch
literal 1051
zcmV+$1mydPP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000BfNkl<ZcmaHt
z3zp+J3<IU?{f|7WDXJ(oEvLs1h5?ZJ*h$>|8INN=+`xiomhQLQvQ^onxQD5)O|0tO
z0t=AYjXE$tF0a*QRi;)sx<Yl7u1!$rpaYn^g*j{q?hB9?uAI(C$xV=gDwJR_(7uH^
zY)Qs`MW6rfWD}H0frGJ%&Q{kx{%^e2zrHu`8BFda*u+&>`p$dRpdB&=Juq&K^@jp#
z!*I)>vLzxNgW-x~HgQGQfVl5Hj5bRpoPscV*a|x`dND&@Sqs>NuKG%_G_zZUS*%J3
zKqx37*aJHWy%q!4DyEo->WEKp^rJRmxtGva*sU6_-Jlubr-N?!;-FNh5(%B7Hqi^z
z2IF=VP2uB%+(Fz&54)y8i(pVOBAyM;mh=fqu?dGgOW~p%*F1Y$l?=<$sy4@pwCBbi
zA*P-L8qEC!Y-Xf0k^?kJ2`svUDloCCm3!WGRM`XrP=F2m;oD`)<_Ncdx@HIoKmde5
z+a?>rSKh0X;^VN%FBBR?fy*!GQ>bOzYb@bgbB}yEfF*ij6i*^9?aadSOH^TN49Q$o
zLKA7#Sb;S!%TwoVOCE`vxH`&a)7g+#j=|^biJBP@uq_B|X+<SJ9|wKZWCTD1TT7UC
zw!wrpfCdOlGS(2j;gcY>6}Gz)Ejfu$7t;VJnIHffAOsqyVfzt@+Qes0YJh?R&<H>x
zND#14_XadDheb7Gt;$$RaDE(VCP##6$Ir`=1dM$+#hZ8W3)yLbNz%^w;iY6+PeMBe
zwP_y=#yLte(aGY91t?gcI|!Sd|Hbn25wZz<EkHN=Gvk0ksC{-#poIappoIbJRem%p
zyuc=2*$x(eh`0Dci^KT30YdI!GsAfiAO}5M%+U%GK@#7IE2UO%G;~J{=>EJvD!UrA
zyd`VX@3kV~N!Z#aswBnYwxS*b;u`1Ti0e7Atft$VvAy34p+Zi}Cf==fz^$|=Ci;eV
zje)>kRzll@FqG4>34L)Ej%NxaOb)AIEG)V<fo(=mEsgyGH}SQ}kSQ3}8GC^r!u}Qf
z#Ef-FMcq<0PvIu2!?dieW5&yamD09L_Q$i%?@cCSC`KGP+yt)q5!m>3MB6z@k^ZJX
z^Gvi@U~y0a_Dt0Nbttww{WDhO*%;Cl|E!$x4!6YEus#W+;`oU!7LI>z>8tz*=HJ+!
zS+?O-7#_?23d{h)pK~3-)j8p4#@8l@urRRp!{^Q@(ZiiBk1<X%IP5o(2{+=weAwwW
zU#K?W6mkrhac9rD;=wotZ2&DJMB16F8ve%FJjVD700960PB0g600006Nkl<Z0|3gV
VmQKVN1=Rom002ovPDHLkV1h<D<>deX

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/mostly-clear.png b/src/assets/pixel/widgets/weather/mostly-clear.png
new file mode 100644
index 0000000000000000000000000000000000000000..7787412b6fd3b6a712ef7d432428f5e90551caac
GIT binary patch
literal 1126
zcmV-s1eyDZP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000CVNkl<Zcma%-
zfwtQ)2t#rA|DXKkT_H?J+I90$FbH8|Cw<#1YOI?7YZ~JHd+!e49hPhI;X72eo7iv(
zSdi{zU_i$u-VAX+HAnFwr}dE2S3y3Iq(IOFL6T))frC!LfDXw{pYS`V{U)FZE9Ro|
zx9*v%1_;FD`Mee(Bt8}&;7?0P3j2UHCNBX^JgEq6yw+=J$Yw)(y!)<aQGCE6ScmvH
z*mqbnc`3UI1-nkKjc>y0M(=(zPEK@C*n0Ljxobv1po4AJ*XKgmP>GvBrw!KnwR8bW
zL_o$EklIWeZ^p?eeke&H#u_`27l9I(zic)^gIgPf+H6tPr4|yTi_yl{!Vm*Pmh9B2
zPFrN64k`UhqD(rIeH{0iX$V}gJ=N;*Rqs@!ak{J-?pXU3r^&o5H^D?2C^MdSW+blz
zL9zmt{^>{!Wl(16{c_5qi4V*27G7)fK~&9{y3E`t*6VX<P5TaGBXH3NTbh~SCL+`<
zee4`MN;=a(wt#E*uJJYouj-i}sY$1wO~~U)Rt~+qbTCCKe_bO-F`yqy!$US`-3+pJ
z$P!{NbQ7Jh+6w&U&0x*gA~4LG#0T&SH?KyoTMfx4bNikYcN5eozCWy@w-9v=)=Z1Q
z2tG@mC}rf}E&<nR;IFkAYA6L|Xkvw$C1;?hT&~L=4%yrOw4~s%0KWXCkBp5W0X+7g
zQrXPm_&f2FrD=+#j~T)e-q(T?;5Chhy<7S2Af!aRu0@B332I*AB8?cF7Yez0sL_<q
z^pm)%GSn%j#y%FLpv)r-UPpwAR}QuZ@pX8KX)QNn|NpH1snR!)O<V_JA>bvr5};pf
zNB~b5Ioio6&Eh2Kd^L|k)|8wkNK_!=dLRu`f0H@;#ZuT=7Mx-6H1Ro+`6|d$B1<kz
zPOFrz)%m9-YjGzW`d6v1fF{Vb&S@B<`5k(HCb64mz*YW#gPOTN{MJBo_<-<dpEcbC
z3wm9wSA?+xgAZ{0ec%H^Tg&hPB#3nzeCZwI1BWlJf*L>*a}^k^!lb`c`W@5qV8R=`
zSSB>6?d%G^O<^e$wxN1G$>|Sv>tWCU{X{2AqHqd7XCu_d(r9O`D)rQbI6$w!iDBUt
zaTA*E&n(a$agG)L822_(ym;{e54e@zwQZ)-h<G$1X{aXjI;c0HYlLaQs#x*4u~5|^
zgMkL%>{yJA7hxtIgC=I8q!cYWxb59C9AsEd#(!||-3ZQHoDi5ntQ*y`A_z4_;DDfs
zmPUw;Gt5gA;vI%=2vhx;w1u@8$LR1O=n$EFn!p2HfIlJ8+4x-pW4Od(`|vZ2WX+Ju
zNGFlsO_=>|y~NbKGtRQ~#}qu6Dfu)3>q@LBrh}O}T+K=?{wgRu?>c=M9Wm#pVSS+5
snfU_%0RR6pamBI#000I_L_t&o09_0FR2UxqYXATM07*qoM6N<$f~(ySiU0rr

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/party-cloudy.png b/src/assets/pixel/widgets/weather/party-cloudy.png
new file mode 100644
index 0000000000000000000000000000000000000000..d61a0964e1cd78f9326fdd510d5af514c8f48320
GIT binary patch
literal 1069
zcmV+|1k(G7P)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000BxNkl<Zcma%-
z0dnjx2t%R0|B+k&Cu9>gyXpK4ON0=ZI8LWup(`V>_;fw-N4vNVzBh60^sQ{5tcO_5
zJp<I(OP=*tQ2Pt01i0?oIh=kcZZ{8c?><Csfxuv7?hwtLdWfyGS6dGO!rn`)gLl^6
zr2S+jreqpotQjlqMS2L3MfQZYOXqm_PEqoNTaEzhumQEg3}G}yykhLPC}$--zoIM1
z{7RjP?@VM^vD>xGJPpgjAtJ!mFoY2l31j;RS3&<_%#qgPF-zUen6s-!6(GP0ZYL!}
zIGVYyOmY~ht_MGvl{0&FJN42e6Hk?}ls$xq`KtmHSkr1$0YIPST6o*i74VgpYwQlm
zCHnfASL`9Wpn-D1;IbxFwzTli5=27^17K`BJTp0GA6Xr;RS07S!X9E5a0=p5G#Tew
zTnDT8U@OhYBP&X{Gz}_xaT0on7y1NLVkgoDsG#EmxLZaRfQMmM&Ll+of^>`P2_pu6
zAA&CQirN)0puUo;hAbw&GzRaU+Bt^>kbvn4<9!Ggut;f^p;PYns;?&Z<?Iws>}-2d
zjVIW=huA^odjkFramuu2@i@!u&p^=ID0FJaJOF6%9<SE{F^v+1HN@JdS_RZB^%AZP
zkV;)3cTF*N8Pb?fQ{``%5F_IU<Js2ILIBA4QV=LG;v7xg8q(Hb1NaN4rpZkI3BPzm
zWnvajt03j}?{}@mu6{F~w{G)w5R;~gRjm78zi$>l9i&$+<=Kmgq=9&D+E;F5F$Tzb
z9SOqnh)~=NHH<yrW_yjnT1mqVA`G~*5T;c9f{P($3uAk-n2XKW!`M0tu)!N#UMuky
z&Y##Tv5`s`Vn^eq#0YPYQEWG!5FU>ioIcuVy?b826DZ0Mi0}{uMQ&Hqb9xm@6up_z
zmrI;&@&=qmiRs+9@1nCd26F2ef&ewX4rD3TTFLlZ!wmuc|4rRq)u)37(V1AhqkTg4
z7t`tAS{R8G+^WT`*9=`%st;~v!B~rS6FnqLR;G4BPtUqL-SYF*HBlAuE^EO@fF7Hv
z84B~q>SwX@!c+GVTjWtJFk}4W(PNzjV>8t2=(vGf+cycA#e^TNs~UWiL1yUTbqshN
z72_`ZxLBTi1BiE}88ilHo(ut|EJMr!u-N)-MPXcr4Ir^uLTIzbDSPv;UT0C?0Yl6J
z@N>;;hZ9k9;Qj8D{XI8h2Ki1+Wa-}%%<ROo;UliZRkc`DXF_!Cgo4FY-=wEe?(H{I
z6I*yK;5Z&XW*x?4(byM57_lX}m~L@N#O>8Sl1Sh&0RI``r!|8BBLxG{T3*%u9{>OV
n|Nrj*&z%4O00v1!K~w_(iyHOdR7#6-00000NkvXXu0mjf5hLyt

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/raining.png b/src/assets/pixel/widgets/weather/raining.png
new file mode 100644
index 0000000000000000000000000000000000000000..5dfe6eb7deeadf730f69b2e1f3b3707022fe5b8d
GIT binary patch
literal 1050
zcmV+#1m*jQP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000BeNkl<Zcmaf#
zi+1EN2t#rA|37)_y+VW#XWI2qh!8SnGU?+hV#ROk_bNL-8V~{1Hx6AXL+oKh0z(K_
zEjrFB+y=-5BA7~Z^s^5`bQyvJKmb+%0Tvxee?t2)zyaiq*+={sVs4-eTKTDC8z9pU
z2Z#q|pW+Nr?C`!)I__NGdmCHp@k;&FYU=dq-o+WBSXQPRp;8^DgHb?<u;7i6-pXv1
z^$JsOvujEj!inQ_qmXI<Slpi&F``mhkn&)#eZ!&_da>87UG^wFhVT}bSLjn(k<~18
zJO(R7c;v#*D587+g>7x$n<#Bw-r~LD?;%hrvu8#`l;2VQy^Dm#4K3!dri9B0Js}|8
zLr9fT&F}$b`ue#GWe}}nref}0X;C1holDB|y3_X%Y)H=|OmT8In#$y}DxQN(L!H48
zQ{{X0*Qq^a(T#N4B;|!jDXBtp6RN0i&>Y45CJcdtT-bbhc~{`aPq(f%L4~^!#3|7V
z#2|ImX>$m8hzwEr)(hn_`%Cogimp0Zv(pjXgi;gpPI=Pb90a1?Czb9Y;$F17lVn&y
zQU$m@Ga{-su2!%$ulla1uC#}+>4;A8(S<lubD}{NU;_|iaw|mq#D+XQgp#bZ2?ZQ!
zTIxxf<1v}hqW8ifL<~nn2j}kzn{dB@8=w>02I&+|)o9V_$7qjs^^^Fs7AkI300CAY
z6I9WO79phON2JtBdk~vfl_4xqi?zO-WO2}dV*pus1WL{!z?=vN5YQW~C|xWn35Ljf
z2j*C9mAfmSh@Gxr238=5ju3Eh_5WJSHplawzztR|tRSfZ9KdEIZJ-0E5QCI2y7{VO
zIYeMG2|Njyg#TS~|Iah)N87o5a@iPS?wsXY*Dn@+x9pEq#GPyYQ*-atpI`0OpQNdV
z-ZS<F%R^M64QMye)&CZXp%)wf_*}~Kp8N3w3Xb~pd6tRZ2^Vk}Bh@D;U+9IpxQ(>o
z1aavLgLq%`p{!C$i^Y!QGhovY_&^tmXM^H-K=Jg!vtEB`dGFLKOIOf;c;-8pZ?&Px
zRSgZ{WJdj=%X~%j0V|aZ9w2Gx0JA$j>KJNP3^du?4)~oIqP_yGsVr6!h1$F^T<Plx
zQRoi<XZzKv=5P~>j@ZIORQ^0*l`5MrAAn3RKOwkF8JVwtf_MOr2GhxQ{Em<sg4`xY
zAE5H{ay3E+L@qYw{TUWZ%A+dbanTJ(@{@pR1AFy^tAq$<l63;|1D8j``2$?aZBzd{
zD^_9;QS$RfukuB}BNqfDy+x-)`-$yA{0Kbgvi$=90RR6AXBUqE000I_L_t&o0G~a7
UT3qWfi~s-t07*qoM6N<$f&_Z!X#fBK

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/snow-showers.png b/src/assets/pixel/widgets/weather/snow-showers.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ea386a123e71d4e985d2f1cafdf9c2371c6f808
GIT binary patch
literal 1108
zcmV-a1grarP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000CDNkl<Zcma%-
zi+1EN2t#rA|37($y+SraGHJU$8X|<SNiuzW#ZPNJ6%oNx<)Tf`<QJ2Z&mm?*+H{SG
zpf&uU(<ak1c^ls3bBJFW-mPLBj~^(BAdRtZDV0wJF&N^x5ceG;9+W;lYW<M<6bvS1
zKY<}Aoa}P_)c@vty*5?L!@iO)L-%e?=rZ&q%D=-_cXlqBK9VXDy8sBtNEYM~ZF{UD
zVgMS#TRTdkcz~$mE2RXWhyc=%CmHl|>s`H(?)7e}_Uo{O!$h@6o<9oQ5dtuPsUU(C
z%t0k0Z|glAUFE<&zz`#g2gfXba5hDoU3w}=Oj3aI%D5Q_m`>7-+YnpjlH3-TU&dln
z(4)ZBQ^z9$r;r}biX*y653zG;`{`M6?A@tbfdF$?%^fK{;M|x?Z)XqTjkt$QeHEPI
zGocMm1XdhLflDYRD1a0|5Ftc!Vgp^ghftFH6}SNfQ*%;dDi{zQP0a0aL~r6M3V@>n
z{fLr-WW|0FF&5U5JyUHI>NN?TC!c}d#6Ll=a~3)nL!2H|Kt^O!0C$7{>yQQt+z|q%
zpA>YJ65z-9m71H<9zv=zec(WB+)x&`ev704zazxBr53#pk(3BzyL>0=BnmhHWiZp`
zR2x%-)8Y~wm=jySad|w17{$=@X*VKpN^A}RF_u%uA#1mp!r2Gd2{H6KV3fbsg1AiD
zm`d|@qQGr#(kWH*j#Ggf8UjW?h_$}>`gTVV>Ghh(%!#y+0&^nV=n}*_#3dpMDKXai
zqf03Gbx<}|Fvl_{HiH2A5e-rkqIDu7uwnu?s6w*#U#z;Z?O_O5mW0W`1HSkin0GXB
z5&owbq^=4#PI^2(VaI(gL%^8BG92R6k+i_?7Z)G?r13{`*UH*KJDk364Y(PCh(isq
z&`TnXdNx~3{+j6Q7duk804ZhDRRwWf^*O_xnlydd<Ae0Ylw3zbDDMJE@Ta7*#TP|6
zPZa}<cm~qLmq}MDnl+L}ar-k)ErP}vXTb$O39<TQY#$pX2@UBhUuN$RXxt(fJpR?|
z!=yx<;h3ZP*S-N)XRLB)Q-;uG6kUt8oBJ-dE+?g>uH%t*K4&0#tjQVSI5vs*Vu)M8
zZX6kBBOV4x?2V$<Vu|o|NnPu+dl!w$t4}Woy-je{=7%9>3U9Z$AFuyUoF%Hf4qg?T
z`Y@DXI9gqYu9<K)RJskpj=P+^RMF4J8$O&O52Jp=+T-42QHrWT&J_ymaU|Wi4WYT-
zhcHJ8Yd>D~B%<!dPiTd{uw_C_mOVTn$YOCZDjsJg9d1Lc2w^wtfEbHXEDZ$l-Lok;
z7TTyp)U{ar*SZbCjzIlOhryqA(IN7DSBs$fO|ME+BQ_EL2LJ&7|Ld@Nu>b%721!Ig
aR09Bf1hiZ1l0Q}e0000<MNUMnLSTZ?C+epF

literal 0
HcmV?d00001

diff --git a/src/assets/pixel/widgets/weather/snowing.png b/src/assets/pixel/widgets/weather/snowing.png
new file mode 100644
index 0000000000000000000000000000000000000000..dcf3c08442813320c6ccfe22fcc6b2969696f64a
GIT binary patch
literal 1290
zcmV+l1@-!gP)<h;3K|Lk000e1NJLTq001EX001Ef1^@s6SLDKP000EPNkl<Zcmb4^
z3v%2r3`4=q{g0ew9|%cyy~#|gp(POfiuNWiJy$)6|I_~^{OR-AMBj?yjf6NrYSt!!
zC&KtBad_+`LGC`NN)tv8_fhdi2I>H*SnsL$J?y}KH}r3rl!ZGIeC=uC816Yr<UN)v
zB<Mv&BaX6D)$1NC-846;S&)&@yg4>aSewVx0Jb|uUD9;6po+q%{i2iMDBuYVCL9%*
z9e_Yaz?VFlxD3CcUD)<!i5eWF&g9Y%Bo2`52p~*$n7`!LCMGd42mvVoKuQdt#%`@@
zUPt%$?VD(AJD;)K=o@0NZmWXR#8U7(60>v<jvLp)NbOM_fU2T1pXZ4i&AjPI^Ih9_
zKjXK2(!^4n_<CMke_WG@lFKb5yM3Mg3xN6|F1Shi;5PDNAD)~((}dAHiyhqJax?0=
zWlMLfZVS^*TM*}BiKv}N&$R*{O~4Xt-}YzEyRh0UbKmQ<$-Fr~!3++6>y3jagi1o*
zhCw&j*1VcQ30!}yV3vM7su-Z>#%(OPd`P<(Y??bYV916foE`Zw#|k-<Sh~o&AP0$%
zN$Qb0*AxzUct8ZcSuSY*knHg6BUk=WXPYMO1_zUe4zRN$1I&4<C?mm)8iQ+apo~ez
z{9+SoYN4i(^P7@*eVtb{P1t~rtJ7iTD$#Wol-)SK#tCN?j2$3{+t@s&IwS@+Z5}A|
z?S`rhuW!OhoA&M0EPosvrcKRby$QDRRW%993!<pXktx^*>ke)f>e%e_{Dx){#I&89
z2>+Q;@nQN4AKeb`p;azM_9Sx3JdKZ0dg9IC-)ouo_p~n-{Cpi;%Z^PVCvijVsQ^Z&
zu!Y*(=DP)-L_~qvWj}%6?Pg2X_hb8=$EDqnbK1rv%DOL2;0r~Z#aY@;TI*F_ud<q?
zgszb^7cl>_3y<-BP$y<i(3}F$ihXE;(RE+{j$u)I9G4Rm6EN%Neb{zka_xpLKN!Ti
zTuhSlHEV7wUAmMH^L}IUrU8t1aS}gLaec`*7R#~abALk%ZyxoC<0t=OtQ#^34({ee
zAUW9Qem3u5E|LZ}Nkiu2OA>&aYm@D71L7|!(d+y_8oERVDNSgv+92a+q<-b(ONC<%
zD3%dN0@)E$^CXs?Jjp>CWQ^Xx$kl|EnX`>NPVBCo)YvW0xow;y1lmV9c#5bRKY*t)
zJior-6i>~%a3*o-W6s9!*f&6F#=Ac#twhw&UcuQnXSWqDe(jwS_yphvX1CA;?9yF~
zdYzSD0ag_w5dd+_c^YT)yO<5}$?gHnbWwRJJqu@qijWTAp$T+=r94k&h~N=EW3+YB
z1+Y6Ihiu20Z-}M|L7=a_e1WJMU$*4OZ3#^TIZ;rG6%AdlKtf$E`MXjqvD}Pn6vY^f
zA*_V?_>1){oGKWQ)5M8}JhIYEz;b9R?E*z-_T6Jgt&G~NbixnNkLxt?qxA=}sASrC
zo8^Y?h3_{`-*^T%Y#x|7wZLg&>DmUdsJG~Kz-{q|X3SvbuM+)CsZURdH&xPFcLyS@
zo+g&dOg<PhPQeF^>Vm#;vD~y@2e8cFJ;{JS3<8LN5%96DKUU~>10F~iz=yctCXM4+
zx+WKE_~6g|vi<=80RR7RI8QAA000I_L_t&o0NE(rWzsIBpa1{>07*qoM6N<$g5#EK
Ah5!Hn

literal 0
HcmV?d00001

diff --git a/src/components/ui/widgets/ClockWidget.astro b/src/components/ui/widgets/ClockWidget.astro
index 7928878..9c33e2a 100644
--- a/src/components/ui/widgets/ClockWidget.astro
+++ b/src/components/ui/widgets/ClockWidget.astro
@@ -1,11 +1,12 @@
 ---
 import icon from "../../../assets/pixel/widgets/clock.png";
+import { locationConfig } from "../../../data/location";
 
 interface Props {
-  timezone: string;
+  timezone?: string;
 }
 
-const { timezone } = Astro.props;
+const { timezone = locationConfig.timezone } = Astro.props;
 
 const iconSrc = icon.src;
 ---
diff --git a/src/components/ui/widgets/WeatherWidget.astro b/src/components/ui/widgets/WeatherWidget.astro
index 62a0faa..043a5eb 100644
--- a/src/components/ui/widgets/WeatherWidget.astro
+++ b/src/components/ui/widgets/WeatherWidget.astro
@@ -1,41 +1,14 @@
 ---
-import placeholder from "../../../assets/pixel/widgets/weather-placeholder.svg";
+import fallbackIcon from "../../../assets/pixel/widgets/weather/cloudy.png";
 import info from "../../../assets/pixel/info.png";
 
-interface Props {
-  weather: {
-    city: string;
-    timezone: string;
-    observedAt: string;
-    condition: string;
-    temperature: number;
-    high: number;
-    low: number;
-    humidity: number | null;
-    uvIndex: number | null;
-    airQuality: string | null;
-  };
-  iconSrc?: string;
-}
-
-const { weather, iconSrc = placeholder.src } = Astro.props;
-const observedAt = new Date(weather.observedAt);
-const time = new Intl.DateTimeFormat("en-US", {
-  timeZone: weather.timezone,
-  hour: "numeric",
-  minute: "2-digit",
-  hour12: true,
-})
-  .format(observedAt)
-  .replace(/\s/g, "");
-const fullTime = new Intl.DateTimeFormat("en-US", {
-  timeZone: weather.timezone,
-  dateStyle: "medium",
-  timeStyle: "short",
-}).format(observedAt);
+import { weatherConfig } from "../../../data/widgets";
 ---
 
-<div class="weather-widget" aria-label={`Weather in ${weather.city}`}>
+<live-weather
+  class="weather-widget"
+  aria-label={`Weather in ${weatherConfig.city}`}
+>
   <weather-attribution class="weather-widget__attribution">
     <details>
       <summary aria-label="Weather data attribution">
@@ -50,68 +23,208 @@ const fullTime = new Intl.DateTimeFormat("en-US", {
           Weather by <a href="https://open-meteo.com/">Open-Meteo</a>.
         </p>
         <p>
-          Air quality by <a href="https://atmosphere.copernicus.eu/">CAMS</a>,
-          via Open-Meteo.
+          UV data by <a href="https://atmosphere.copernicus.eu/">CAMS</a>, via
+          Open-Meteo.
         </p>
         <p>
           Data licensed under{" "}
           <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
           Values rounded and conditions formatted for display.
         </p>
-
-        <p>Weather data refreshes hourly.</p>
       </div>
     </details>
   </weather-attribution>
   <div class="weather-widget__layout">
     <div class="weather-widget__condition">
-      <img src={iconSrc} width="32" height="32" alt="" />
-      <p>{weather.condition}</p>
+      <img
+        data-weather-icon
+        src={fallbackIcon.src}
+        width="32"
+        height="32"
+        loading="lazy"
+        alt=""
+        data-empty
+      />
+      <p data-weather="condition">—</p>
     </div>
 
     <div class="weather-widget__summary">
-      <p class="weather-widget__city">{weather.city}</p>
+      <p class="weather-widget__city">{weatherConfig.city}</p>
       <time
-        datetime={weather.observedAt}
-        title={`Conditions as of ${fullTime}`}
+        data-weather="time"
+        aria-live="off"
+        title={`Current time in ${weatherConfig.city}`}
       >
-        <span class="sr-only">Conditions as of </span>
-        {time}
+        —
       </time>
-      <p
-        class="weather-widget__temperature"
-        aria-label={`${Math.round(weather.temperature)} degrees Fahrenheit`}
-      >
-        {Math.round(weather.temperature)}°F
+      <p class="weather-widget__temperature" data-weather="temperature">
+        —°F
       </p>
       <p class="weather-widget__range">
-        <span>Hi: {Math.round(weather.high)}</span>
-        <span>Lo: {Math.round(weather.low)}</span>
+        <span data-weather="high">Hi: —</span>
+        <span data-weather="low">Lo: —</span>
       </p>
     </div>
 
     <dl class="weather-widget__details">
       <div>
         <dt>Humidity:</dt>
-        <dd>
-          {weather.humidity === null ? "—" : `${Math.round(weather.humidity)}%`}
-        </dd>
+        <dd data-weather="humidity">—</dd>
       </div>
       <div>
         <dt>UV Index:</dt>
-        <dd>{weather.uvIndex === null ? "—" : weather.uvIndex}</dd>
+        <dd data-weather="uv">—</dd>
       </div>
       <div>
-        <dt>
-          <abbr title="Air quality index">AQI</abbr>:
-        </dt>
-        <dd>{weather.airQuality ?? "—"}</dd>
+        <dt>Feels like:</dt>
+        <dd data-weather="feels-like">—°F</dd>
       </div>
     </dl>
   </div>
-</div>
+  <p class="weather-widget__status" data-weather="status" role="status" hidden>
+    Loading weather…
+  </p>
+  <noscript>Enable JavaScript to load the weather.</noscript>
+</live-weather>
 
 <script>
+  import {
+    watchWeather,
+    type WeatherState,
+  } from "../../../lib/client/weather-store";
+  import {
+    conditionLabel,
+    conditionIcon,
+  } from "../../../lib/client/weather-display";
+  import { weatherConfig } from "../../../data/widgets";
+
+  const icons = import.meta.glob<string>(
+    "../../../assets/pixel/widgets/weather/*.png",
+    {
+      eager: true,
+      query: "?url",
+      import: "default",
+    },
+  );
+
+  class LiveWeather extends HTMLElement {
+    private stop?: () => void;
+    private stopClock?: () => void;
+
+    connectedCallback() {
+      this.stop?.();
+      this.stopClock?.();
+      const fields = new Map(
+        Array.from(this.querySelectorAll<HTMLElement>("[data-weather]")).map(
+          (element) => [element.dataset.weather!, element] as const,
+        ),
+      );
+      const write = (name: string, value: string) => {
+        const element = fields.get(name);
+        if (element && element.textContent !== value)
+          element.textContent = value;
+      };
+      const time = fields.get("time") as HTMLTimeElement;
+      const temperature = fields.get("temperature")!;
+      const icon = this.querySelector<HTMLImageElement>("[data-weather-icon]")!;
+      fields.get("status")!.hidden = false;
+      const formatter = new Intl.DateTimeFormat("en-US", {
+        timeZone: weatherConfig.timezone,
+        hour: "numeric",
+        minute: "2-digit",
+        second: "2-digit",
+        timeZoneName: "short",
+        hour12: true,
+      });
+      const fullFormatter = new Intl.DateTimeFormat("en-US", {
+        timeZone: weatherConfig.timezone,
+        dateStyle: "medium",
+        timeStyle: "short",
+      });
+
+      const updateClock = () => {
+        const now = new Date();
+        write("time", formatter.format(now));
+        time.dateTime = now.toISOString();
+      };
+      const resumeClock = () => {
+        if (document.visibilityState === "visible") updateClock();
+      };
+      updateClock();
+      const clockInterval = window.setInterval(resumeClock, 1000);
+      document.addEventListener("visibilitychange", resumeClock);
+      this.stopClock = () => {
+        window.clearInterval(clockInterval);
+        document.removeEventListener("visibilitychange", resumeClock);
+      };
+
+      this.stop = watchWeather(({ snapshot, status, error }: WeatherState) => {
+        if (!snapshot) {
+          icon.setAttribute("data-empty", "");
+          write("condition", "—");
+          write("temperature", "—°F");
+          temperature.setAttribute("aria-label", "Temperature unavailable");
+          temperature.removeAttribute("title");
+          write("high", "Hi: —");
+          write("low", "Lo: —");
+          for (const field of ["humidity", "uv"]) write(field, "—");
+          write("feels-like", "—°F");
+          write(
+            "status",
+            status === "loading" ? "Loading weather…" : "Weather unavailable",
+          );
+          return;
+        }
+        const date = new Date(snapshot.conditionsAt);
+        const iconName = conditionIcon(snapshot.weatherCode, snapshot.isDay);
+        const iconSrc =
+          icons[`../../../assets/pixel/widgets/weather/${iconName}.png`];
+        if (icon.getAttribute("src") !== iconSrc) icon.src = iconSrc;
+        icon.removeAttribute("data-empty");
+        temperature.title = `Conditions as of ${fullFormatter.format(date)}`;
+        write(
+          "condition",
+          conditionLabel(snapshot.weatherCode, snapshot.isDay),
+        );
+        const degrees = Math.round(snapshot.temperature);
+        write("temperature", `${degrees}°F`);
+        temperature.setAttribute("aria-label", `${degrees} degrees Fahrenheit`);
+        write("high", `Hi: ${Math.round(snapshot.high)}`);
+        write("low", `Lo: ${Math.round(snapshot.low)}`);
+        write("humidity", `${Math.round(snapshot.humidity)}%`);
+        // UV data has its own timestamp and may lag behind weather.
+        const airAge = snapshot.uvAt
+          ? Date.now() - Date.parse(snapshot.uvAt)
+          : Infinity;
+        const airAvailable =
+          airAge >= -60_000 && airAge < weatherConfig.unavailableAfterMs;
+        write(
+          "uv",
+          airAvailable && snapshot.uvIndex !== null
+            ? String(Math.round(snapshot.uvIndex * 10) / 10)
+            : "—",
+        );
+        write("feels-like", `${Math.round(snapshot.feelsLike)}°F`);
+        write(
+          "status",
+          status === "stale"
+            ? "Weather outdated · Showing last available conditions"
+            : error
+              ? "Refresh unavailable · Showing saved conditions"
+              : "",
+        );
+      });
+    }
+
+    disconnectedCallback() {
+      this.stop?.();
+      this.stopClock?.();
+    }
+  }
+
+  if (!customElements.get("live-weather"))
+    customElements.define("live-weather", LiveWeather);
+
   class WeatherAttribution extends HTMLElement {
     private cleanup?: AbortController;
 
@@ -263,6 +376,7 @@ const fullTime = new Intl.DateTimeFormat("en-US", {
   }
 
   .weather-widget {
+    display: block;
     position: relative;
     container-type: inline-size;
     font-size: 1rem;
@@ -284,6 +398,9 @@ const fullTime = new Intl.DateTimeFormat("en-US", {
   }
 
   .weather-widget__condition {
+    width: 96px;
+    text-align: center;
+    overflow-wrap: anywhere;
     display: grid;
     justify-items: center;
     gap: var(--space-2);
@@ -295,6 +412,10 @@ const fullTime = new Intl.DateTimeFormat("en-US", {
     image-rendering: pixelated;
   }
 
+  .weather-widget__condition img[data-empty] {
+    visibility: hidden;
+  }
+
   .weather-widget__city {
     color: #fff;
   }
@@ -329,10 +450,19 @@ const fullTime = new Intl.DateTimeFormat("en-US", {
   }
 
   .weather-widget__details dd {
+    max-width: 12ch;
+    overflow-wrap: anywhere;
     text-align: right;
   }
-  abbr {
-    text-decoration: none;
+
+  .weather-widget__status {
+    margin-top: var(--space-3);
+    color: var(--color-text-muted);
+    font-size: 0.75rem;
+  }
+
+  .weather-widget__status:empty {
+    display: none;
   }
 
   .sr-only {
diff --git a/src/data/location.ts b/src/data/location.ts
new file mode 100644
index 0000000..19f4feb
--- /dev/null
+++ b/src/data/location.ts
@@ -0,0 +1,9 @@
+// Shared by the weather widget and clocks. Update all four values when moving.
+// Use city-center coordinates, not your home address. These values are public.
+export const locationConfig = {
+  city: "Norman, OK",
+  latitude: 35.2226,
+  longitude: -97.4395,
+  // IANA timezone; handles daylight saving time automatically.
+  timezone: "America/Chicago",
+} as const;
diff --git a/src/data/widgets.ts b/src/data/widgets.ts
new file mode 100644
index 0000000..59a4a5b
--- /dev/null
+++ b/src/data/widgets.ts
@@ -0,0 +1,23 @@
+import { locationConfig } from "./location.ts";
+
+export const weatherConfig = {
+  ...locationConfig,
+  temperatureUnit: "fahrenheit",
+  refreshIntervalMs: 30 * 60 * 1000,
+  staleAfterMs: 3 * 60 * 60 * 1000,
+  unavailableAfterMs: 6 * 60 * 60 * 1000,
+} as const;
+
+// Design fixture only. Replace with fetched weather when connected.
+export const weatherPreview = {
+  city: locationConfig.city,
+  timezone: locationConfig.timezone,
+  observedAt: "2026-01-15T22:49:00-06:00",
+  condition: "Snowing",
+  temperature: 67,
+  high: 999,
+  low: -999,
+  humidity: 100,
+  uvIndex: 10,
+  feelsLike: 67,
+};
diff --git a/src/lib/client/weather-display.ts b/src/lib/client/weather-display.ts
new file mode 100644
index 0000000..504c586
--- /dev/null
+++ b/src/lib/client/weather-display.ts
@@ -0,0 +1,96 @@
+/** Open-Meteo's WMO weather interpretation codes. */
+export function conditionLabel(code: number, isDay: boolean): string {
+  switch (code) {
+    case 0:
+      return isDay ? "Sunny" : "Clear";
+    case 1:
+      return "Mostly clear";
+    case 2:
+      return "Partly cloudy";
+    case 3:
+      return "Overcast";
+    case 45:
+    case 48:
+      return "Foggy";
+    case 51:
+    case 53:
+    case 55:
+      return "Drizzle";
+    case 56:
+    case 57:
+      return "Freezing drizzle";
+    case 61:
+    case 63:
+    case 65:
+      return "Raining";
+    case 66:
+    case 67:
+      return "Freezing rain";
+    case 71:
+    case 73:
+    case 75:
+    case 77:
+      return "Snowing";
+    case 80:
+    case 81:
+    case 82:
+      return "Rain showers";
+    case 85:
+    case 86:
+      return "Snow showers";
+    case 95:
+    case 97:
+      return "Thunderstorms";
+    case 96:
+    case 99:
+      return "Storms with hail";
+    default:
+      return "Unknown";
+  }
+}
+
+/** Closest available artwork; labels above retain the actual condition. */
+export function conditionIcon(code: number, isDay: boolean): string {
+  switch (code) {
+    case 0:
+      return isDay ? "clear" : "clear-night";
+    case 1:
+      return isDay ? "mostly-clear" : "clear-night";
+    case 2:
+      // Keep the asset's existing spelling. No partly-cloudy night art yet.
+      return isDay ? "party-cloudy" : "cloudy";
+    case 45:
+    case 48:
+      return "foggy";
+    case 51:
+    case 53:
+    case 55:
+    case 61:
+    case 63:
+    case 65:
+    case 80:
+    case 81:
+    case 82:
+    case 95:
+    case 97:
+      return "raining";
+    case 56:
+    case 57:
+    case 66:
+    case 67:
+      return "freezing-rain";
+    case 71:
+    case 73:
+    case 75:
+    case 77:
+      return "snowing";
+    case 85:
+    case 86:
+      return "snow-showers";
+    case 96:
+    case 99:
+      return "hail";
+    default:
+      return "cloudy";
+  }
+}
diff --git a/src/lib/client/weather-store.ts b/src/lib/client/weather-store.ts
new file mode 100644
index 0000000..b260165
--- /dev/null
+++ b/src/lib/client/weather-store.ts
@@ -0,0 +1,181 @@
+import { weatherConfig } from "../../data/widgets.ts";
+import { fetchWeather, type WeatherSnapshot } from "./weather.ts";
+
+export interface WeatherState {
+  status: "loading" | "ready" | "stale" | "unavailable";
+  snapshot: WeatherSnapshot | null;
+  refreshing: boolean;
+  error: string | null;
+}
+
+const CACHE_KEY = `weather:v2:${weatherConfig.latitude}:${weatherConfig.longitude}:${weatherConfig.timezone}:${weatherConfig.temperatureUnit}`;
+type CacheStorage = Pick<Storage, "getItem" | "setItem">;
+
+function browserStorage(): CacheStorage | undefined {
+  try {
+    return typeof localStorage === "undefined" ? undefined : localStorage;
+  } catch {
+    return undefined;
+  }
+}
+
+// Persisted data is untrusted and may come from an older version of the site.
+function validSnapshot(value: unknown): value is WeatherSnapshot {
+  if (!value || typeof value !== "object") return false;
+  const data = value as Record<string, unknown>;
+  const finite = (key: string) =>
+    typeof data[key] === "number" && Number.isFinite(data[key]);
+  const date = (key: string) =>
+    typeof data[key] === "string" && Number.isFinite(Date.parse(data[key]));
+  return (
+    data.city === weatherConfig.city &&
+    data.timezone === weatherConfig.timezone &&
+    data.temperatureUnit === weatherConfig.temperatureUnit &&
+    [
+      "temperature",
+      "feelsLike",
+      "high",
+      "low",
+      "humidity",
+      "weatherCode",
+    ].every(finite) &&
+    (data.low as number) <= (data.high as number) &&
+    (data.humidity as number) >= 0 &&
+    (data.humidity as number) <= 100 &&
+    Number.isInteger(data.weatherCode) &&
+    (data.weatherCode as number) >= 0 &&
+    (data.weatherCode as number) <= 99 &&
+    typeof data.isDay === "boolean" &&
+    ["uvIndex"].every(
+      (key) =>
+        data[key] === null || (finite(key) && (data[key] as number) >= 0),
+    ) &&
+    date("conditionsAt") &&
+    date("fetchedAt") &&
+    (data.uvAt === null || date("uvAt"))
+  );
+}
+
+/** A cache and request coordinator, independent of the widget and its markup. */
+export function createWeatherStore({
+  storage = browserStorage(),
+  load = fetchWeather,
+  now = Date.now,
+}: {
+  storage?: CacheStorage;
+  load?: () => Promise<WeatherSnapshot>;
+  now?: () => number;
+} = {}) {
+  let snapshot: WeatherSnapshot | null = null;
+  let pending: Promise<WeatherState> | undefined;
+  let lastAttempt = -Infinity;
+  let error: string | null = null;
+
+  function acceptable(data: unknown): data is WeatherSnapshot {
+    return (
+      validSnapshot(data) &&
+      Date.parse(data.fetchedAt) <= now() + 60_000 &&
+      Date.parse(data.conditionsAt) <= now() + 60_000
+    );
+  }
+
+  function readCache() {
+    try {
+      const cached: unknown = JSON.parse(storage?.getItem(CACHE_KEY) ?? "null");
+      if (
+        acceptable(cached) &&
+        (!snapshot ||
+          Date.parse(cached.fetchedAt) > Date.parse(snapshot.fetchedAt))
+      ) {
+        snapshot = cached;
+      }
+    } catch {
+      // Disabled storage or malformed JSON must not break weather fetching.
+    }
+  }
+  readCache();
+
+  function getState(): WeatherState {
+    const age = snapshot ? now() - Date.parse(snapshot.conditionsAt) : Infinity;
+    const status =
+      age >= weatherConfig.unavailableAfterMs
+        ? "unavailable"
+        : age >= weatherConfig.staleAfterMs
+          ? "stale"
+          : "ready";
+    return {
+      status: !snapshot && pending ? "loading" : status,
+      snapshot: status === "unavailable" ? null : snapshot,
+      refreshing: !!pending,
+      error,
+    };
+  }
+
+  function refresh(): Promise<WeatherState> {
+    if (pending) return pending;
+    readCache(); // Another tab may have updated the shared localStorage entry.
+    const checkedAt = snapshot ? Date.parse(snapshot.fetchedAt) : -Infinity;
+    if (
+      now() - Math.max(checkedAt, lastAttempt) <
+      weatherConfig.refreshIntervalMs
+    ) {
+      return Promise.resolve(getState());
+    }
+    lastAttempt = now();
+    // Defer loading so pending is assigned even if load throws synchronously.
+    pending = Promise.resolve()
+      .then(load)
+      .then((data) => {
+        if (!acceptable(data)) throw new Error("Invalid weather snapshot");
+        snapshot = data;
+        error = null;
+        try {
+          storage?.setItem(CACHE_KEY, JSON.stringify(data));
+        } catch {
+          // Keep the in-memory result when storage is blocked or full.
+        }
+      })
+      .catch(() => {
+        error = "Weather refresh failed";
+      })
+      .then(() => {
+        pending = undefined;
+        return getState();
+      });
+    return pending;
+  }
+
+  return { getState, refresh };
+}
+
+let sharedStore: ReturnType<typeof createWeatherStore> | undefined;
+
+/** Start on mount; call the returned cleanup function on unmount. */
+export function watchWeather(
+  onChange: (state: WeatherState) => void,
+): () => void {
+  const store = (sharedStore ??= createWeatherStore());
+  let active = true;
+  const emit = () => {
+    if (active) onChange(store.getState());
+  };
+  const tick = () => {
+    if (document.visibilityState !== "visible") return;
+    const refresh = store.refresh();
+    emit();
+    void refresh.then(emit);
+  };
+
+  emit();
+  tick();
+  // This checks display age every minute; refresh() limits network work to 30m.
+  const timer = setInterval(tick, 60_000);
+  document.addEventListener("visibilitychange", tick);
+  window.addEventListener("pageshow", tick);
+  return () => {
+    active = false;
+    clearInterval(timer);
+    document.removeEventListener("visibilitychange", tick);
+    window.removeEventListener("pageshow", tick);
+  };
+}
diff --git a/src/lib/client/weather.ts b/src/lib/client/weather.ts
new file mode 100644
index 0000000..10c850d
--- /dev/null
+++ b/src/lib/client/weather.ts
@@ -0,0 +1,163 @@
+import { weatherConfig } from "../../data/widgets.ts";
+
+export interface WeatherSnapshot {
+  city: string;
+  timezone: string;
+  temperatureUnit: "fahrenheit";
+  temperature: number;
+  feelsLike: number;
+  high: number;
+  low: number;
+  humidity: number;
+  weatherCode: number;
+  isDay: boolean;
+  uvIndex: number | null;
+  conditionsAt: string;
+  uvAt: string | null;
+  fetchedAt: string;
+}
+
+type FetchOptions = {
+  signal?: AbortSignal;
+  // Injection lets us verify failures without contacting the provider.
+  fetcher?: typeof fetch;
+};
+
+function object(value: unknown): Record<string, unknown> {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    throw new Error("Invalid Open-Meteo response: expected an object");
+  }
+  return value as Record<string, unknown>;
+}
+
+function number(
+  value: unknown,
+  name: string,
+  min = -Infinity,
+  max = Infinity,
+): number {
+  if (
+    typeof value !== "number" ||
+    !Number.isFinite(value) ||
+    value < min ||
+    value > max
+  ) {
+    throw new Error(`Invalid Open-Meteo field: ${name}`);
+  }
+  return value;
+}
+
+function timestamp(value: unknown): string {
+  const seconds = number(value, "time", 0);
+  const date = new Date(seconds * 1000);
+  if (Number.isNaN(date.getTime()))
+    throw new Error("Invalid Open-Meteo timestamp");
+  return date.toISOString();
+}
+
+function dailyValue(value: unknown, name: string): number {
+  if (!Array.isArray(value) || value.length !== 1) {
+    throw new Error(`Invalid Open-Meteo daily field: ${name}`);
+  }
+  return number(value[0], name);
+}
+
+function url(base: string, parameters: Record<string, string>): URL {
+  const result = new URL(base);
+  result.search = new URLSearchParams({
+    latitude: String(weatherConfig.latitude),
+    longitude: String(weatherConfig.longitude),
+    timezone: weatherConfig.timezone,
+    timeformat: "unixtime",
+    forecast_days: "1",
+    ...parameters,
+  }).toString();
+  return result;
+}
+
+async function request(url: URL, fetcher: typeof fetch, signal: AbortSignal) {
+  const response = await fetcher(url, {
+    signal,
+    credentials: "omit",
+    referrerPolicy: "no-referrer",
+  });
+  if (!response.ok) {
+    throw new Error(`Open-Meteo request failed (${response.status})`);
+  }
+  return object(await response.json());
+}
+
+/** One refresh only. Storage, retry policy, and scheduling belong to the caller. */
+export async function fetchWeather({
+  signal,
+  fetcher = fetch,
+}: FetchOptions = {}): Promise<WeatherSnapshot> {
+  const timeout = AbortSignal.timeout(10_000);
+  const requestSignal = signal ? AbortSignal.any([signal, timeout]) : timeout;
+
+  const weatherUrl = url("https://api.open-meteo.com/v1/forecast", {
+    current:
+      "temperature_2m,apparent_temperature,relative_humidity_2m,weather_code,is_day",
+    daily: "temperature_2m_max,temperature_2m_min",
+    temperature_unit: weatherConfig.temperatureUnit,
+  });
+  const airUrl = url("https://air-quality-api.open-meteo.com/v1/air-quality", {
+    current: "uv_index",
+  });
+
+  // Settle independently: optional UV failure must not discard weather.
+  const [weatherResult, airResult] = await Promise.allSettled([
+    request(weatherUrl, fetcher, requestSignal),
+    request(airUrl, fetcher, requestSignal),
+  ]);
+  signal?.throwIfAborted();
+  if (weatherResult.status === "rejected") throw weatherResult.reason;
+
+  const current = object(weatherResult.value.current);
+  const daily = object(weatherResult.value.daily);
+  const high = dailyValue(daily.temperature_2m_max, "temperature_2m_max");
+  const low = dailyValue(daily.temperature_2m_min, "temperature_2m_min");
+  if (low > high) throw new Error("Invalid Open-Meteo daily temperature range");
+  const day = number(current.is_day, "is_day", 0, 1);
+  if (day !== 0 && day !== 1) throw new Error("Invalid Open-Meteo day flag");
+  const weatherCode = number(current.weather_code, "weather_code", 0, 99);
+  if (!Number.isInteger(weatherCode))
+    throw new Error("Invalid Open-Meteo weather code");
+
+  let uvIndex: number | null = null;
+  let uvAt: string | null = null;
+  if (airResult.status === "fulfilled") {
+    try {
+      const air = object(airResult.value.current);
+      const at = timestamp(air.time);
+      const uv =
+        air.uv_index == null ? null : number(air.uv_index, "uv_index", 0);
+      uvIndex = uv;
+      uvAt = at;
+    } catch {
+      // Malformed optional data is unavailable, never substituted with zero.
+    }
+  }
+
+  return {
+    city: weatherConfig.city,
+    timezone: weatherConfig.timezone,
+    temperatureUnit: weatherConfig.temperatureUnit,
+    temperature: number(current.temperature_2m, "temperature_2m"),
+    feelsLike: number(current.apparent_temperature, "apparent_temperature"),
+    humidity: number(
+      current.relative_humidity_2m,
+      "relative_humidity_2m",
+      0,
+      100,
+    ),
+    high,
+    low,
+    weatherCode,
+    isDay: day === 1,
+    uvIndex,
+    conditionsAt: timestamp(current.time),
+    uvAt,
+    fetchedAt: new Date().toISOString(),
+  };
+}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9586ba3..85bc7e2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,7 +2,6 @@
 import BaseLayout from "../layouts/BaseLayout.astro";
 import ClockWidget from "../components/ui/widgets/ClockWidget.astro";
 import WeatherWidget from "../components/ui/widgets/WeatherWidget.astro";
-import { weatherPreview } from "../data/widgets";
 
 import ItemBox from "../components/ui/ItemBox.astro";
 import ItemList from "../components/ui/ItemList.astro";
@@ -145,13 +144,13 @@ const homepageProjects = await getHomepageProjects(6);
 
         <section class="weather">
           <ItemBox>
-            <WeatherWidget weather={weatherPreview} />
+            <WeatherWidget />
           </ItemBox>
         </section>
 
         <section class="time">
           <ItemBox class="no-border">
-            <ClockWidget timezone="America/Chicago" />
+            <ClockWidget />
           </ItemBox>
         </section>
 
diff --git a/tests/weather-display.test.ts b/tests/weather-display.test.ts
new file mode 100644
index 0000000..c33ae98
--- /dev/null
+++ b/tests/weather-display.test.ts
@@ -0,0 +1,13 @@
+import assert from "node:assert/strict";
+import { test } from "node:test";
+import { conditionLabel } from "../src/lib/client/weather-display.ts";
+
+test("weather descriptions distinguish day, night, precipitation and unknown codes", () => {
+  assert.equal(conditionLabel(0, true), "Sunny");
+  assert.equal(conditionLabel(0, false), "Clear");
+  assert.equal(conditionLabel(73, true), "Snowing");
+  assert.equal(conditionLabel(67, false), "Freezing rain");
+  assert.equal(conditionLabel(97, false), "Thunderstorms");
+  assert.equal(conditionLabel(99, true), "Storms with hail");
+  assert.equal(conditionLabel(1000, true), "Unknown");
+});
diff --git a/tests/weather-store.test.ts b/tests/weather-store.test.ts
new file mode 100644
index 0000000..f150c4b
--- /dev/null
+++ b/tests/weather-store.test.ts
@@ -0,0 +1,150 @@
+import assert from "node:assert/strict";
+import { test } from "node:test";
+import { createWeatherStore } from "../src/lib/client/weather-store.ts";
+import type { WeatherSnapshot } from "../src/lib/client/weather.ts";
+import { locationConfig } from "../src/data/location.ts";
+
+const HOUR = 60 * 60 * 1000;
+const initialTime = Date.parse("2026-09-25T02:00:00Z");
+function snapshot(at = initialTime): WeatherSnapshot {
+  return {
+    city: locationConfig.city,
+    timezone: locationConfig.timezone,
+    temperatureUnit: "fahrenheit",
+    temperature: 72,
+    feelsLike: 74,
+    high: 80,
+    low: 60,
+    humidity: 50,
+    weatherCode: 2,
+    isDay: false,
+    uvIndex: 0,
+    conditionsAt: new Date(at).toISOString(),
+    uvAt: new Date(at).toISOString(),
+    fetchedAt: new Date(at).toISOString(),
+  };
+}
+
+function memoryStorage(initial: string | null = null) {
+  let value = initial;
+  return {
+    getItem: () => value,
+    setItem: (_key: string, next: string) => {
+      value = next;
+    },
+  };
+}
+
+test("reuses persisted weather across reloads, then refreshes at 30 minutes", async () => {
+  let clock = initialTime;
+  let calls = 0;
+  const storage = memoryStorage();
+  const options = {
+    storage,
+    now: () => clock,
+    load: async () => {
+      calls++;
+      return snapshot(clock);
+    },
+  };
+  await createWeatherStore(options).refresh();
+  clock += 29 * 60_000;
+  const reloaded = createWeatherStore(options);
+  await reloaded.refresh();
+  assert.equal(calls, 1);
+  clock += 60_000;
+  await reloaded.refresh();
+  assert.equal(calls, 2);
+});
+
+test("overlapping callers share one network refresh", async () => {
+  let calls = 0;
+  const store = createWeatherStore({
+    storage: memoryStorage(),
+    now: () => initialTime,
+    load: async () => {
+      calls++;
+      return snapshot();
+    },
+  });
+  const first = store.refresh();
+  const second = store.refresh();
+  assert.equal(first, second);
+  assert.equal(store.getState().status, "loading");
+  await first;
+  assert.equal(calls, 1);
+  assert.equal(store.getState().status, "ready");
+});
+
+test("failed refresh retains weather, throttles retries, and ages it out", async () => {
+  let clock = initialTime + HOUR;
+  let calls = 0;
+  const store = createWeatherStore({
+    storage: memoryStorage(JSON.stringify(snapshot())),
+    now: () => clock,
+    load: async () => {
+      calls++;
+      throw new Error("offline");
+    },
+  });
+  assert.equal((await store.refresh()).status, "ready");
+  await store.refresh();
+  assert.equal(calls, 1);
+  clock = initialTime + 3 * HOUR;
+  assert.equal(store.getState().status, "stale");
+  clock = initialTime + 6 * HOUR;
+  assert.equal(store.getState().status, "unavailable");
+  assert.equal(store.getState().snapshot, null);
+});
+
+test("fresh download does not make old conditions fresh", async () => {
+  const store = createWeatherStore({
+    storage: memoryStorage(),
+    now: () => initialTime + 7 * HOUR,
+    load: async () => ({
+      ...snapshot(),
+      fetchedAt: new Date(initialTime + 7 * HOUR).toISOString(),
+    }),
+  });
+  assert.equal((await store.refresh()).status, "unavailable");
+});
+
+test("invalid, wrong-location, and future cache entries are ignored", async () => {
+  for (const cached of [
+    "broken JSON",
+    "null",
+    JSON.stringify({ ...snapshot(), temperature: null }),
+    JSON.stringify({ ...snapshot(), city: "Elsewhere" }),
+    JSON.stringify(snapshot(initialTime + HOUR)),
+  ]) {
+    const store = createWeatherStore({
+      storage: memoryStorage(cached),
+      now: () => initialTime,
+      load: async () => snapshot(),
+    });
+    assert.equal(store.getState().snapshot, null);
+    assert.equal((await store.refresh()).status, "ready");
+  }
+});
+
+test("blocked storage falls back to an in-memory cache", async () => {
+  let calls = 0;
+  const store = createWeatherStore({
+    storage: {
+      getItem() {
+        throw new Error("blocked");
+      },
+      setItem() {
+        throw new Error("full");
+      },
+    },
+    now: () => initialTime,
+    load: async () => {
+      calls++;
+      return snapshot();
+    },
+  });
+  assert.equal((await store.refresh()).status, "ready");
+  await store.refresh();
+  assert.equal(calls, 1);
+});
diff --git a/tests/weather.test.ts b/tests/weather.test.ts
new file mode 100644
index 0000000..b53a6bb
--- /dev/null
+++ b/tests/weather.test.ts
@@ -0,0 +1,98 @@
+import assert from "node:assert/strict";
+import { test } from "node:test";
+import { fetchWeather } from "../src/lib/client/weather.ts";
+import { locationConfig } from "../src/data/location.ts";
+
+const weather = {
+  current: {
+    time: 1790290800,
+    temperature_2m: 72.4,
+    apparent_temperature: 74.8,
+    relative_humidity_2m: 48,
+    weather_code: 2,
+    is_day: 1,
+  },
+  daily: { temperature_2m_max: [81.2], temperature_2m_min: [59.7] },
+};
+const air = { current: { time: 1790287200, uv_index: 0 } };
+
+function mockFetch(
+  airResponse: () => Response = () => Response.json(air),
+  weatherBody: unknown = weather,
+): typeof fetch {
+  return async (input, init) => {
+    const url = new URL(String(input));
+    assert.equal(url.searchParams.get("timezone"), locationConfig.timezone);
+    assert.equal(
+      url.searchParams.get("latitude"),
+      String(locationConfig.latitude),
+    );
+    assert.equal(
+      url.searchParams.get("longitude"),
+      String(locationConfig.longitude),
+    );
+    assert.equal(url.searchParams.get("forecast_days"), "1");
+    assert.equal(url.searchParams.get("timeformat"), "unixtime");
+    assert.equal(init?.credentials, "omit");
+    if (url.hostname === "air-quality-api.open-meteo.com") return airResponse();
+    assert.equal(url.searchParams.get("temperature_unit"), "fahrenheit");
+    return Response.json(weatherBody);
+  };
+}
+
+test("returns unrounded Fahrenheit values and distinct UTC condition timestamps", async () => {
+  const data = await fetchWeather({ fetcher: mockFetch() });
+  assert.equal(data.temperature, 72.4);
+  assert.equal(data.high, 81.2);
+  assert.equal(data.low, 59.7);
+  assert.equal(data.uvIndex, 0);
+  assert.equal(data.feelsLike, 74.8);
+  assert.equal(data.isDay, true);
+  assert.equal(
+    data.conditionsAt,
+    new Date(weather.current.time * 1000).toISOString(),
+  );
+  assert.notEqual(data.conditionsAt, data.uvAt);
+});
+
+test("UV HTTP, network, and malformed-response failures preserve weather", async () => {
+  for (const response of [
+    () => new Response(null, { status: 429 }),
+    () => {
+      throw new TypeError("Network unavailable");
+    },
+    () => Response.json({ current: { time: "invalid" } }),
+    () => new Response("not JSON"),
+  ]) {
+    const data = await fetchWeather({ fetcher: mockFetch(response) });
+    assert.equal(data.temperature, 72.4);
+    assert.equal(data.uvIndex, null);
+    assert.equal(data.feelsLike, 74.8);
+    assert.equal(data.uvAt, null);
+  }
+});
+
+test("rejects missing temperatures rather than coercing null to zero", async () => {
+  await assert.rejects(
+    fetchWeather({
+      fetcher: mockFetch(undefined, {
+        ...weather,
+        current: { ...weather.current, temperature_2m: null },
+      }),
+    }),
+    /temperature_2m/,
+  );
+});
+
+test("rejects weather HTTP failures and caller cancellation", async () => {
+  await assert.rejects(
+    fetchWeather({ fetcher: async () => new Response(null, { status: 503 }) }),
+    /503/,
+  );
+  const controller = new AbortController();
+  controller.abort();
+  await assert.rejects(
+    fetchWeather({ fetcher: mockFetch(), signal: controller.signal }),
+    { name: "AbortError" },
+  );
+});