forked from
pds.ls/pdsls
atmosphere explorer
new homepage
+117
-37
+1
-1
src/components/json.tsx
+1
-1
src/components/json.tsx
···
116
116
["http:", "https:", "web+at:"].includes(new URL(part).protocol) &&
117
117
part.split("\n").length === 1
118
118
) ?
119
-
<a class="underline hover:text-blue-400" href={part} target="_blank" rel="noopener">
119
+
<a class="underline hover:text-blue-500 dark:hover:text-blue-400" href={part} target="_blank" rel="noopener">
120
120
{part}
121
121
</a>
122
122
: part}
+115
-35
src/views/home.tsx
+115
-35
src/views/home.tsx
···
1
+
import { A } from "@solidjs/router";
2
+
1
3
export const Home = () => {
2
4
return (
3
-
<div class="flex w-full flex-col gap-3 wrap-break-word">
4
-
<div class="flex flex-col gap-1">
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
5
+
<div class="flex w-full flex-col gap-5 px-2 wrap-break-word">
6
+
<div class="flex flex-col gap-3">
7
+
<h1 class="text-xl font-semibold">Atmosphere Explorer</h1>
8
+
9
+
{/* Explore Section */}
10
+
<section class="flex flex-col gap-2">
11
+
<h2 class="text-sm font-semibold tracking-wide text-neutral-500 uppercase dark:text-neutral-400">
12
+
Explore
13
+
</h2>
14
+
<div class="flex flex-col gap-2">
15
+
<a
16
+
href="https://atproto.com"
17
+
target="_blank"
18
+
class="group grid grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5 hover:text-blue-500 dark:hover:text-blue-400"
19
+
>
20
+
<div class="iconify lucide--search" />
21
+
<span class="underline decoration-transparent group-hover:decoration-current">
22
+
Browse the public data on atproto
23
+
</span>
24
+
<div />
25
+
<span class="text-xs text-neutral-500 dark:text-neutral-400">
26
+
Inspect the content of any PDS
27
+
</span>
14
28
</a>
15
-
.
16
-
</span>
17
-
</div>
18
-
<div class="flex items-center gap-1">
19
-
<div class="iconify lucide--link" />
20
-
<span>
21
-
Backlinks support with{" "}
22
29
<a
23
30
href="https://constellation.microcosm.blue"
24
-
class="underline hover:text-blue-400"
25
31
target="_blank"
32
+
class="group grid grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5 hover:text-blue-500 dark:hover:text-blue-400"
26
33
>
27
-
constellation
34
+
<div class="iconify lucide--link" />
35
+
<span class="underline decoration-transparent group-hover:decoration-current">
36
+
Backlinks support with constellation
37
+
</span>
38
+
<div />
39
+
<span class="text-xs text-neutral-500 dark:text-neutral-400">
40
+
Track links to any record or repository
41
+
</span>
28
42
</a>
29
-
.
30
-
</span>
31
-
</div>
32
-
<div class="flex items-center gap-1">
33
-
<div class="iconify lucide--user-round" />
34
-
<span>Login to manage records in your repository.</span>
35
-
</div>
36
-
<div class="flex items-center gap-1">
37
-
<div class="iconify lucide--radio-tower" />
38
-
<span>Jetstream and firehose streaming.</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>
43
+
<div class="grid grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5">
44
+
<div class="iconify lucide--user-round" />
45
+
<span>Sign in to manage your account</span>
46
+
<div />
47
+
<span class="text-xs text-neutral-500 dark:text-neutral-400">
48
+
Create, edit, and delete records
49
+
</span>
50
+
</div>
51
+
</div>
52
+
</section>
53
+
54
+
{/* Relay Section */}
55
+
<section class="flex flex-col gap-2">
56
+
<h2 class="text-sm font-semibold tracking-wide text-neutral-500 uppercase dark:text-neutral-400">
57
+
Relay
58
+
</h2>
59
+
<div class="flex flex-col gap-2">
60
+
<A
61
+
href="/jetstream"
62
+
class="group grid grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5 hover:text-blue-500 dark:hover:text-blue-400"
63
+
>
64
+
<div class="iconify lucide--radio-tower" />
65
+
<span class="underline decoration-transparent group-hover:decoration-current">
66
+
Jetstream
67
+
</span>
68
+
<div />
69
+
<span class="text-xs text-neutral-500 dark:text-neutral-400">
70
+
Simplified JSON event stream
71
+
</span>
72
+
</A>
73
+
<A
74
+
href="/firehose"
75
+
class="group grid grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5 hover:text-blue-500 dark:hover:text-blue-400"
76
+
>
77
+
<div class="iconify lucide--antenna" />
78
+
<span class="underline decoration-transparent group-hover:decoration-current">
79
+
Firehose
80
+
</span>
81
+
<div />
82
+
<span class="text-xs text-neutral-500 dark:text-neutral-400">
83
+
Raw repository event stream
84
+
</span>
85
+
</A>
86
+
</div>
87
+
</section>
88
+
89
+
{/* Tools Section */}
90
+
<section class="flex flex-col gap-2">
91
+
<h2 class="text-sm font-semibold tracking-wide text-neutral-500 uppercase dark:text-neutral-400">
92
+
Tools
93
+
</h2>
94
+
<div class="flex flex-col gap-2">
95
+
<A
96
+
href="/labels"
97
+
class="group grid grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5 hover:text-blue-500 dark:hover:text-blue-400"
98
+
>
99
+
<div class="iconify lucide--tag" />
100
+
<span class="underline decoration-transparent group-hover:decoration-current">
101
+
Labels
102
+
</span>
103
+
<div />
104
+
<span class="text-xs text-neutral-500 dark:text-neutral-400">
105
+
Query labels from moderation services
106
+
</span>
107
+
</A>
108
+
<A
109
+
href="/car"
110
+
class="group grid grid-cols-[auto_1fr] items-center gap-x-2.5 gap-y-0.5 hover:text-blue-500 dark:hover:text-blue-400"
111
+
>
112
+
<div class="iconify lucide--folder-archive" />
113
+
<span class="underline decoration-transparent group-hover:decoration-current">
114
+
Archive
115
+
</span>
116
+
<div />
117
+
<span class="text-xs text-neutral-500 dark:text-neutral-400">
118
+
Explore and unpack repository archives
119
+
</span>
120
+
</A>
121
+
</div>
122
+
</section>
44
123
</div>
124
+
45
125
<div class="text-center text-sm text-neutral-600 dark:text-neutral-400">
46
126
<span class="italic">
47
127
Made by{" "}
+1
-1
src/views/repo.tsx
+1
-1
src/views/repo.tsx
···
567
567
<span>{service.id.split("#")[1]}</span>
568
568
<span></span>
569
569
<a
570
-
class="w-fit underline hover:text-blue-400"
570
+
class="w-fit underline hover:text-blue-500 dark:hover:text-blue-400"
571
571
href={service.serviceEndpoint.toString()}
572
572
target="_blank"
573
573
rel="noopener"