From 3f084860be2e8de1f820b4965ac0edd5960e6ada Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 8 Feb 2025 06:34:23 -0800
Subject: [PATCH 1/5] added movement of the css background

---
 src/pages/404.astro | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 5ba831f..3368faa 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -4,9 +4,19 @@ import Link from "next/link";
 ---
 
 <Layout>
-    <div class="h-screen w-full flex justify-center items-center relative">
+    <div
+        class="h-screen w-full flex justify-center items-center relative overflow-hidden"
+    >
         <div
-            class="bg-gradient-to-l to-indigo-950 from-ieee-blue-100 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[3vw] blur-[8vw] rounded-full absolute"
+            class="animate-pulse bg-gradient-to-l to-indigo-950 from-ieee-blue-100 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[3vw] blur-[8vw] rounded-full absolute"
+        >
+        </div>
+        <div
+            class="animate-pulse delay-75 bg-gradient-to-r from-blue-600/30 to-purple-600/30 w-[90vw] h-[55vw] md:w-[38vw] md:h-[24vw] md:blur-[4vw] blur-[9vw] rounded-full absolute -rotate-45"
+        >
+        </div>
+        <div
+            class="animate-pulse delay-150 bg-gradient-to-tr from-ieee-yellow/20 to-blue-500/20 w-[95vw] h-[58vw] md:w-[40vw] md:h-[25vw] md:blur-[3.5vw] blur-[8.5vw] rounded-full absolute rotate-45"
         >
         </div>
         <div class="flex flex-col items-center z-10">
-- 
2.45.2


From 63ec24372dd06cc75cd712ca642f545c5c1e2fd3 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 8 Feb 2025 06:35:08 -0800
Subject: [PATCH 2/5] made it more subtle

---
 src/pages/404.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 3368faa..888e8b7 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -8,15 +8,15 @@ import Link from "next/link";
         class="h-screen w-full flex justify-center items-center relative overflow-hidden"
     >
         <div
-            class="animate-pulse bg-gradient-to-l to-indigo-950 from-ieee-blue-100 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[3vw] blur-[8vw] rounded-full absolute"
+            class="animate-[pulse_3s_ease-in-out_infinite] bg-gradient-to-l to-indigo-950/80 from-ieee-blue-100/60 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[4vw] blur-[10vw] rounded-full absolute"
         >
         </div>
         <div
-            class="animate-pulse delay-75 bg-gradient-to-r from-blue-600/30 to-purple-600/30 w-[90vw] h-[55vw] md:w-[38vw] md:h-[24vw] md:blur-[4vw] blur-[9vw] rounded-full absolute -rotate-45"
+            class="animate-[pulse_4s_ease-in-out_infinite] bg-gradient-to-r from-blue-600/20 to-purple-600/20 w-[90vw] h-[55vw] md:w-[38vw] md:h-[24vw] md:blur-[5vw] blur-[11vw] rounded-full absolute -rotate-45"
         >
         </div>
         <div
-            class="animate-pulse delay-150 bg-gradient-to-tr from-ieee-yellow/20 to-blue-500/20 w-[95vw] h-[58vw] md:w-[40vw] md:h-[25vw] md:blur-[3.5vw] blur-[8.5vw] rounded-full absolute rotate-45"
+            class="animate-[pulse_5s_ease-in-out_infinite] bg-gradient-to-tr from-ieee-yellow/10 to-blue-500/10 w-[95vw] h-[58vw] md:w-[40vw] md:h-[25vw] md:blur-[4.5vw] blur-[10.5vw] rounded-full absolute rotate-45"
         >
         </div>
         <div class="flex flex-col items-center z-10">
-- 
2.45.2


From 2a23ce095b6980904042e8cb882a4ac676b9b842 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 8 Feb 2025 06:35:46 -0800
Subject: [PATCH 3/5] remove interaction

---
 src/pages/404.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 888e8b7..28f548c 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -21,7 +21,7 @@ import Link from "next/link";
         </div>
         <div class="flex flex-col items-center z-10">
             <p
-                class="md:text-[15vw] text-[35vw] leading-tight font-bold tracking-wider text-slate-800/90"
+                class="md:text-[15vw] text-[35vw] leading-tight font-bold tracking-wider text-slate-800/90 select-none"
                 style={{ textShadow: "0vw 0vw 0.2vw #88BFEC" }}
             >
                 404
-- 
2.45.2


From 627258e0a024c793d79120695d460374322bc3df Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 8 Feb 2025 06:37:41 -0800
Subject: [PATCH 4/5] changed the wording a bit

---
 src/pages/404.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 28f548c..77421d1 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -27,7 +27,7 @@ import Link from "next/link";
                 404
             </p>
             <p class="font-extralight md:text-[1.4vw] text-[3vw]">
-                Oops! You're Lost in the Circuit!🔌⚡
+                Oops! You got lost in the circuit!🔌⚡
             </p>
             <Link
                 href="/"
-- 
2.45.2


From 0910f761fedf7933c69a8f30eb1ac65058e1a69c Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 8 Feb 2025 06:42:14 -0800
Subject: [PATCH 5/5] added some uniqueness, changed quote, added more style

---
 src/pages/404.astro | 34 ++++++++++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 77421d1..fc26e51 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -26,14 +26,40 @@ import Link from "next/link";
             >
                 404
             </p>
-            <p class="font-extralight md:text-[1.4vw] text-[3vw]">
-                Oops! You got lost in the circuit!🔌⚡
+            <p
+                class="font-bold md:text-[1.4vw] text-[3vw] text-slate-800/90 select-none font-mono"
+                style={{ textShadow: "0vw 0vw 0.2vw #88BFEC" }}
+            >
+                <span class="text-ieee-yellow">root@ieee</span>:<span
+                    class="text-blue-400">~/404</span
+                > $ ERROR: Connection_Not_Found();
+                <br />
             </p>
             <Link
                 href="/"
-                className="border-white/80 border-[0.12vw] rounded-[0.7vw] px-[7vw] py-[2%] font-extralight md:text-[1.2vw] text-[2.5vw] mt-[3%] hover:text-ieee-yellow hover:border-ieee-yellow duration-300"
+                className="font-bold md:text-[1.2vw] text-[2.5vw] mt-[5%] text-slate-800/90 hover:text-ieee-yellow duration-300 select-none font-mono border-2 border-slate-800/90 rounded-lg px-8 py-3 hover:border-ieee-yellow flex items-center gap-3 group relative overflow-hidden bg-white/5 backdrop-blur-sm hover:bg-ieee-yellow/10 shadow-lg hover:shadow-ieee-yellow/20 transition-all"
+                style={{ textShadow: "0vw 0vw 0.2vw #88BFEC" }}
             >
-                Go Back Home
+                <span
+                    class="text-ieee-yellow group-hover:text-slate-800/90 transition-colors"
+                    >$</span
+                >
+                <span class="relative z-10">cd /home</span>
+                <svg
+                    class="w-[1.2em] h-[1.2em] transition-all group-hover:translate-x-1 text-ieee-yellow group-hover:text-slate-800/90"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                >
+                    <path d="M5 12h14m-7-7l7 7-7 7"></path>
+                </svg>
+                <div
+                    class="absolute inset-0 bg-gradient-to-r from-slate-800/0 via-slate-800/5 to-slate-800/0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-700"
+                >
+                </div>
             </Link>
         </div>
     </div>
-- 
2.45.2