refactor(marks): anchor 404 page marks to content section
This commit is contained in:
parent
867a8c1762
commit
45e84c1856
1 changed files with 4 additions and 7 deletions
|
|
@ -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.">
|
||||
<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">
|
||||
<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>
|
||||
<h1>Not yet here<span class="accent">.</span></h1>
|
||||
<p class="lead">
|
||||
|
|
@ -29,6 +25,7 @@ import { home } from "~/lib/urls";
|
|||
|
||||
<style>
|
||||
.missing {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue