From fa5934c684efc4aa0628d51fc7b8bfc248f7769b Mon Sep 17 00:00:00 2001
From: J-onasJones <me@jonasjones.dev>
Date: Sat, 15 Jun 2024 14:50:19 +0200
Subject: [PATCH] fixed loading screen

---
 src/routes/Loading.svelte | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/routes/Loading.svelte b/src/routes/Loading.svelte
index 1e6ee61..0852594 100644
--- a/src/routes/Loading.svelte
+++ b/src/routes/Loading.svelte
@@ -1,9 +1,23 @@
-<h2>Loading…</h2>
+<div id="loading">
+	<img src="/loading.gif" alt="Loading..." height="400px" />
+	<h1 id="msg">Loading Post...</h1>
+</div>
 
-<p>We're loading the route!</p>
-<p>Here's your message: {params && params.message}</p>
 
-<script>
-// Prop exported that will be filled by the router
-export let params
-</script>
\ No newline at end of file
+<style>
+	#loading {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+		text-align: center;
+
+	}
+
+	#msg {
+		margin-top: 0;
+		font-family: 'Libre Barcode 128';
+		font-size: 5em;
+		font-weight: 400;
+	}
+</style>
\ No newline at end of file