wymiller/my-website-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

built out 404 page

Browse Source
This commit is contained in:
Wyatt J. Miller 2024-12-02 23:36:00 -05:00
parent 65f6c30eac
commit ebf7081c07
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/routes/_404.tsx
View File

@ -4,13 +4,18 @@ export default function Error404() {
return ( return (
<> <>
<Head> <Head>
<title>404 - Page not found</title> <title>Page not found</title>
</Head> </Head>
<div class="px-4 py-8 mx-auto bg-[#86efac]"> <div class="px-4 py-8 mx-auto bg-[#313244]">
<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center"> <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
<h1 class="text-4xl font-bold">404 - Page not found</h1> <h1 class="text-4xl font-bold text-[#cdd6f4]">Page not found</h1>
<p class="my-4">The page you were looking for doesn't exist.</p> <p class="my-4 text-[#cdd6f4]">
<a href="/" class="underline"> The page you were looking for doesn't exist!
</p>
<a
href="/"
class="text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer"
>
Go back home Go back home
</a> </a>
</div> </div>