atmosphere explorer
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

new homepage

Juliet 7760c069 567ff30b

+117 -37
+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
··· 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
··· 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"