firq-dev-website/src/pages/404.astro

64 lines
1.3 KiB
Text
Raw Normal View History

---
import { Image } from 'astro:assets'
import Layout from '../layouts/Layout.astro'
import BaseSection from '../layouts/baseSection.astro'
import sadshishou from '../assets/shishousad.webp'
const description = "Error. This shouldn't happen :/"
---
<Layout
title="404 - Firq FGO Site"
currentpage="404"
descriptionOverride={description}
>
2023-03-16 23:47:40 +01:00
<BaseSection title="FirqhundredandFirq - Not Found">
<div>
<Image src={sadshishou} alt="Sad Shishou" />
<h2>Well ... you were not supposed to end up here.</h2>
2023-03-16 23:47:40 +01:00
<a href="/" aria-label="Home" rel="noopener noreferrer">
<i class="iconoir-fast-arrow-left"></i>Go back home
</a>
</div>
</BaseSection>
</Layout>
<style>
div {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
h2 {
color: white;
font-size: 2rem;
font-weight: bold;
margin-top: 1rem;
max-width: max-content;
}
a {
display: flex;
align-items: center;
justify-content: center;
width: 75%;
text-align: center;
color: white;
background-color: var(--c-gray);
padding: 0.5rem 0px;
margin-bottom: 2rem;
text-decoration: none;
font-size: 1.5rem;
font-weight: bold;
}
a:hover {
color: var(--c-darkpurple);
}
2023-05-09 21:23:41 +02:00
img {
width: 256px;
height: 256px;
}
</style>