feat: add page titles and opengraph metadata

mwmbl · Sep 19, 2024 · e34a2ab · e34a2ab
1 parent 41b7c5b
commit e34a2ab
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -9,6 +9,18 @@
 	import { ModeWatcher } from 'mode-watcher';
 </script>
 
+<svelte:head>
+	<title>MWMBL</title>
+	<meta property="og:title" content="The first truly open source search engine" />
+	<meta property="og:site_name" content="MWMBL Search Engine" />
+	<meta property="og:type" content="website" />
+	<meta
+		property="og:description"
+		content={'Mwmbl (pronounced "mumble") is the first search engine that\'s completely independent, open source, and non-profit.'}
+	/>
+	<meta property="og:determiner" content="the" />
+</svelte:head>
+
 <ModeWatcher />
 <div class="flex min-h-screen flex-col">
 	<slot></slot>

diff --git a/src/routes/search/+page.svelte b/src/routes/search/+page.svelte
@@ -17,6 +17,10 @@
 	let { data } = $props();
 </script>
 
+<svelte:head>
+	<title>{data.query} - MWMBL</title>
+</svelte:head>
+
 <div class="header-grid mx-auto w-full max-w-screen-xl justify-center gap-4 p-5">
 	<header class="contents">
 		<a