refactor: 🚚 Extract footer into new component

mollersuite · Jan 27, 2023 · 6ca5f38 · 6ca5f38
1 parent afc7e9a
commit 6ca5f38
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 4 deletions.
diff --git a/src/routes/welcome/+page.svelte b/src/routes/welcome/+page.svelte
@@ -3,6 +3,7 @@
 	import { enhance } from "$app/forms"
 	import Circles from "./Circles.svelte"
 	import generate from "./etcetars"
+	import Footer from "./Footer.svelte"
 	import startup from "./startup.ogg?url"
 	
 	let username = ""
@@ -60,10 +61,9 @@
 		<span>Continue</span>
 	</button>
 </form>
-<footer style="position: fixed; bottom: 10px; left: 10px; right: 10px">
-	oxymoron from Etcetera
-</footer>
-<Circles /> 
+
+<Circles />
+<Footer />
 <svg
 	height="300"
 	version="1.1"

diff --git a/src/routes/welcome/Footer.svelte b/src/routes/welcome/Footer.svelte
@@ -0,0 +1,21 @@
+<footer>
+	<a href="https://gnu.org/l/gpl" rel="license noreferrer" target="_blank">
+		Oxymoron 🄯 {new Date().getFullYear()} Etcetera Development
+	</a>
+	|
+	<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noreferrer">
+		OOBE sound 🄯 2014 Sam Hulick
+	</a>
+</footer>
+<style>
+	footer {
+		position: fixed;
+		bottom: 10px;
+		left: 10px;
+		right: 10px;
+		text-align: center;
+	}
+	a:not(:hover) {
+		text-decoration: none;
+	}
+</style>