diff options
| author | axtloss <axtlos@disroot.org> | 2024-08-20 01:20:30 +0200 |
|---|---|---|
| committer | axtloss <axtlos@disroot.org> | 2024-08-20 01:20:30 +0200 |
| commit | e235aa6cf4914cbff6c72f19e0fcf6888da349f7 (patch) | |
| tree | 0d488cadc02706aa2c7652b42e4f21342125c5f7 /src/routes/+error.svelte | |
| parent | 479414a93ae03a4463c16d54b39cd155b1e04683 (diff) | |
| download | website-e235aa6cf4914cbff6c72f19e0fcf6888da349f7.tar.gz website-e235aa6cf4914cbff6c72f19e0fcf6888da349f7.tar.bz2 | |
yayyy new website!!
Diffstat (limited to 'src/routes/+error.svelte')
| -rw-r--r-- | src/routes/+error.svelte | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte new file mode 100644 index 0000000..2ced366 --- /dev/null +++ b/src/routes/+error.svelte @@ -0,0 +1,41 @@ +<script lang="ts"> + import { page } from "$app/stores"; + + let displayDog = ($page.status === 404) || false; +</script> + +<div class="error-container"> + <div class="error"> + <h1>{$page.status ?? "oopsie daisies!"}</h1> + <p>{$page.error?.message ?? "website broke >w< "}</p> + </div> + {#if displayDog} + <div class="huh"> + <img src="/huh.jpg" alt="dog looking at the camera with a question mark edited next to it"/> + </div> + {/if} +</div> + +<style lang="scss"> + .error-container { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + + & .error { + display: flex; + flex-direction: column; + align-items: center; + margin: 36px 12px; + border-spacing: 36px; + + & :not(:last-child) { + margin-bottom: 1rem; + } + } + } +</style> + |