atmosphere explorer
0
fork

Configure Feed

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

add spacedust links

Juliet 3342e08b a7f73a85

+53 -19
+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
··· 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
··· 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 );