From b4e6f128d7104c74de4f57fd1ebe6051e65b52f3 Mon Sep 17 00:00:00 2001
From: Adam <2363879+adamdotdevin@users.noreply.github.com>
Date: Tue, 25 Nov 2025 10:45:13 -0600
Subject: fix: favicons across all web properties

---
 packages/ui/src/components/favicon.tsx | 15 ++++--------
 packages/ui/src/components/font.tsx    | 44 ++++++++++++++++++++++++++++++++++
 packages/ui/src/components/fonts.tsx   | 44 ----------------------------------
 3 files changed, 49 insertions(+), 54 deletions(-)
 create mode 100644 packages/ui/src/components/font.tsx
 delete mode 100644 packages/ui/src/components/fonts.tsx

(limited to 'packages/ui/src/components')

diff --git a/packages/ui/src/components/favicon.tsx b/packages/ui/src/components/favicon.tsx
index de32ed2af..dec18f1ad 100644
--- a/packages/ui/src/components/favicon.tsx
+++ b/packages/ui/src/components/favicon.tsx
@@ -1,19 +1,14 @@
 import { Link, Meta } from "@solidjs/meta"
-import favicon96 from "../assets/favicon/favicon-96x96.png"
-import faviconSvg from "../assets/favicon/favicon.svg"
-import faviconIco from "../assets/favicon/favicon.ico"
-import appleTouchIcon from "../assets/favicon/apple-touch-icon.png"
-import siteWebmanifest from "../assets/favicon/site.webmanifest"
 
 export const Favicon = () => {
   return (
     <>
-      <Link rel="icon" type="image/svg+xml" href={faviconSvg} />
-      <Link rel="icon" type="image/png" href={favicon96} sizes="96x96" />
-      <Link rel="shortcut icon" href={faviconIco} />
-      <Link rel="apple-touch-icon" sizes="180x180" href={appleTouchIcon} />
+      <Link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+      <Link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+      <Link rel="shortcut icon" href="/favicon.ico" />
+      <Link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+      <Link rel="manifest" href="/site.webmanifest" />
       <Meta name="apple-mobile-web-app-title" content="OpenCode" />
-      <Link rel="manifest" href={siteWebmanifest} />
     </>
   )
 }
diff --git a/packages/ui/src/components/font.tsx b/packages/ui/src/components/font.tsx
new file mode 100644
index 000000000..de2991096
--- /dev/null
+++ b/packages/ui/src/components/font.tsx
@@ -0,0 +1,44 @@
+import { Style, Link } from "@solidjs/meta"
+import geist from "../assets/fonts/geist.woff2"
+import tx02 from "../assets/fonts/tx-02.woff2"
+
+export const Font = () => {
+  return (
+    <>
+      <Style>{`
+        @font-face {
+          font-family: "Geist";
+          src: url("${geist}") format("woff2-variations");
+          font-display: swap;
+          font-style: normal;
+          font-weight: 100 900;
+        }
+        @font-face {
+          font-family: "Geist Fallback";
+          src: local("Arial");
+          size-adjust: 100%;
+          ascent-override: 97%;
+          descent-override: 25%;
+          line-gap-override: 1%;
+        }
+        @font-face {
+          font-family: "Berkeley Mono";
+          src: url("${tx02}") format("woff2-variations");
+          font-display: swap;
+          font-style: normal;
+          font-weight: 400 700;
+        }
+        @font-face {
+          font-family: "Berkeley Mono Fallback";
+          src: local("Courier New");
+          size-adjust: 100%;
+          ascent-override: 97%;
+          descent-override: 25%;
+          line-gap-override: 1%;
+        }
+      `}</Style>
+      <Link rel="preload" href={geist} as="font" type="font/woff2" crossorigin="anonymous" />
+      <Link rel="preload" href={tx02} as="font" type="font/woff2" crossorigin="anonymous" />
+    </>
+  )
+}
diff --git a/packages/ui/src/components/fonts.tsx b/packages/ui/src/components/fonts.tsx
deleted file mode 100644
index 0b28e8f3c..000000000
--- a/packages/ui/src/components/fonts.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Style, Link } from "@solidjs/meta"
-import geist from "../assets/fonts/geist.woff2"
-import tx02 from "../assets/fonts/tx-02.woff2"
-
-export const Fonts = () => {
-  return (
-    <>
-      <Style>{`
-        @font-face {
-          font-family: "Geist";
-          src: url("${geist}") format("woff2-variations");
-          font-display: swap;
-          font-style: normal;
-          font-weight: 100 900;
-        }
-        @font-face {
-          font-family: "Geist Fallback";
-          src: local("Arial");
-          size-adjust: 100%;
-          ascent-override: 97%;
-          descent-override: 25%;
-          line-gap-override: 1%;
-        }
-        @font-face {
-          font-family: "Berkeley Mono";
-          src: url("${tx02}") format("woff2-variations");
-          font-display: swap;
-          font-style: normal;
-          font-weight: 400 700;
-        }
-        @font-face {
-          font-family: "Berkeley Mono Fallback";
-          src: local("Courier New");
-          size-adjust: 100%;
-          ascent-override: 97%;
-          descent-override: 25%;
-          line-gap-override: 1%;
-        }
-      `}</Style>
-      <Link rel="preload" href={geist} as="font" type="font/woff2" crossorigin="anonymous" />
-      <Link rel="preload" href={tx02} as="font" type="font/woff2" crossorigin="anonymous" />
-    </>
-  )
-}
-- 
cgit v1.2.3