From d63bee294bb3e9a1534837017a6817c53019219e Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Mon, 20 Nov 2023 19:06:17 +0100
Subject: [PATCH] feat: error page and og image

---
 src/app.html             |  4 ++--
 src/routes/+error.svelte | 11 +++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/+error.svelte

diff --git a/src/app.html b/src/app.html
index d2c3bff..31553b4 100644
--- a/src/app.html
+++ b/src/app.html
@@ -12,14 +12,14 @@
 		<meta name="msapplication-TileColor" content="#da532c" />
 		<meta name="theme-color" content="#ffffff" />
 		<title>hellob.art - home of bart van der braak</title>
-		<meta property="twitter:image" content="%sveltekit.assets%/og.png" />
+		<meta property="twitter:image" content="https://hellob.art/og.png" />
 		<meta property="twitter:card" content="summary_large_image" />
 		<meta property="twitter:title" content="hellob.art - home of bart van der braak" />
 		<meta
 			property="twitter:description"
 			content="Personal website of Bart van der Braak showcasing milestones, tools and ideas."
 		/>
-		<meta property="og:image" content="%sveltekit.assets%/og.png" />
+		<meta property="og:image" content="https://hellob.art/og.png" />
 		<meta property="og:title" content="hellob.art - home of bart van der braak" />
 		<meta
 			property="og:description"
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..128883a
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+</script>
+
+<svelte:head>
+	<title>hellob.art &mdash; {$page.error?.message.toLowerCase() || 'error'}</title>
+</svelte:head>
+
+<div class="h-screen flex justify-center items-center">
+	<h2 class="text-3xl font-bold mb-8">{$page.error?.message || 'An unknown error occurred.'}</h2>
+</div>