add 404 page

This commit is contained in:
ClovertaTheTrilobita 2026-03-29 01:20:06 +02:00
parent 357b283ef6
commit 9d56874c4b

38
src/pages/404.astro Normal file
View file

@ -0,0 +1,38 @@
---
import BaseLayout from "@/layouts/BaseLayout.astro";
import "@/styles/global.css";
---
<BaseLayout
pageTitle="404 Not Found"
description="Sorry, the page doesn't exists"
>
<div class="not-found">
<img src="/images/marisa.png" alt="Marisa" class="marisa-404" />
<div class="hint">
<h3>对不起,您请求的页面不存在哦。</h3>
<h3>Sorry, the page you are requesting for doesn't exists.</h3>
</div>
</div>
</BaseLayout>
<style>
.not-found {
min-height: 70vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 1rem;
}
.marisa-404 {
width: 30%;
display: block;
}
.hint {
text-align: center;
}
</style>