From de1111de654aba98afbe870fcbb1c8d1891169c4 Mon Sep 17 00:00:00 2001
From: J-onasJones <me@jonasjones.dev>
Date: Fri, 7 Jun 2024 02:00:30 +0200
Subject: [PATCH] Added footer

---
 src/App.svelte               |  6 ++++++
 src/components/Footer.svelte | 21 +++++++++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 src/components/Footer.svelte

diff --git a/src/App.svelte b/src/App.svelte
index 9ea661f..f851b33 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -3,6 +3,8 @@
 	import routes from './routes';
     import Title from './components/Title.svelte';
     import Navbar from './components/Navbar.svelte';
+	import Footer from './components/Footer.svelte';
+
 	import { onMount } from 'svelte';
 
 	let showTitle = true;
@@ -30,6 +32,10 @@
 	</div>
 </main>
 
+<footer>
+	<Footer />
+</footer>
+
 <style>
 
 	@media (min-width: 640px) {
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
new file mode 100644
index 0000000..b00a069
--- /dev/null
+++ b/src/components/Footer.svelte
@@ -0,0 +1,21 @@
+<div class="footer">
+  <p>Website by Jonas_Jones 2021 - 2024</p>
+</div>
+
+<style>
+  .footer {
+    height: 1rem;
+    background-color: black;
+    color: white;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+    padding-top: 0.25rem;
+    padding-bottom: 0.5rem;
+    font-size: 20px;
+  }
+</style>