404 page with header component

This commit is contained in:
2023-11-27 21:14:38 -06:00
parent dd79e42fcb
commit c1410f0a0d
2 changed files with 16 additions and 1 deletions

View File

@@ -27,7 +27,7 @@ const title =
<link as="font" crossorigin href="/fonts/-cmunrm.woff2" rel="preload" /> <link as="font" crossorigin href="/fonts/-cmunrm.woff2" rel="preload" />
<link as="font" crossorigin href="/fonts/-cmuntt.woff2" rel="preload" /> <link as="font" crossorigin href="/fonts/-cmuntt.woff2" rel="preload" />
<link as="font" crossorigin href="/fonts/-cmunti.woff2" rel="preload" /> <link as="font" crossorigin href="/fonts/-cmunti.woff2" rel="preload" />
<link as="sitemap" type="application/xml" href="/sitemap-index.xml" /> <link as="sitemap" type="application/xml" href="/sitemap-index .xml" />
<link rel="alternate" type="application/xml" href="/feed.xml" /> <link rel="alternate" type="application/xml" href="/feed.xml" />
<ViewTransitions /> <ViewTransitions />
</head> </head>

15
src/pages/404.astro Normal file
View File

@@ -0,0 +1,15 @@
---
import Base from "@layouts/Base.astro";
import Header from "@components/Header.astro";
---
<Base>
<div class="h-screen flex items-center">
<div class="flex flex-col items-center">
<Header className="!text-7xl" text="404" />
<a href="/" data-astro-prefetch="viewport">
<span class="font-mono text-center">cd ~</span>
</a>
</div>
</div>
</Base>