mikkel/astro-personal-website
1
0
Fork 0
mirror of https://github.com/mikkelsvartveit/astro-personal-website.git synced 2025-12-22 11:12:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update 404 page

Browse source
This commit is contained in:
Mikkel Svartveit 2023-10-30 23:23:24 -07:00
parent bf578e4d80
commit b1721e7f41
2 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/images/404.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 299 KiB

15
src/pages/404.astro
View file

@ -1,16 +1,23 @@
--- ---
import Paragraph from "../components/Paragraph.astro"; import { Image } from "astro:assets";
import BaseLayout from "../layouts/BaseLayout.astro"; import BaseLayout from "../layouts/BaseLayout.astro";
import NotFoundImage from "../assets/images/404.jpeg";
--- ---
<BaseLayout title="Mikkel Svartveit"> <BaseLayout title="Mikkel Svartveit">
<section class="mx-auto max-w-4xl px-3 pb-8 pt-12 sm:px-6"> <section class="mx-auto max-w-4xl px-3 pb-8 pt-12 sm:px-6">
<h1 <h1
class="mb-8 text-center font-serif text-3xl font-light tracking-wide text-gray-600 sm:text-4xl" class="mb-8 text-center text-3xl font-serif font-light tracking-wide text-gray-600 sm:text-4xl"
> >
404 Not Found PAgE nOT fOuNd
</h1> </h1>
<Paragraph class="text-center">That's an error.</Paragraph> <Image
src={NotFoundImage}
alt="404 Not Found"
width={800}
quality="mid"
class="mx-auto w-80 max-w-full rounded-lg shadow-xl"
/>
</section> </section>
</BaseLayout> </BaseLayout>