alexlebens/site-profile
1
0
Fork 0
Code Issues 1 Pull Requests Actions Activity

feat: organize to consistency

Browse Source
This commit is contained in:
Alex Lebens
2026-02-17 22:51:40 -06:00
parent 744e72efc9
commit 21085a1620
4 changed files with 25 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/pages/404.astro
View File

@@ -1,10 +1,10 @@
---
import { readSingleton } from '@directus/sdk';
import directus from '@lib/directus';
import BaseLayout from '@layouts/BaseLayout.astro';
import GoBackButton from '@/components/buttons/GoBackButton.astro';
import GoHomeButton from '@/components/buttons/GoHomeButton.astro';
import BaseLayout from '@layouts/BaseLayout.astro';
import directus from '@lib/directus';
const global = await directus.request(readSingleton('site_global'));
---
@@ -29,39 +29,36 @@ const global = await directus.request(readSingleton('site_global'));
}}
>
<section class="mt-20 grid place-content-center">
<div class="mx-auto max-w-7xl px-4 py-8 lg:px-6 lg:py-16">
<div class="mx-auto max-w-screen-sm text-center">
<section class="grid place-content-center mt-20">
<div class="max-w-7xl px-4 lg:px-6 py-8 lg:py-16 mx-auto">
<div class="text-center max-w-screen-sm mx-auto">
<div class="glitch-wrapper smooth-reveal">
<h1
class="glitch text-9xl leading-none font-bold text-neutral-900 sm:text-[12rem] dark:text-neutral-100"
class="glitch text-header text-9xl font-bold leading-none sm:text-[12rem]"
data-text="404"
>
Not Found
</h1>
</div>
<h1
class="text-dark smooth-reveal mb-4 text-7xl font-extrabold text-yellow-500 lg:text-9xl dark:text-yellow-400"
>
{`Page Not Found - ${global.name}`}
<h1 class="smooth-reveal text-yellow-500 dark:text-yellow-400 text-4xl md:text-5xl font-bold leading-tight tracking-tight text-balance mt-30">
Page Not Found:
</h1>
<div
class="smooth-reveal mx-auto mt-16 max-w-md rounded-xl bg-neutral-100 p-6 shadow-xs dark:border-neutral-700/50 dark:bg-stone-800"
>
<h3
class="text-sm font-medium tracking-wider text-neutral-500 uppercase dark:text-neutral-400"
>
<h1 class="smooth-reveal card-text-header mt-8 mb-30">
{Astro.url.pathname.replace('/', '')}
</h1>
<div class="smooth-reveal card-base max-w-md p-6 mx-auto mt-16">
<h3 class="card-text-title text-sm tracking-wider uppercase">
Did you know?
</h3>
<p class="mt-2 text-sm text-neutral-600 dark:text-neutral-300" id="fun-fact">
<p
id="fun-fact"
class="text-secondary text-sm mt-4 mb-2"
>
The 404 error code originated when CERN's web server displayed room 404 (their server
room) as the error message when a file wasn't found.
</p>
</div>
<div
class="smooth-reveal mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row"
>
<div class="smooth-reveal flex flex-col sm:flex-row items-center justify-center gap-4 mt-10">
<GoBackButton/>
<GoHomeButton url={global.site_url} />
</div>