diff options
| author | Fuwn <[email protected]> | 2024-01-25 23:00:40 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-25 23:00:40 -0800 |
| commit | 84ba9c37ba9c842bd38a03d6d99e6b7795df3648 (patch) | |
| tree | 66b5ec477c288163cea02aa6dfe63c0f7b055762 /src/routes/+page.svelte | |
| parent | feat: move everything to skeletion loading ui (diff) | |
| download | due.moe-84ba9c37ba9c842bd38a03d6d99e6b7795df3648.tar.xz due.moe-84ba9c37ba9c842bd38a03d6d99e6b7795df3648.zip | |
feat: landing page
Diffstat (limited to 'src/routes/+page.svelte')
| -rw-r--r-- | src/routes/+page.svelte | 33 |
1 files changed, 19 insertions, 14 deletions
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 { |