src/pages/404.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

---
import Layout from '../layouts/Default.astro'
---
<Layout title="404 - Andrew Lee" description="Page not found">
    <div class="error">
        <h1>404</h1>
        <h2>Page not found</h2>
        <h2>Whoops! You blew up the website!</h2>
    </div>
    <script>document.addEventListener('DOMContentLoaded', function () { plausible('404', { props: { path: document.location.pathname } }); });</script>
</Layout>
<style>
    .error {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 0.2em;
        margin: 3em;
    }

    h1 {
        font-size: 5em;
        font-weight: 300;
        margin: 0;
    }

    h2 {
        font-size: 2em;
        margin: 0;
    }

</style>