···

       
2
       
 
       


     

       
3
       
 
       
const Home = () => {

     

       
4
       
 
       
  return (

     

       
5
       
-
       
    <div class="mt-4 flex w-full flex-col break-words">

     

       
6
       
 
       
      <div class="mb-2">

     

       
7
       
 
       
        <p>

     

       
8
       
 
       
          Browse the public data on{" "}

     
···

       
15
       
 
       
          </a>

     

       
16
       
 
       
          .

     

       
17
       
 
       
        </p>

     

       
18
       
-
       
        <p>

     

       
19
       
-
       
          You can optionally login to manage the records in your repository.

     

       
20
       
-
       
        </p>

     

       
21
       
 
       
        <p>

     

       
22
       
-
       
          A{" "}

     

       
23
       
 
       
          <a

     

       
24
       
 
       
            href="https://github.com/bluesky-social/jetstream"

     

       
25
       
 
       
            class="text-lightblue-500 hover:underline"

     
···

       
27
       
 
       
          >

     

       
28
       
 
       
            Jetstream

     

       
29
       
 
       
          </a>{" "}

     

       
30
       
-
       
          viewer is also available{" "}

     

       
31
       
 
       
          <A href="/jetstream" class="text-lightblue-500 hover:underline">

     

       
32
       
 
       
            here

     

       
33
       
 
       
          </A>

     
···

       
41
       
 
       
          >

     

       
42
       
 
       
            Firehose

     

       
43
       
 
       
          </A>{" "}

     

       
44
       
-
       
          support can be found{" "}

     

       
45
       
 
       
          <A href="/firehose" class="text-lightblue-500 hover:underline">

     

       
46
       
 
       
            here

     

       
47
       
 
       
          </A>

     

       
48
       
 
       
          .

     

       
49
       
 
       
        </p>

     

       
50
       
 
       
      </div>

     

       
51
       
-
       
      <p>Search inputs allowed:</p>

     

       
52
       
 
       
      <div class="ml-2">

     

       
53
       
 
       
        <div>

     

       
54
       
-
       
          <span class="font-semibold text-orange-400">PDS URL</span>:

     

       
55
       
 
       
          <div>

     

       
56
       
 
       
            <A href="/pds.moe" class="text-lightblue-500 hover:underline">

     

       
57
       
 
       
              https://pds.moe

     
···

       
59
       
 
       
          </div>

     

       
60
       
 
       
        </div>

     

       
61
       
 
       
        <div>

     

       
62
       
-
       
          <span class="font-semibold text-orange-400">AT URI</span> (at://

     

       
63
       
-
       
          optional, DID or handle alone also works):

     

       
64
       
 
       
          <div>

     

       
65
       
 
       
            <A

     

       
66
       
-
       
              href="/at://did:plc:oisofpd7lj26yvgiivf3lxsi/app.bsky.feed.post/3l2zpbbhuvw2h"

     

       
67
       
 
       
              class="text-lightblue-500 hover:underline"

     

       
68
       
 
       
            >

     

       
69
       
-
       
              at://did:plc:oisofpd7lj26yvgiivf3lxsi/app.bsky.feed.post/3l2zpbbhuvw2h

     

       
70
       
 
       
            </A>

     

       
71
       
 
       
          </div>

     

       
72
       
 
       
        </div>

     

       
73
       
 
       
        <div>

     

       
74
       
-
       
          <span class="font-semibold text-orange-400">Bluesky Link</span> (posts

     

       
75
       
-
       
          and profiles):

     

       
76
       
 
       
          <div>

     

       
77
       
 
       
            <A

     

       
78
       
-
       
              href="/at://did:plc:vwzwgnygau7ed7b7wt5ux7y2/app.bsky.feed.post/3khpasmu4ou2l"

     

       
79
       
 
       
              class="text-lightblue-500 hover:underline"

     

       
80
       
 
       
            >

     

       
81
       
-
       
              https://bsky.app/profile/retr0.id/post/3khpasmu4ou2l

     

       
82
       
 
       
            </A>

     

       
83
       
 
       
          </div>

     

       
84
       
 
       
        </div>

     

···

       
2
       
 
       


     

       
3
       
 
       
const Home = () => {

     

       
4
       
 
       
  return (

     

       
5
       
+
       
    <div class="w-21rem mt-4 flex flex-col break-words">

     

       
6
       
 
       
      <div class="mb-2">

     

       
7
       
 
       
        <p>

     

       
8
       
 
       
          Browse the public data on{" "}

     
···

       
15
       
 
       
          </a>

     

       
16
       
 
       
          .

     

       
17
       
 
       
        </p>

     

       
18
       
+
       
        <p>Login to manage records in your repository.</p>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
19
       
 
       
        <p>

     

       
0
       
 
       

     

       
20
       
 
       
          <a

     

       
21
       
 
       
            href="https://github.com/bluesky-social/jetstream"

     

       
22
       
 
       
            class="text-lightblue-500 hover:underline"

     
···

       
24
       
 
       
          >

     

       
25
       
 
       
            Jetstream

     

       
26
       
 
       
          </a>{" "}

     

       
27
       
+
       
          viewer is available{" "}

     

       
28
       
 
       
          <A href="/jetstream" class="text-lightblue-500 hover:underline">

     

       
29
       
 
       
            here

     

       
30
       
 
       
          </A>

     
···

       
38
       
 
       
          >

     

       
39
       
 
       
            Firehose

     

       
40
       
 
       
          </A>{" "}

     

       
41
       
+
       
          streaming can be found{" "}

     

       
42
       
 
       
          <A href="/firehose" class="text-lightblue-500 hover:underline">

     

       
43
       
 
       
            here

     

       
44
       
 
       
          </A>

     

       
45
       
 
       
          .

     

       
46
       
 
       
        </p>

     

       
47
       
 
       
      </div>

     

       
48
       
+
       
      <p>Examples:</p>

     

       
49
       
 
       
      <div class="ml-2">

     

       
50
       
 
       
        <div>

     

       
51
       
+
       
          <span class="font-semibold text-orange-400">PDS</span>

     

       
52
       
 
       
          <div>

     

       
53
       
 
       
            <A href="/pds.moe" class="text-lightblue-500 hover:underline">

     

       
54
       
 
       
              https://pds.moe

     
···

       
56
       
 
       
          </div>

     

       
57
       
 
       
        </div>

     

       
58
       
 
       
        <div>

     

       
59
       
+
       
          <span class="font-semibold text-orange-400">Repository</span>

     

       
0
       
 
       

     

       
60
       
 
       
          <div>

     

       
61
       
 
       
            <A

     

       
62
       
+
       
              href="/at://did:plc:vwzwgnygau7ed7b7wt5ux7y2"

     

       
63
       
 
       
              class="text-lightblue-500 hover:underline"

     

       
64
       
 
       
            >

     

       
65
       
+
       
              at://did:plc:vwzwgnygau7ed7b7wt5ux7y2

     

       
66
       
 
       
            </A>

     

       
67
       
 
       
          </div>

     

       
68
       
 
       
        </div>

     

       
69
       
 
       
        <div>

     

       
70
       
+
       
          <span class="font-semibold text-orange-400">Record</span>

     

       
0
       
 
       

     

       
71
       
 
       
          <div>

     

       
72
       
 
       
            <A

     

       
73
       
+
       
              href="/at://did:plc:oisofpd7lj26yvgiivf3lxsi/app.bsky.feed.post/3l2zpbbhuvw2h"

     

       
74
       
 
       
              class="text-lightblue-500 hover:underline"

     

       
75
       
 
       
            >

     

       
76
       
+
       
              at://did:plc:oisofpd7lj26yvgiivf3lxsi/app.bsky.feed.post/3l2zpbbhuvw2h

     

       
77
       
 
       
            </A>

     

       
78
       
 
       
          </div>

     

       
79
       
 
       
        </div>