📝 Add an author to the documentation

src/routes/documentation/+layout.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { page } from '$app/stores';
 	import I18n from '$lib/I18n.svelte';
 	import QuickActionButton from '$lib/QuickActionButton.svelte';
 	import Toc from '$lib/documentation/TOC.svelte';
@@ -14,6 +15,22 @@
 	const directoryTree = mergeObjects(directoryPaths);
 
 	let collapsed = false;
+
+	let currentPath = $page.route.id?.split('/').slice(2);
+	const genImportPath = () => `./${currentPath?.join('/')}/+page.md`;
+
+	let data = import(
+		/* @vite-ignore */
+		genImportPath()
+	).then((d) => d.metadata);
+
+	page.subscribe(() => {
+		currentPath = $page.route.id?.split('/').slice(2);
+		data = import(
+			/* @vite-ignore */
+			genImportPath()
+		).then((d) => d.metadata);
+	});
 </script>
 
 <svelte:window
@@ -49,6 +66,17 @@
 	</aside>
 
 	<div>
-		<slot />
+		<div class="pb-6">
+			<slot />
+		</div>
+
+		<div class="text-xs">
+			{#await data then d}
+				{#if d.author}
+					<i class="bx bx-user" />
+					{d.author}
+				{/if}
+			{/await}
+		</div>
 	</div>
 </div>

src/routes/documentation/+page.md

@@ -1,3 +1,7 @@
+---
+author: Dlurak
+---
+
 ## Documentation
 
 This is the start of the documentation for Dlool. It is a work in progress. Help via [GitHub](https://github.com/Dlurak/dloolFrontend) is welcome.

src/routes/documentation/api/+page.md

@@ -1,3 +1,7 @@
+---
+author: Dlurak
+---
+
 ## API
 
 Dlool has a REST API. It is completely open and can be used by anyone. The API is documented using [ApiDoc](https://apidocjs.com/). You can find the documentation [here](https://dlurak.github.io/dloolBackend/). I plan to migrate the documentation to this site in the future.

src/routes/documentation/getting-started/+page.md

@@ -1,3 +1,7 @@
+---
+author: Dlurak
+---
+
 ## Getting Started
 
 To get started with Dlool, we recommend you read the [What is Dlool?](/documentation/getting-started/what-is-dlool) page. It will give you a quick overview of what Dlool is and what it can do for you.

src/routes/documentation/getting-started/what-is-dlool/+page.md

@@ -1,3 +1,7 @@
+---
+author: Dlurak
+---
+
 ## What is Dlool?
 
 Dlool is a web application to manage your entire school life. It is meant as an easy to use tool for students. While it can be used by teachers and parents, it meant to be used by students. Dlool is highly optimized for exactly that use case.