Customizable title and description

frontend/src/components/Toolbar.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { onMount } from "svelte";
+  import { title } from "$lib/stores";
 
   onMount(() => {
     const toolbar = document.querySelector("toolbar") as HTMLElement;
@@ -22,7 +23,7 @@
 </script>
 
 <toolbar>
-  <button id="main" on:click={home}>PASTEBOOK</button>
+  <button id="main" on:click={home}>{$title.toUpperCase()}</button>
   <buttons>
     <button on:click={settings}>SETTINGS</button>
     <button on:click={newPaste}>NEW</button>

frontend/src/lib/stores.ts

@@ -15,3 +15,6 @@ export const pasteURL = writable("");
 
 export const wrap = writable(false);
 export const expire = writable(86400000);
+
+export const title = writable("");
+export const description = writable("");

frontend/src/routes/+layout.server.ts

@@ -0,0 +1,8 @@
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = async ({ params }) => {
+	return {
+		title: process.env.TITLE,
+		description: process.env.DESCRIPTION
+	};
+};

frontend/src/routes/+layout.svelte

@@ -1,5 +1,13 @@
-<script>
+<script lang="ts">
   import Toolbar from "../components/Toolbar.svelte";
+  import { title, description } from "$lib/stores";
+
+  let { data }: { data: PageData } = $props();
+  const newTitle = data.title || 'PasteBook';
+  const newDescription = data.description || 'PasteBook is an aesthetic, effortless way to share your blocks of text, and respects your privacy by automatically deleting your pastes. ';
+
+  title.set(newTitle);
+  description.set(newDescription);
 </script>
 
 <main>

frontend/src/routes/+page.svelte

@@ -1,13 +1,12 @@
-  <script>
+  <script lang="ts">
     import Mode from "../components/Mode.svelte";
     import { onMount } from "svelte";
+    import { title, description } from "$lib/stores";
 
     export const commitHash = import.meta.env.VITE_COMMIT_HASH || 'unknown';
-
     let width = 0;
 
     onMount(() => {
-
       width = window.innerWidth;
 
       window.onresize = () => {
@@ -17,10 +16,9 @@
   </script>
 
   <about>
-    <h1>PasteBook</h1>
+    <h1>{$title}</h1>
     <p class="description">
-      PasteBook is an aesthetic, effortless way to share your blocks of text, and
-      respects your privacy by automatically deleting your pastes.
+      {$description}
     </p>
 
     <p class="footer">