your personal website on atproto - mirror
blento.app
1<script lang="ts">
2 import Website from '$lib/website/Website.svelte';
3 import { Button } from '@foxui/core';
4
5 let { data } = $props();
6</script>
7
8<svelte:body
9 onkeydown={(e) => {
10 if (e.key === 'ArrowRight' || e.key === 'r') {
11 window.location.reload();
12 }
13 }}
14/>
15
16<Website {data} />
17
18<Button
19 onclick={() => {
20 window.location.reload();
21 }}
22 size="lg"
23 class="bg-accent-100 hover:bg-accent-200 dark:bg-accent-950/50 dark:hover:bg-accent-900/50 fixed right-4 bottom-4"
24 ><svg
25 xmlns="http://www.w3.org/2000/svg"
26 width="24"
27 height="24"
28 viewBox="0 0 24 24"
29 fill="none"
30 stroke="currentColor"
31 stroke-width="2"
32 stroke-linecap="round"
33 stroke-linejoin="round"
34 class="lucide lucide-dices-icon lucide-dices"
35 ><rect width="12" height="12" x="2" y="10" rx="2" ry="2" /><path
36 d="m17.92 14 3.5-3.5a2.24 2.24 0 0 0 0-3l-5-4.92a2.24 2.24 0 0 0-3 0L10 6"
37 /><path d="M6 18h.01" /><path d="M10 14h.01" /><path d="M15 6h.01" /><path d="M18 9h.01" /></svg
38 >Next
39 <span class="sr-only">Next random profile</span></Button
40>