From 7ea443b0c5f6f6bbdf70c1d8d685a4f172c59567 Mon Sep 17 00:00:00 2001
From: neil <neil@neils-MacBook-Pro.local>
Date: Fri, 9 Dec 2022 16:11:05 +0800
Subject: [PATCH] #77 TBD footer

---
 .../src/components/FooterLinks/FooterLinks.svelte    |  8 ++++++++
 packages/gui/src/routes/+layout.svelte               | 12 ++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 packages/gui/src/components/FooterLinks/FooterLinks.svelte

diff --git a/packages/gui/src/components/FooterLinks/FooterLinks.svelte b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
new file mode 100644
index 0000000..83278c6
--- /dev/null
+++ b/packages/gui/src/components/FooterLinks/FooterLinks.svelte
@@ -0,0 +1,8 @@
+<footer class="h-autofont-machina relative w-full bg-black">
+	<section class="h-56 p-4 px-16">
+		<a class="text-xl text-primary" href="/"> Quick Links (TBD) </a>
+	</section>
+	<section class="h-16 border border-r-0 border-gray p-4 px-16">
+		<a class="text-sm text-primary" href="/"> terms and services </a>
+	</section>
+</footer>
diff --git a/packages/gui/src/routes/+layout.svelte b/packages/gui/src/routes/+layout.svelte
index 92adcef..b24e474 100644
--- a/packages/gui/src/routes/+layout.svelte
+++ b/packages/gui/src/routes/+layout.svelte
@@ -2,6 +2,7 @@
 <script lang="ts">
 	import '$appcss';
 	import NavBar from '$components/NavBar/NavBar.svelte';
+	import FooterLinks from '$components/FooterLinks/FooterLinks.svelte';
 
 	import { backLink as backLinkStore } from '$libs/stores';
 
@@ -15,17 +16,20 @@
 	<nav class="border border-t-0 border-l-0 border-b-0 border-gray">
 		<NavBar />
 	</nav>
-	<section class="px-16 pt-24 pb-24">
+	<section class="pt-24">
 		{#if backLink}
 			<header class="px-16 py-2 text-3xl text-gray hover:text-primary">
 				<a href={backLink}>&#8592</a>
 			</header>
 		{/if}
 		<figure />
-		<div>
+		<div class="px-16">
 			<!-- all pages get inserted in this slot -->
 			<slot />
 		</div>
+		<footer class="mt-8 w-full border border-r-0 border-gray bg-black">
+			<FooterLinks />
+		</footer>
 	</section>
 </div>
 
@@ -70,4 +74,8 @@
 	div {
 		position: relative;
 	}
+
+	footer {
+		height: 100px;
+	}
 </style>