From 58a39a8438d3d32d8c00da2ae358741780a0c4f2 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sat, 4 Nov 2023 20:53:06 +0100
Subject: [PATCH] Footer component

---
 src/lib/footer.svelte     | 24 ++++++++++++++++++++++++
 src/routes/+layout.svelte |  7 +++++++
 2 files changed, 31 insertions(+)
 create mode 100644 src/lib/footer.svelte
 create mode 100644 src/routes/+layout.svelte

diff --git a/src/lib/footer.svelte b/src/lib/footer.svelte
new file mode 100644
index 0000000..ae781e3
--- /dev/null
+++ b/src/lib/footer.svelte
@@ -0,0 +1,24 @@
+<script>
+	const year = new Date().getFullYear();
+</script>
+
+<footer>
+	Copyright © {year} - Kevin Midbøe ፨
+	<a href="https://github.com/kevinmidboe/k9e.no">View sourcecode</a>
+</footer>
+
+<style lang="scss">
+	footer {
+		position: fixed;
+		bottom: 0;
+		width: 100%;
+		padding: 0.35rem 0;
+		background-color: white;
+	}
+
+	@media (max-width: 500px) {
+		footer {
+			font-size: 0.9rem;
+		}
+	}
+</style>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
new file mode 100644
index 0000000..060b775
--- /dev/null
+++ b/src/routes/+layout.svelte
@@ -0,0 +1,7 @@
+<script>
+	import Footer from '$lib/footer.svelte';
+</script>
+
+<slot />
+
+<Footer />