Henry-Hiles/website-old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update 404 page

Browse source
This commit is contained in:
Henry Hiles 2023-06-16 10:13:30 -04:00
parent 912351ea86
commit 52eadce2d3
2 changed files with 9 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/pages/404.astro
View file

@ -4,8 +4,8 @@ import Layout from "../layouts/Layout.astro"
import Divider from "../components/Divider.astro" import Divider from "../components/Divider.astro"
--- ---
<Layout page="Not Found"> <Layout page="Not Found" description="We couldn't find this page.">
<div id={styles.notFound}> <section id={styles.notFound}>
<h1 id={styles.header}>Page Not Found</h1> <h1 id={styles.header}>Page Not Found</h1>
<Divider /> <Divider />
<span id={styles.description}> <span id={styles.description}>
@ -13,5 +13,5 @@ import Divider from "../components/Divider.astro"
>home page</a >home page</a
>. >.
</span> </span>
</div> </section>
</Layout> </Layout>

21
src/styles/404.module.css
View file

@ -1,15 +1,14 @@
#notFound { #notFound {
margin: 50px 20px; margin: 5rem 2rem;
display: flex; display: flex;
padding: 60px 30px; padding: 5rem 3rem;
border-radius: 20px; border-radius: 20px;
background: #1d2e3d;
align-items: center; align-items: center;
gap: 5px; max-width: 40rem;
gap: 0.5rem;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
flex-direction: column; flex-direction: column;
box-shadow: rgba(0, 0, 0, 0.5) 2px 10px 15px;
} }
#notFound a { #notFound a {
@ -18,17 +17,9 @@
#header { #header {
font-size: 3em; font-size: 3em;
margin: 0;
} }
#description { #description {
font-size: 1.3em; font-size: 1.5em;
width: 50%;
}
@media (min-width: 800px) {
.notFound {
width: 60vw;
border-radius: 20px;
height: 65vh;
}
} }