From 417afe71cd5c60d8255337acd7add102860dfd16 Mon Sep 17 00:00:00 2001
From: JSpring0303 <springthing0303@gmail.com>
Date: Tue, 19 Nov 2024 12:38:20 +1300
Subject: [PATCH] landing page done, just needs the login button sorted

---
 src/lib/components/headers/app-header.svelte  | 12 ++++-----
 .../components/headers/landing-header.svelte  |  5 ++--
 src/routes/(landing)/+layout.svelte           |  5 +++-
 src/routes/(landing)/+page.svelte             | 26 +++++++++++--------
 4 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/src/lib/components/headers/app-header.svelte b/src/lib/components/headers/app-header.svelte
index 0eb1398..abbf91f 100644
--- a/src/lib/components/headers/app-header.svelte
+++ b/src/lib/components/headers/app-header.svelte
@@ -15,8 +15,7 @@
 	const isUploadPage = derived(page, ($page) => $page.url.pathname === "/");
 	const isProfilePage = derived(
 		page,
-		($page) =>
-			$page.url.pathname === "/app/account",
+		($page) => $page.url.pathname === "/app/account",
 	);
 </script>
 
@@ -35,12 +34,11 @@
 					class="h-16"
 				/>
 
-				<img 
-				src="src/lib/logos/JailBirdText.svg"
-				alt=""
-				class="h-16 pl-4"
+				<img
+					src="src/lib/logos/JailBirdText.svg"
+					alt=""
+					class="h-16 pl-4"
 				/>
-
 			</div>
 		</a>
 
diff --git a/src/lib/components/headers/landing-header.svelte b/src/lib/components/headers/landing-header.svelte
index 55f72b6..64b25b7 100644
--- a/src/lib/components/headers/landing-header.svelte
+++ b/src/lib/components/headers/landing-header.svelte
@@ -11,14 +11,13 @@
 </script>
 
 <header
-	class="sticky top-0 z-50 w-full shadow-lg h-28 bg-gradient-to-b from-[#202020] to-[#020202]"
+	class="sticky top-0 z-50 h-28 w-full bg-gradient-to-b from-[#202020] to-[#020202] shadow-lg"
 >
-	<div class="flex items-center justify-end px-20 py-4 h-full">
+	<div class="flex h-full items-center justify-end px-20 py-4">
 		<AccountHeaderComponent {user} avatar_size="custom" />
 	</div>
 
 	<div class="absolute inset-0 flex items-center justify-center">
 		<img src={LogoGreen} alt="JailBird Green" class="h-20" />
 	</div>
-
 </header>
diff --git a/src/routes/(landing)/+layout.svelte b/src/routes/(landing)/+layout.svelte
index 29ee2fd..41d609a 100644
--- a/src/routes/(landing)/+layout.svelte
+++ b/src/routes/(landing)/+layout.svelte
@@ -11,7 +11,10 @@
 
 <!-- div to add background to pages solely affected by the landing layout -->
 
-<div class="bg-cover bg-center h-full" style="background-image: url('/backgroundsAndAssets/landerDecoBackgroundV2.svg'), linear-gradient(to right, #0A0A0A 30%, #6CFF96 100%); background-position: right center; background-repeat: no-repeat; background-size: 40%;">
+<div
+	class="h-full bg-cover bg-center"
+	style="background-image: url('/backgroundsAndAssets/landerDecoBackgroundV2.svg'), linear-gradient(to right, #0A0A0A 30%, #6CFF96 100%); background-position: right center; background-repeat: no-repeat; background-size: 40%;"
+>
 	<Main class="h-landing-main">
 		{@render children()}
 	</Main>
diff --git a/src/routes/(landing)/+page.svelte b/src/routes/(landing)/+page.svelte
index 80188af..ffc1107 100644
--- a/src/routes/(landing)/+page.svelte
+++ b/src/routes/(landing)/+page.svelte
@@ -9,22 +9,26 @@
 	}
 
 	const { user }: Props = $props();
-	
 </script>
 
 <Main>
-	<div class="flex items-center justify-between w-full gap-x-24 pt-32">
-
-		<h1 
-		class="flex-1 text-left" 
-		style="font-family: futura, sans-serif; font-weight: 400; font-style: normal; font-size: 4.75rem; text-align: left; color: white; text-shadow: -4px 5px 7px rgba(0, 0, 0, 0.4);">
-		<span style="font-weight: 600; color: #6CFF96;">Newest</span> and Most <br><span style="font-weight: 600; color: #6CFF96;">Secure</span> File <br><span style="font-weight: 600; color: #6CFF96;">Storage</span> Application.
+	<div class="flex w-full items-center justify-between gap-x-24 pt-32">
+		<h1
+			class="flex-1 text-left"
+			style="font-family: futura, sans-serif; font-weight: 400; font-style: normal; font-size: 4.75rem; text-align: left; color: white; text-shadow: -4px 5px 7px rgba(0, 0, 0, 0.4);"
+		>
+			<span style="font-weight: 600; color: #6CFF96;">Newest</span>
+			and Most
+			<br />
+			<span style="font-weight: 600; color: #6CFF96;">Secure</span>
+			File
+			<br />
+			<span style="font-weight: 600; color: #6CFF96;">Storage</span>
+			 Application.
 		</h1>
 
-
-		<div class="flex-1 flex items-center justify-end">
-			<AccountHeaderComponent {user} avatar_size="custom"/>
-
+		<div class="flex flex-1 items-center justify-end">
+			<AccountHeaderComponent {user} avatar_size="custom" />
 		</div>
 	</div>
 </Main>