joshbairstow/jb-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(marks): anchor 404 page marks to content section

Browse source
This commit is contained in:
Josh Bairstow 2026-06-03 15:51:02 +10:00
parent 867a8c1762
commit 45e84c1856
1 changed files with 4 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/pages/404.astro
View file

@ -6,14 +6,10 @@ import { home } from "~/lib/urls";
--- ---
<BaseLayout title="Not yet here — Josh Bairstow" description="The page you were looking for doesn't exist yet."> <BaseLayout title="Not yet here — Josh Bairstow" description="The page you were looking for doesn't exist yet.">
<Fragment slot="marks">
<Mark kind="ringdots" width={92} top="18%" left="6%" rotate={-8} />
<Mark kind="dots" width={50} top="64%" right="6%" />
<Mark kind="pipes" width={28} bottom="18%" left="40%" rotate={10} />
<Mark kind="concentric" width={44} bottom="22%" right="14%" />
</Fragment>
<main class="missing"> <main class="missing">
<Mark kind="ringdots" width={92} top="-14px" left="-16px" rotate={-8} />
<Mark kind="dots" width={50} top="-12px" right="-12px" />
<Mark kind="concentric" width={44} bottom="-14px" right="-12px" />
<p class="num">404</p> <p class="num">404</p>
<h1>Not yet here<span class="accent">.</span></h1> <h1>Not yet here<span class="accent">.</span></h1>
<p class="lead"> <p class="lead">
@ -29,6 +25,7 @@ import { home } from "~/lib/urls";
<style> <style>
.missing { .missing {
position: relative;
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;