odd-app-template/src/components/home/Authed.svelte

32 lines
1.2 KiB
Svelte
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script lang="ts">
import { sessionStore } from '../../stores'
</script>
<div
class="min-h-[calc(100vh-128px)] md:min-h-[calc(100vh-160px)] pt-8 md:pt-16 flex flex-col items-start max-w-[690px] m-auto gap-10 pb-5 text-sm"
>
<h1 class="text-xl">Welcome, {$sessionStore.username.trimmed}!</h1>
<div class="flex flex-col items-start justify-center gap-5">
<h2 class="text-lg">Photo Gallery Demo</h2>
<p>
The ODD SDK makes it easy to implement private, encrypted, user-owned
storage in your app. See it in action with our photo gallery demo.
</p>
<a class="btn btn-primary" href="/gallery">Try the Photo Gallery Demo</a>
</div>
<div class="flex flex-col items-start justify-center gap-5">
<h2 class="text-lg">Device Connection Demo</h2>
<p>
With the ODD SDK, a users account lives only on their connected devices —
entirely under their control. Its easy for them to connect as many
devices as theyd like. For recoverability, we recommend they always
connect at least two.
</p>
<a class="btn btn-primary" href="/delegate-account">
Connect an additional device
</a>
</div>
</div>