citizen428.net
forked from
pds.ls/pdsls
atproto explorer
juli.ee
1export const Home = () => {
2 return (
3 <div class="flex w-full flex-col gap-4 break-words">
4 <div>
5 <div>
6 <span class="text-lg font-semibold">AT Protocol Explorer</span>
7 </div>
8 <div class="flex items-center gap-1">
9 <div class="iconify lucide--search" />
10 <span>
11 Browse the public data on{" "}
12 <a class="underline" href="https://atproto.com" target="_blank">
13 atproto
14 </a>
15 .
16 </span>
17 </div>
18 <div class="flex items-center gap-1">
19 <div class="iconify lucide--user-round" />
20 <span>Login to manage records in your repository.</span>
21 </div>
22 <div class="flex items-center gap-1">
23 <div class="iconify lucide--radio-tower" />
24 <span>Jetstream and firehose streaming.</span>
25 </div>
26 <div class="flex items-center gap-1">
27 <div class="iconify lucide--send-to-back" />
28 <span>
29 Backlinks support with{" "}
30 <a href="https://constellation.microcosm.blue" class="underline" target="_blank">
31 constellation
32 </a>
33 .
34 </span>
35 </div>
36 <div class="flex items-center gap-1">
37 <div class="iconify lucide--tag" />
38 <span>Query labels from moderation services.</span>
39 </div>
40 </div>
41 <div class="flex gap-2 text-xl">
42 <a
43 href="https://tangled.org/@pdsls.dev/pdsls/"
44 target="_blank"
45 class="flex rounded-full bg-neutral-200 p-1.5 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700"
46 >
47 <span class="iconify i-tangled"></span>
48 </a>
49 <a
50 href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz"
51 target="_blank"
52 class="flex rounded-full bg-neutral-200 p-1.5 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700"
53 >
54 <span class="iconify ri--bluesky"></span>
55 </a>
56 </div>
57 </div>
58 );
59};