From 6facc0210d2cfcd0017f025ec86cb024b8e9ba34 Mon Sep 17 00:00:00 2001
From: texm <texm@users.noreply.github.com>
Date: Thu, 27 Apr 2023 08:49:29 +0800
Subject: [PATCH] add footer

---
 web/src/components/Navbar.svelte |  2 +-
 web/src/routes/+layout.svelte    |  4 ----
 web/src/routes/+page.svelte      | 13 +++++++++++--
 web/src/routes/Footer.svelte     |  7 +++++++
 4 files changed, 19 insertions(+), 7 deletions(-)
 create mode 100644 web/src/routes/Footer.svelte

diff --git a/web/src/components/Navbar.svelte b/web/src/components/Navbar.svelte
index a711b15..248872d 100644
--- a/web/src/components/Navbar.svelte
+++ b/web/src/components/Navbar.svelte
@@ -10,7 +10,7 @@
 	<div class="flex-1 gap-4 flex-row btn btn-ghost text-2xl">
 			<img class="w-10 h-10"
 					 src="{base}/images/whale-boat-sm.png" alt="whale in boat logo" />
-			<span class="normal-case">shokku</span>
+			<span class="normal-case">Shokku</span>
 	</div>
 	</a>
 	<div class="flex-none">
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index fe0abc6..cda818e 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -2,8 +2,4 @@
 	import "../app.css";
 </script>
 
-<svelte:head>
-	<title>Shokku</title>
-</svelte:head>
-
 <slot />
\ No newline at end of file
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
index 61603b0..bfae2c6 100644
--- a/web/src/routes/+page.svelte
+++ b/web/src/routes/+page.svelte
@@ -3,9 +3,14 @@
   import Hero from "./Hero.svelte";
   import Features from "./Features.svelte";
   import Screenshots from "./Screenshots.svelte";
+  import Footer from "./Footer.svelte";
 </script>
 
-<div class="flex flex-col h-screen">
+<svelte:head>
+	<title>Shokku</title>
+</svelte:head>
+
+<div class="flex flex-col bg-base-300">
 	<div class="flex-shrink">
 		<Navbar />
 	</div>
@@ -14,11 +19,15 @@
 		<Hero />
 	</div>
 
-	<div class="bg-base-300 flex flex-col md:flex-row justify-center p-8 gap-8">
+	<div class="flex flex-col md:flex-row justify-center p-8 gap-8">
 		<div class="w-full md:w-3/5">
 			<Screenshots />
 		</div>
 
 		<Features />
 	</div>
+
+	<div class="bg-base-200">
+		<Footer />
+	</div>
 </div>
\ No newline at end of file
diff --git a/web/src/routes/Footer.svelte b/web/src/routes/Footer.svelte
new file mode 100644
index 0000000..db02b54
--- /dev/null
+++ b/web/src/routes/Footer.svelte
@@ -0,0 +1,7 @@
+<script>
+import {base} from "$app/paths";
+</script>
+
+<div class="my-6 flex justify-center">
+	<img class="w-24 h-24" src="{base}/images/whale-boat-sm.png" alt="whale in boat logo" />
+</div>
\ No newline at end of file