2023-03-16 22:38:58 +01:00
|
|
|
---
|
|
|
|
|
import Layout from '../layouts/Layout.astro'
|
|
|
|
|
import BaseSection from '../layouts/baseSection.astro'
|
|
|
|
|
|
|
|
|
|
const description = "Error. This shouldn't happen :/"
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<Layout
|
|
|
|
|
title="404 - Firq FGO Site"
|
|
|
|
|
currentpage="404"
|
|
|
|
|
descriptionOverride={description}
|
|
|
|
|
>
|
2023-03-16 23:04:09 +01:00
|
|
|
<BaseSection title="Firq has run into an error">
|
|
|
|
|
<div>
|
|
|
|
|
<img src="/assets/shishousad.webp" alt="Sad Shishou" />
|
|
|
|
|
<h2>Well ... you were not supposed to end up here.</h2>
|
|
|
|
|
<a href="/" aria-label="Home"
|
|
|
|
|
><i class="iconoir-fast-arrow-left"></i>Go back home</a
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</BaseSection>
|
2023-03-16 22:38:58 +01:00
|
|
|
</Layout>
|
|
|
|
|
|
2023-03-16 23:04:09 +01:00
|
|
|
<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);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
