From 51d8c01db6fae188aca8009a96cb71dac0aa4369 Mon Sep 17 00:00:00 2001
From: z0x <homelab@home.arpa>
Date: Wed, 9 Apr 2025 20:43:09 -0400
Subject: [PATCH] refactor(index): create reusable component for text above
 logo

---
 src/components/NotFound.astro |  6 ------
 src/components/Text.astro     | 14 ++++++++++----
 src/pages/404.astro           |  6 ++----
 src/pages/index.astro         |  4 +---
 4 files changed, 13 insertions(+), 17 deletions(-)
 delete mode 100644 src/components/NotFound.astro

diff --git a/src/components/NotFound.astro b/src/components/NotFound.astro
deleted file mode 100644
index a8c8289..0000000
--- a/src/components/NotFound.astro
+++ /dev/null
@@ -1,6 +0,0 @@
-<p class="relative text-4xl font-semibold text-foreground">
-  <span
-    class="absolute inset-0 opacity-0 blur-md motion-text bg-muted-foreground"
-  ></span>
-  <span class="relative opacity-0 motion-text">404</span>
-</p>
diff --git a/src/components/Text.astro b/src/components/Text.astro
index e371c7c..5887d08 100644
--- a/src/components/Text.astro
+++ b/src/components/Text.astro
@@ -1,6 +1,12 @@
+---
+export interface Props {
+  text: string;
+}
+
+const { text } = Astro.props;
+---
+
 <p class="relative text-4xl font-semibold text-foreground">
-  <span
-    class="absolute inset-0 opacity-0 blur-md motion-text bg-muted-foreground"
-  ></span>
-  <span class="relative opacity-0 motion-text">z0x</span>
+  <span class="absolute inset-0 opacity-0 blur-md motion-text bg-muted-foreground"></span>
+  <span class="relative opacity-0 motion-text">{text}</span>
 </p>
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 8860157..97465f1 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1,12 +1,10 @@
 ---
 import Logo from "@/components/Logo.astro";
-import NotFound from "@/components/NotFound.astro";
-import ThemeToggle from "@/components/ThemeToggle.astro";
+import Text from "@/components/Text.astro";
 import Layout from "@/layouts/Layout.astro";
 ---
 
 <Layout>
-  <ThemeToggle />
-  <NotFound />
+	<Text text="404"/>
   <Logo />
 </Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7ae951c..ab56a10 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,13 +2,11 @@
 import Links from "@/components/Links.astro";
 import Logo from "@/components/Logo.astro";
 import Text from "@/components/Text.astro";
-import ThemeToggle from "@/components/ThemeToggle.astro";
 import Layout from "@/layouts/Layout.astro";
 ---
 
 <Layout>
-	<ThemeToggle />
-	<Text />
+	<Text text="z0x"/>
 	<Logo />
 	<Links />
 </Layout>