From e58713b7ac9117a0ec2bc8dd0a249dc14ed7ec3c Mon Sep 17 00:00:00 2001
From: Alexandre Tuleu <alexandre.tuleu.2005@polytechnique.org>
Date: Wed, 20 Sep 2023 10:56:14 +0200
Subject: [PATCH] Adds a footer.

---
 src/app.html               | 2 +-
 src/routes/+page.server.ts | 8 +++++---
 src/routes/+page.svelte    | 6 ++++--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app.html b/src/app.html
index fe5ad2c..aba2847 100644
--- a/src/app.html
+++ b/src/app.html
@@ -10,7 +10,7 @@
 		<div
 			class="h-full bg-neutral-400 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-400"
 		>
-			<div class="container mx-auto">%sveltekit.body%</div>
+			<div class="container mx-auto flex h-full flex-col">%sveltekit.body%</div>
 		</div>
 	</body>
 </html>
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index 7a15a3a..5299393 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -2,11 +2,13 @@ import { clientConfig, serverConfig } from '$lib/server/config';
 import type { PageServerLoad } from './$types';
 import { getServiceHandler } from '$lib/services/services';
 
-export const load: PageServerLoad = ({ fetch }) => {
+export const load: PageServerLoad = ({ fetch, getClientAddress }) => {
 	const serviceData: Array<Array<unknown>> = [];
 	const config = clientConfig();
 
-	for (const [i, group] of serverConfig().services.entries()) {
+	const privateConfig = serverConfig();
+
+	for (const [i, group] of privateConfig.services.entries()) {
 		const groupData: Array<unknown> = [];
 		serviceData.push(groupData);
 		for (const [j, service] of group.items.entries()) {
@@ -20,5 +22,5 @@ export const load: PageServerLoad = ({ fetch }) => {
 		}
 	}
 
-	return { config, serviceData };
+	return { config, serviceData, location: getClientAddress() };
 };
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ea55503..11ef5fc 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -10,7 +10,7 @@
 <Header section={data.config} links={data.config.links} />
 
 <main
-	class={'container mt-20 gap-12 transition-all ' + ' layout-' + $layoutDirection}
+	class={'container mb-auto mt-20 gap-4 transition-all' + ' layout-' + $layoutDirection}
 	style={'--columns:' + data.config.columns}
 >
 	{#each data.config.services as group, i}
@@ -18,7 +18,9 @@
 	{/each}
 </main>
 
-<footer />
+<footer class="flex h-8 w-full flex-row">
+	<div class="mx-auto">Made with ♥ by atuleu. Your IP is {data.location}</div>
+</footer>
 
 <style>
 	.layout-column {