landing page done, just needs the login button sorted

d3rpp-dev · Nov 18, 2024 · 417afe7 · 417afe7
1 parent 6c03065
commit 417afe7
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 22 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>