miru/src/routes/setup/+page.svelte
ThaUnknown d5b9c8dee7
feat: finish setup
feat: UI for toggle sync
fix: better settings types
fix: reorganize extension settings
feat: finish extension search modal
fix: use pick for media utils
fix: change how native is loaded
feat: debug ribbon
wip: trace anime
2025-05-22 16:05:26 +02:00

21 lines
1.1 KiB
Svelte

<script lang='ts'>
import { WEB_URL } from '$lib'
import { Button } from '$lib/components/ui/button'
import { Checkbox } from '$lib/components/ui/checkbox'
import { Label } from '$lib/components/ui/label'
import { click } from '$lib/modules/navigate'
import native from '$lib/modules/native'
let checked = false
</script>
<img src='/logo_cropped.png' class='w-52 h-52 object-contain' alt='logo' />
<div class='font-bold text-5xl'>Welcome to Hayase</div>
<div class='text-muted-foreground pt-6'>Let's set up your perfect streaming enviorment.</div>
<div class='flex items-center space-x-2 pt-12'>
<Checkbox id='terms' bind:checked />
<Label for='terms' class='text-md font-medium leading-none text-muted-foreground'>
I agree to the <a use:click={() => native.openURL(`${WEB_URL}/terms`)} class='text-primary underline'>Terms of Service</a> and <a use:click={() => native.openURL(`${WEB_URL}/terms`)} class='text-primary underline'>Privacy Policy</a>
</Label>
</div>
<Button class='mt-8 text-lg font-bold' disabled={!checked} size='lg' href={checked ? './storage' : undefined}>Start Setup</Button>