From 84ba9c37ba9c842bd38a03d6d99e6b7795df3648 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 25 Jan 2024 23:00:40 -0800
Subject: feat: landing page

---
 src/routes/+page.svelte | 33 +++++++++++++++++++--------------
 1 file changed, 19 insertions(+), 14 deletions(-)

(limited to 'src/routes/+page.svelte')

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index df418d37..833ddaef 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,6 +11,7 @@
 	import { createHeightObserver } from '$lib/Utility/html.js';
 	import Skeleton from '$lib/Skeleton.svelte';
 	import locale from '$stores/locale.js';
+	import Landing from '$lib/Landing.svelte';
 
 	export let data;
 
@@ -21,18 +22,22 @@
 
 <LastActivity user={data.user} />
 
-<div
-	id="list-container"
-	style={`column-width: 300px; column-count: ${
-		Number(!$settings.disableAnime) +
-		Number(!$settings.disableManga) +
-		Number(!$settings.disableUpcomingAnime) -
-		Number(!$settings.disableUpcomingAnime && !$settings.disableAnime && !$settings.disableManga)
-	};`}
->
-	{#if data.user === undefined}
-		<div class="card">Please log in to view due media.</div>
-	{:else}
+{#if data.user === undefined}
+	<div class="card">Please log in to view due media.</div>
+
+	<p />
+
+	<Landing />
+{:else}
+	<div
+		id="list-container"
+		style={`column-width: 300px; column-count: ${
+			Number(!$settings.disableAnime) +
+			Number(!$settings.disableManga) +
+			Number(!$settings.disableUpcomingAnime) -
+			Number(!$settings.disableUpcomingAnime && !$settings.disableAnime && !$settings.disableManga)
+		};`}
+	>
 		{#if !$settings.disableUpcomingAnime}
 			<details open={!$settings.displayUpcomingAnimeCollapsed} class="list">
 				{#if $userIdentity.id != -1}
@@ -87,8 +92,8 @@
 				<track kind="captions" />
 			</video>
 		{/if}
-	{/if}
-</div>
+	</div>
+{/if}
 
 <style>
 	.list {
-- 
cgit v1.2.3

