feat: added og to start page

src/routes/+page.svelte

@@ -4,19 +4,21 @@
 
 	let { data } = $props();
 	let blogs = data.blogs as BlogEntry[];
+	let desc =
+		"This is a collection of things I've set up and created that I think might interest others.";
 </script>
 
 <svelte:head>
 	<title>Home - Amys Blog</title>
 	<meta property="og:title" content="Home - Amys Blog" />
+	<meta property="og:description" content={desc} />
+	<meta property="og:image" content="https://madeio.net/blog-covers/flame.jpg" />
 </svelte:head>
 
 <main>
 	<div class="media-margin">
 		<h1>Hi, I'm Amy</h1>
-		<p>
-			This is a collection of things I've set up and created that I think might interest others.
-		</p>
+		<p>{desc}</p>
 	</div>
 	{#each blogs as blog (blog.src)}
 		<a href={blog.src} target={blog.src_target} class="blog-entry">