pdsls.dev
1export const Home = () => {
2 return (
3 <div class="flex w-full flex-col gap-3 wrap-break-word">
4 <div class="flex flex-col gap-0.5">
5 <div>
6 <span class="text-xl 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 hover:text-blue-400" 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--link" />
28 <span>
29 Backlinks support with{" "}
30 <a
31 href="https://constellation.microcosm.blue"
32 class="underline hover:text-blue-400"
33 target="_blank"
34 >
35 constellation
36 </a>
37 .
38 </span>
39 </div>
40 <div class="flex items-center gap-1">
41 <div class="iconify lucide--tag" />
42 <span>Query labels from moderation services.</span>
43 </div>
44 </div>
45 <div class="text-center text-sm text-neutral-600 dark:text-neutral-400">
46 <span class="italic">
47 Made by{" "}
48 <a
49 href="https://juli.ee"
50 class="font-pecita relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:transition-[width] after:duration-300 after:ease-out hover:after:w-full"
51 >
52 Juliet
53 </a>{" "}
54 with love
55 </span>
56 <span> • {import.meta.env.VITE_APP_VERSION}</span>
57 </div>
58 </div>
59 );
60};