From 0a1b38010578b68382043b014f5a651bbb784f9d Mon Sep 17 00:00:00 2001
From: Hayden Hargreaves <hhargreaves2006@gmail.com>
Date: Wed, 29 Oct 2025 21:37:12 -0700
Subject: [PATCH] (FIX): Implemented an interesting layout update.

---
 web/src/layouts/WebLayout.tsx |  6 +++++-
 web/src/pages/Home.tsx        |  4 +---
 web/src/pages/NotFound.tsx    | 33 +++++++++++++++------------------
 3 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/web/src/layouts/WebLayout.tsx b/web/src/layouts/WebLayout.tsx
index 181949e..67a23d5 100644
--- a/web/src/layouts/WebLayout.tsx
+++ b/web/src/layouts/WebLayout.tsx
@@ -8,7 +8,11 @@ export default function WebLayout() {
     <>
       <div className="bg-gray-100 min-h-screen">
         <Navigation />
-        <Outlet />
+        <div className="w-full flex justify-center">
+          <div className="mx-2 md:mx-0 w-full md:w-1/2 md:pt-14 min-h-screen h-fit border-l border-r border-gray-300 bg-white">
+            <Outlet />
+          </div>
+        </div>
       </div>
     </>
 
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index 2c30a5f..94f7347 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -1,7 +1,5 @@
 export default function Home() {
   return (
-    <>
-      <p>Home</p>
-    </>
+    <p>hello</p>
   );
 }
diff --git a/web/src/pages/NotFound.tsx b/web/src/pages/NotFound.tsx
index 622f327..086acee 100644
--- a/web/src/pages/NotFound.tsx
+++ b/web/src/pages/NotFound.tsx
@@ -1,26 +1,23 @@
 import ROUTE_CONSTANTS from "../types/routes";
 
 export default function NotFound() {
-
   return (
-    <div className="w-full h-screen flex justify-center">
-      <div className="mx-2 md:mx-0 w-full md:w-1/2 flex items-center justify-center h-full border-l border-r border-gray-300 bg-white">
-        <div className="flex flex-col items-center justify-center gap-y-4">
-          <div className="flex flex-col items-center justify-center">
-            <svg
-              className="h-20 md:h-24 text-blue-700 motion-safe:animate-bounce ease-in-out"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 448 512"
-              fill="currentColor"
-            >
-              <path d="M288 0L160 0 128 0C110.3 0 96 14.3 96 32s14.3 32 32 32l0 132.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512l309.2 0c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5L320 64c17.7 0 32-14.3 32-32s-14.3-32-32-32L288 0zM192 196.8L192 64l64 0 0 132.8c0 23.7 6.6 46.9 19 67.1L309.5 320l-171 0L173 263.9c12.4-20.2 19-43.4 19-67.1z" />
-            </svg>
-            <div className="bg-black size-10 md:size-12 blur rounded-full scale-x-150 scale-y-50 -mt-1 md:-mt-2 opacity-50"></div>
-          </div>
-          <h1 className="text-gray-500 text-6xl md:text-8xl font-sans">404</h1>
-          <p className="text-sm md:text-base text-gray-700">This page could not be found!</p>
-          <a className="underline text-sm md:text-base text-blue-700" href={ROUTE_CONSTANTS.Home}>Back Home</a>
+    <div className="w-full h-[85vh] flex justify-center">
+      <div className="flex flex-col items-center justify-center gap-y-4">
+        <div className="flex flex-col items-center justify-center">
+          <svg
+            className="h-20 md:h-24 text-blue-700 motion-safe:animate-bounce ease-in-out"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 448 512"
+            fill="currentColor"
+          >
+            <path d="M288 0L160 0 128 0C110.3 0 96 14.3 96 32s14.3 32 32 32l0 132.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512l309.2 0c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5L320 64c17.7 0 32-14.3 32-32s-14.3-32-32-32L288 0zM192 196.8L192 64l64 0 0 132.8c0 23.7 6.6 46.9 19 67.1L309.5 320l-171 0L173 263.9c12.4-20.2 19-43.4 19-67.1z" />
+          </svg>
+          <div className="bg-black size-10 md:size-12 blur rounded-full scale-x-150 scale-y-50 -mt-1 md:-mt-2 opacity-50"></div>
         </div>
+        <h1 className="text-gray-500 text-6xl md:text-8xl font-sans">404</h1>
+        <p className="text-sm md:text-base text-gray-700">This page could not be found!</p>
+        <a className="underline text-sm md:text-base text-blue-700" href={ROUTE_CONSTANTS.Home}>Back Home</a>
       </div>
     </div>
   );