From 853501c1a0a9905c8a20345d7361a33fbb29613b Mon Sep 17 00:00:00 2001
From: Hyde <108911977+Hyaxon@users.noreply.github.com>
Date: Fri, 25 Sep 2026 12:04:25 -0500
Subject: [PATCH] removed old clock widget

---
 src/assets/pixel/widgets/clock.png          | Bin 471 -> 0 bytes
 src/components/ui/widgets/ClockWidget.astro | 151 --------------------
 src/pages/index.astro                       |  11 --
 3 files changed, 162 deletions(-)
 delete mode 100644 src/assets/pixel/widgets/clock.png
 delete mode 100644 src/components/ui/widgets/ClockWidget.astro

diff --git a/src/assets/pixel/widgets/clock.png b/src/assets/pixel/widgets/clock.png
deleted file mode 100644
index 10048ee54862d0fb00775bf1434e701764a10db2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 471
zcmV;|0Vw{7P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0004uNkl<ZcmYh4
z36_LF2t$+d{zsO~59++8q1Yjo_R&X{;FZZFD@g|X;h3yddQRcL1D*hNsW_z0Wgqw)
z!&@+OXJ*Jo<|jq(fGBrLYLn?`QtX7QM999*_RX+HQR&Fiq*F!FWwnEhS5s7t5@O`|
z*fizq5d{rwTp(dO6}2d1(lQkmF$7&Sd9!DDF2Y)$BqMZph=}5&ND)mfgoQ9M^3)ZN
z3QLWWKa3Z}9a63029n!?rVTbdCW97@X;Pfn!oCi3DP{qy4Wc`Dkwy<$RM*_M5L!}i
zgWMw8@(z*uh()-_*h#Sz>fILWV5*DPS3RlVT4d<Dj%7g{O;_;LCKZ9%*>8aS7Z1tT
zWsdh6Sljf!gy*ZXKzHaKdW(O{_Zn1kj~_YL#oK=a-^Y~28&$c7AP}iYWgHM^02!9?
z2+b9SFgC7G1f$YR!=wdB1jzLZ3}!DDr9+Il*11@LGsE;G_4HC$Jk$91$sZz5a;+9L
z(m#uV6GqR_z~v6G=APJ=eOzj*dr0~N00960;$;>^00006Nkl<Z0{{eE0v4J?{5}8x
N002ovPDHLkV1i>%&dLA)

diff --git a/src/components/ui/widgets/ClockWidget.astro b/src/components/ui/widgets/ClockWidget.astro
deleted file mode 100644
index 9c33e2a..0000000
--- a/src/components/ui/widgets/ClockWidget.astro
+++ /dev/null
@@ -1,151 +0,0 @@
----
-import icon from "../../../assets/pixel/widgets/clock.png";
-import { locationConfig } from "../../../data/location";
-
-interface Props {
-  timezone?: string;
-}
-
-const { timezone = locationConfig.timezone } = Astro.props;
-
-const iconSrc = icon.src;
----
-
-<live-clock class="clock-widget" data-timezone={timezone}>
-  <span
-    class="clock-widget__image"
-    style={{ "--clock-icon": `url("${iconSrc}")` }}
-    aria-hidden="true"
-  />
-  <div class="clock-widget__text">
-    <div class="clock-widget__headline">
-      <time class="clock-widget__time" aria-live="off">
-        --:--:--
-      </time>
-      <span class="clock-widget__zone" data-clock-zone title={timezone}></span>
-    </div>
-    <p class="clock-widget__details" data-clock-date></p>
-    <noscript>Enable JavaScript to see the current time.</noscript>
-  </div>
-</live-clock>
-
-<script>
-  class LiveClock extends HTMLElement {
-    private interval?: number;
-
-    connectedCallback() {
-      const time = this.querySelector("time");
-      const date = this.querySelector("[data-clock-date]");
-      const zone = this.querySelector("[data-clock-zone]");
-      if (!time || !date || !zone) return;
-
-      const timeZone = this.dataset.timezone;
-      let timeFormatter: Intl.DateTimeFormat;
-      let dateFormatter: Intl.DateTimeFormat;
-      let zoneFormatter: Intl.DateTimeFormat;
-
-      try {
-        timeFormatter = new Intl.DateTimeFormat("en-US", {
-          timeZone,
-          hour: "numeric",
-          minute: "2-digit",
-          second: "2-digit",
-          hour12: true,
-        });
-        dateFormatter = new Intl.DateTimeFormat("en-US", {
-          timeZone,
-          weekday: "short",
-          month: "short",
-          day: "numeric",
-          year: "numeric",
-        });
-        zoneFormatter = new Intl.DateTimeFormat("en-US", {
-          timeZone,
-          timeZoneName: "short",
-        });
-      } catch {
-        time.textContent = "Time unavailable";
-        return;
-      }
-
-      const update = () => {
-        const now = new Date();
-        time.textContent = timeFormatter.format(now);
-        time.dateTime = now.toISOString();
-        date.textContent = dateFormatter.format(now);
-        const abbreviation = zoneFormatter
-          .formatToParts(now)
-          .find((part) => part.type === "timeZoneName")?.value;
-        zone.textContent = abbreviation ?? timeZone ?? "";
-      };
-
-      update();
-      this.interval = window.setInterval(update, 1000);
-    }
-
-    disconnectedCallback() {
-      window.clearInterval(this.interval);
-    }
-  }
-
-  if (!customElements.get("live-clock")) {
-    customElements.define("live-clock", LiveClock);
-  }
-</script>
-
-<style>
-  .clock-widget {
-    display: flex;
-    align-items: center;
-    gap: var(--space-4);
-
-    color: inherit;
-    text-decoration: none;
-  }
-
-  .clock-widget__image {
-    flex-shrink: 0;
-    width: 48px;
-    height: 48px;
-    background-color: var(--color-text);
-    mask: var(--clock-icon) center / contain no-repeat;
-    image-rendering: pixelated;
-  }
-
-  .clock-widget__text {
-    min-width: 0;
-    min-height: 48px;
-  }
-
-  .clock-widget__text p {
-    margin: 0;
-  }
-
-  .clock-widget__time {
-    color: #fff;
-    font-size: 1.5rem;
-    line-height: 28px;
-    font-variant-numeric: tabular-nums;
-    white-space: nowrap;
-  }
-
-  .clock-widget__headline {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: baseline;
-    gap: var(--space-2);
-  }
-
-  .clock-widget__zone {
-    font-size: 1rem;
-    line-height: 20px;
-    color: var(--color-text-muted);
-  }
-
-  .clock-widget__details {
-    font-size: 1rem;
-    line-height: 20px;
-    color: var(--color-text-muted);
-    overflow-wrap: anywhere;
-  }
-</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 85bc7e2..405a95d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,5 @@
 ---
 import BaseLayout from "../layouts/BaseLayout.astro";
-import ClockWidget from "../components/ui/widgets/ClockWidget.astro";
 import WeatherWidget from "../components/ui/widgets/WeatherWidget.astro";
 
 import ItemBox from "../components/ui/ItemBox.astro";
@@ -148,12 +147,6 @@ const homepageProjects = await getHomepageProjects(6);
           </ItemBox>
         </section>
 
-        <section class="time">
-          <ItemBox class="no-border">
-            <ClockWidget />
-          </ItemBox>
-        </section>
-
         <section class="ad2">
           <ItemBox>
             <p>ad</p>
@@ -184,10 +177,6 @@ const homepageProjects = await getHomepageProjects(6);
 </BaseLayout>
 
 <style>
-  .time :global(.item-box__content) {
-    padding: var(--space-3);
-  }
-
   .hero :global(.item-box__content) {
     padding-block: 14px;
   }