psingletary.com
forked from
pds.ls/pdsls
atmosphere explorer
change order of homepage items
handle.invalid
+11
-11
src/views/home.tsx
+11
-11
src/views/home.tsx
···
6
6
import { JSONValue } from "../components/json";
7
7
import { SearchButton } from "../components/search";
8
8
9
-
const SLIDES = ["Record", "Repository", "PDS"] as const;
9
+
const SLIDES = ["Repository", "Record", "PDS"] as const;
10
10
11
11
const slideLinks = [
12
-
"/at://did:plc:ia76kvnndjutgedggx2ibrem/app.bsky.feed.post/3kenlltlvus2u",
13
12
"/at://did:plc:vwzwgnygau7ed7b7wt5ux7y2",
13
+
"/at://did:plc:ia76kvnndjutgedggx2ibrem/app.bsky.feed.post/3kenlltlvus2u",
14
14
"/npmx.social",
15
15
] as const;
16
16
···
49
49
href={slideLinks[slide()]}
50
50
class="relative block h-42 overflow-hidden rounded-lg border border-neutral-200 bg-neutral-50 transition-colors hover:border-neutral-300 dark:border-neutral-700 dark:bg-neutral-800 dark:hover:border-neutral-600"
51
51
>
52
-
{/* Record slide */}
53
-
<div
54
-
class="pointer-events-none absolute inset-0 overflow-hidden px-3 py-2 font-mono text-xs wrap-anywhere whitespace-pre-wrap transition-opacity duration-700 sm:text-sm"
55
-
classList={{ "opacity-0": slide() !== 0 }}
56
-
>
57
-
<JSONValue data={exampleRecord as any} repo="did:plc:ia76kvnndjutgedggx2ibrem" />
58
-
</div>
59
-
60
52
{/* Collections slide */}
61
53
<div
62
54
class="pointer-events-none absolute inset-0 flex flex-col gap-1 overflow-hidden px-3 py-2 text-sm wrap-anywhere transition-opacity duration-700"
63
-
classList={{ "opacity-0": slide() !== 1 }}
55
+
classList={{ "opacity-0": slide() !== 0 }}
64
56
>
65
57
<For each={exampleCollections}>
66
58
{({ authority, nsids }) => (
···
79
71
</div>
80
72
)}
81
73
</For>
74
+
</div>
75
+
76
+
{/* Record slide */}
77
+
<div
78
+
class="pointer-events-none absolute inset-0 overflow-hidden px-3 py-2 font-mono text-xs wrap-anywhere whitespace-pre-wrap transition-opacity duration-700 sm:text-sm"
79
+
classList={{ "opacity-0": slide() !== 1 }}
80
+
>
81
+
<JSONValue data={exampleRecord as any} repo="did:plc:ia76kvnndjutgedggx2ibrem" />
82
82
</div>
83
83
84
84
{/* Repos slide */}