forked from
pds.ls/pdsls
atmosphere explorer
add spacedust links
+53
-19
+1
src/layout.tsx
+1
src/layout.tsx
···
159
159
<DropdownMenu icon="lucide--menu text-lg" buttonClass="rounded-lg p-1.5">
160
160
<NavMenu href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />
161
161
<NavMenu href="/firehose" label="Firehose" icon="lucide--rss" />
162
+
<NavMenu href="/spacedust" label="Spacedust" icon="lucide--orbit" />
162
163
<NavMenu href="/labels" label="Labels" icon="lucide--tag" />
163
164
<NavMenu href="/car" label="Archive tools" icon="lucide--folder-archive" />
164
165
<NavMenu href="/settings" label="Settings" icon="lucide--settings" />
+8
src/styles/index.css
+8
src/styles/index.css
···
54
54
--svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.468%2010.977c-.55%201.061-.961%201.751-1.359%202.741a1.508%201.508%200%201%200%202.8%201.124l.227-.574v-.002c.28-.71.52-1.316.81-1.862.328-.018.702-.02%201.125-.023h.053c.77-.005%201.697-.01%202.497-.172s1.791-.545%202.229-1.57c.119-.278.239-.688.134-1.105h.151c.422%200%201.017.001%201.548-.143.62-.17%201.272-.569%201.558-1.41a1.52%201.52%200%200%200%20.034-.925l.084-.015.042-.007c.363-.063.849-.148%201.264-.304.404-.15%201.068-.488%201.267-1.262.113-.44.1-.908-.154-1.33a1.7%201.7%200%200%200-.36-.414c.112-.14.253-.333.35-.547.17-.371.257-.916-.089-1.45-.393-.604-1.066-.71-1.4-.737a6%206%200%200%200-.985.026%201.2%201.2%200%200%200-.156-.275c-.371-.496-.947-.538-1.272-.53-.655.018-1.167.31-1.538.61-.194.159-.657.806-.808.974%200-.603-.581-.91-.99-.973-.794-.123-1.285.388-1.742.973-.57.73-1.01%201.668-1.531%202.373-.18-.117-.393-.39-.733-.375-.56.026-.932.406-1.173.666-.419.452-.685%201.273-.867%201.885-.197.885-.332%201.258-.491%202.228a9.4%209.4%200%200%200-.144%201.677c-.109.213-.234.443-.381.728%22%20fill%3D%22%23639431%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.714%204.78c.16.14.349.306.755.165.266-.093.61-.695.993-1.367.56-.982%201.205-2.114%201.816-2.02.738.114.693.523.658.837-.025.22-.044.394.216.387.264-.006.521-.317.82-.678.413-.498.904-1.092%201.602-1.11.492-.014.484.198.476.413-.005.138-.01.276.116.358.123.08.434.053.79.02.573-.052%201.265-.114%201.497.243.204.314-.056.626-.305.925-.21.254-.414.498-.321.726.076.186.231.291.383.394.25.168.491.33.361.834-.136.533-.96.677-1.732.812-.646.113-1.257.22-1.397.544-.088.203.058.297.222.403.195.127.415.27.292.633-.29.85-1.254.85-2.16.85-.777%200-1.51%200-1.735.537-.13.31.067.365.282.425.264.074.557.155.315.723-.464%201.087-2.195%201.096-3.78%201.105-.58.004-1.141.007-1.613.063a.18.18%200%200%200-.13.083c-.434.713-.742%201.496-1.07%202.332l-.221.559a.486.486%200%201%201-.903-.363c.373-.928.803-1.781%201.273-2.564.767-1.413%202.28-3.147%203.88-4.45%201.423-1.184%202.782-2.071%204.364-2.744.198-.084.139-.316-.068-.256-1.403.405-2.643%201.21-3.928%202.02-1.399.881-2.57%202.073-3.291%202.94-.127.153-.405.027-.365-.168.313-1.523.636-2.92%201.11-3.432.45-.485.603-.35.798-.18%22%20fill%3D%22%23d9ea72%22%2F%3E%3C%2Fsvg%3E");
55
55
}
56
56
57
+
.i-raycast-light {
58
+
--svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22228%22%20height%3D%22228%22%20viewBox%3D%220%200%20228%20228%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22m227.987%20113.987-11.89%2011.903-45.11-45.11V56.987zM114.039%200l-11.89%2011.89%2045.097%2045.097h23.793zM88.521%2025.518%2076.618%2037.42l19.58%2019.566h23.792zm82.518%2082.53v23.794l19.501%2019.566%2011.903-11.89zm-6.859%2044.19%206.807-6.808h-88.47V56.987l-6.807%206.82L62.94%2051.1%2051.05%2062.99l12.758%2012.772-6.82%206.756v13.627L37.421%2076.566%2025.518%2088.47l31.469%2031.47v27.229L11.89%20102.097%200%20113.987l114.039%20114%2011.903-11.89-45.11-45.11h27.229l31.47%2031.482%2011.903-11.903-19.579-19.579h13.627l6.808-6.807%2012.771%2012.759%2011.891-11.891z%22%20fill%3D%22%23ff6363%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h228v228H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
59
+
}
60
+
61
+
.i-raycast-dark {
62
+
--svg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22228%22%20height%3D%22228%22%20viewBox%3D%220%200%20228%20228%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M57%20147.207V171L-.052%20113.948l11.955-11.864zM80.793%20171H57l57.052%2057.052%2011.903-11.903zm135.317-45.11L228%20114%20114%200l-11.89%2011.89L147.155%2057h-27.229L88.482%2025.583%2076.58%2037.473l19.58%2019.579H82.53v88.469H171v-13.614l19.579%2019.579%2011.89-11.903L171%20108.048V80.819zM62.952%2051.049l-11.89%2011.903L63.82%2075.71l11.89-11.903zM164.193%20152.29l-11.852%2011.89%2012.759%2012.759%2011.903-11.891zM37.421%2076.58%2025.53%2088.47%2057%20119.951V96.145zM131.842%20171h-23.794l31.483%2031.469%2011.89-11.89z%22%20fill%3D%22%23ff6363%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h228v228H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
63
+
}
64
+
57
65
@keyframes slideIn {
58
66
0% {
59
67
transform: translateY(20px);
+44
-19
src/views/home.tsx
+44
-19
src/views/home.tsx
···
1
1
import { A } from "@solidjs/router";
2
+
import { JSX } from "solid-js";
2
3
import { setOpenManager } from "../auth/state.js";
3
4
4
5
export const Home = () => {
6
+
const FooterLink = (props: {
7
+
href: string;
8
+
color: string;
9
+
darkColor?: string;
10
+
children: JSX.Element;
11
+
}) => (
12
+
<a
13
+
href={props.href}
14
+
class={`relative flex items-center gap-1.5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:text-${props.color} after:transition-[width] after:duration-300 after:ease-out hover:after:w-full ${props.darkColor ? `dark:after:text-${props.darkColor}` : ""}`}
15
+
target="_blank"
16
+
>
17
+
{props.children}
18
+
</a>
19
+
);
20
+
5
21
return (
6
22
<div class="flex w-full flex-col gap-6 px-2 wrap-break-word">
7
23
<div class="flex flex-col gap-3">
···
28
44
</span>
29
45
</a>
30
46
<a
31
-
href="https://constellation.microcosm.blue"
47
+
href="https://microcosm.blue"
32
48
target="_blank"
33
49
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"
34
50
>
···
89
105
Raw repository event stream
90
106
</span>
91
107
</A>
108
+
<A
109
+
href="/spacedust"
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--orbit" />
113
+
<span class="underline decoration-transparent group-hover:decoration-current">
114
+
Spacedust
115
+
</span>
116
+
<div />
117
+
<span class="text-xs text-neutral-500 dark:text-neutral-400">
118
+
Interaction links event stream
119
+
</span>
120
+
</A>
92
121
</div>
93
122
</section>
94
123
···
128
157
</section>
129
158
</div>
130
159
131
-
<div class="flex justify-center gap-2 text-sm text-neutral-600 dark:text-neutral-300">
132
-
<a
133
-
href="https://juli.ee"
134
-
target="_blank"
135
-
class="relative flex items-center gap-1.5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:text-rose-400 after:transition-[width] after:duration-300 after:ease-out hover:after:w-full dark:after:text-rose-300"
136
-
>
160
+
<div class="flex justify-center gap-1.5 text-sm text-neutral-600 sm:gap-2 dark:text-neutral-300">
161
+
<FooterLink href="https://juli.ee" color="rose-400" darkColor="rose-300">
137
162
<span class="iconify lucide--terminal text-rose-400 dark:text-rose-300"></span>
138
163
<span class="font-pecita">juliet</span>
139
-
</a>
140
-
•
141
-
<a
164
+
</FooterLink>
165
+
{/* • */}
166
+
{/* <FooterLink href="https://raycast.com/" color="[#FF6363]"> */}
167
+
{/* <span class="iconify-color i-raycast-light block dark:hidden"></span> */}
168
+
{/* <span class="iconify-color i-raycast-dark hidden dark:block"></span> */}
169
+
{/* Raycast */}
170
+
{/* </FooterLink> */}•
171
+
<FooterLink
142
172
href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz"
143
-
class="relative flex items-center gap-1.5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:text-[#0085ff] after:transition-[width] after:duration-300 after:ease-out hover:after:w-full"
144
-
target="_blank"
173
+
color="[#0085ff]"
145
174
>
146
175
<span class="simple-icons--bluesky iconify text-[#0085ff]"></span>
147
176
Bluesky
148
-
</a>
177
+
</FooterLink>
149
178
•
150
-
<a
151
-
href="https://tangled.org/@pdsls.dev/pdsls/"
152
-
class="relative flex items-center gap-1.5 after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:text-black after:transition-[width] after:duration-300 after:ease-out hover:after:w-full dark:after:text-white"
153
-
target="_blank"
154
-
>
179
+
<FooterLink href="https://tangled.org/@pdsls.dev/pdsls/" color="black" darkColor="white">
155
180
<span class="iconify i-tangled text-black dark:text-white"></span>
156
181
Source
157
-
</a>
182
+
</FooterLink>
158
183
</div>
159
184
</div>
160
185
);