Webmaster/ieeeucsd-org
3
1
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

centered and blended 404 page

Browse source
This commit is contained in:
chark1es 2025-01-06 18:35:43 -08:00
parent 6e5fb423b1
commit ae2616c1eb
1 changed files with 18 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/pages/404.astro
View file

@ -4,19 +4,24 @@ import Link from "next/link";
---
<Layout>
<div class = "w-fit h-screen flex flex-col items-center relative">
<img src = "/404.png" alt = "404 shing" class = "mr-[11%]">
<div class = "flex flex-col items-center absolute bottom-[27%]">
<p class = "font-extralight text-[1.2vw]">
Oops! You're Lost in the Circuit! 🔌⚡
</p>
<Link href = "/" className = "border-white/80 border-[0.12vw] rounded-[0.7vw] px-[8.5vw] py-[3%] font-extralight text-[1.2vw] mt-[3%] hover:text-ieee-yellow hover:border-ieee-yellow duration-300">
Go Back Home
</Link>
<div class="h-screen w-full flex items-center justify-center">
<div class="flex flex-col items-center relative">
<img
src="/404.png"
alt="404 shing"
class="mr-[11%] [mask-image:radial-gradient(circle,black_10%,transparent_100%)]"
/>
<div class="flex flex-col items-center absolute bottom-[27%]">
<p class="font-extralight text-[1.2vw]">
Oops! You're Lost in the Circuit! 🔌⚡
</p>
<Link
href="/"
className="border-white/80 border-[0.12vw] rounded-[0.7vw] px-[8.5vw] py-[3%] font-extralight text-[1.2vw] mt-[3%] hover:text-ieee-yellow hover:border-ieee-yellow duration-300"
>
Go Back Home
</Link>
</div>
</div>
</div>
</Layout>