fix broken link, add title metadata to each page

src/routes/(app)/+page.svelte

@@ -68,6 +68,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>silentsilas - Home</title>
+</svelte:head>
+
 {#if results.length <= 0}
 	<div class="mx-auto container flex flex-col flex-1 my-4">
 		<div class="my-4 text-center" style="height: 60px">
@@ -102,8 +106,8 @@
 			</p>
 			<p>
 				I tend to start a lot of <a href="/projects" class="link-primary">projects</a>, but I'm
-				trying to finish more. I also like to toy with weird web technologies and will host the
-				<a href="/experiments" class="link-primary">experiments</a> here.
+				trying to finish more. It will also host any weird web experiments that I think others might
+				find interesting.
 			</p>
 			<p>
 				I self-host a lot of <a href="/services" class="link-primary">services</a> I find useful. None

src/routes/(app)/poetry/+page.svelte

@@ -48,6 +48,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>silentsilas - Poetry</title>
+</svelte:head>
+
 {#if results.length <= 0}
 	<div class="container mx-auto flex flex-col items-center">
 		<div class="prose mb-4">

src/routes/(app)/poetry/[slug]/+page.svelte

@@ -17,6 +17,10 @@
 	});
 </script>
 
+<svelte:head>
+	<title>silentsilas - {title}</title>
+</svelte:head>
+
 {#if results.length <= 0}
 	<div class="container mx-auto flex flex-col items-center prose px-4">
 		<h1 class="py-6 mb-0">{title}</h1>

src/routes/(app)/services/+page.svelte

@@ -48,6 +48,10 @@
 	];
 </script>
 
+<svelte:head>
+	<title>silentsilas - Services</title>
+</svelte:head>
+
 {#if results.length <= 0}
 	<div class="container mx-auto flex flex-col items-center px-4">
 		<div class="prose">

src/routes/(app)/thoughts/+page.svelte

@@ -48,6 +48,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>silentsilas - Thoughts</title>
+</svelte:head>
+
 {#if results.length <= 0}
 	<div class="container mx-auto flex flex-col items-center">
 		<div class="prose">

src/routes/(app)/thoughts/[slug]/+page.svelte

@@ -17,6 +17,10 @@
 	});
 </script>
 
+<svelte:head>
+	<title>silentsilas - {title}</title>
+</svelte:head>
+
 {#if results.length <= 0}
 	<div class="container mx-auto flex flex-col items-center prose px-4">
 		<h1 class="pt-10">{title}</h1>

src/routes/editor/+page.svelte

@@ -2,6 +2,10 @@
 	import Editor from '$lib/components/scenes/editor/Editor.svelte';
 </script>
 
+<svelte:head>
+	<title>silentsilas - Editor</title>
+</svelte:head>
+
 <div>
 	<Editor />
 </div>

src/routes/projects/+page.svelte

@@ -85,6 +85,10 @@
 	};
 </script>
 
+<svelte:head>
+	<title>silentsilas - Projects</title>
+</svelte:head>
+
 {#if results.length <= 0}
 	<CanvasContainer>
 		<World>