atproto explorer

homepage link badges

+17 -5
+1 -1
src/layout.tsx
··· 101 101 </div> 102 102 </div> 103 103 </header> 104 - <div class="dark:bg-dark-500 z-1 mb-4 flex max-w-full min-w-[22rem] flex-col items-center bg-neutral-100 text-pretty sm:min-w-[24rem] md:max-w-[48rem]"> 104 + <div class="mb-4 flex max-w-full min-w-[22rem] flex-col items-center text-pretty sm:min-w-[24rem] md:max-w-[48rem]"> 105 105 <Show when={!["/jetstream", "/firehose", "/settings"].includes(location.pathname)}> 106 106 <Search /> 107 107 </Show>
+4
src/styles/index.css
··· 42 42 .i-pinksea { 43 43 --svg: url("data:image/svg+xml,%3Csvg%20width%3D%22800%22%20height%3D%22800%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3%206%203.106-1.553a2%202%200%200%201%201.788%200l1.423.711a6%206%200%200%200%205.366%200l1.423-.71a2%202%200%200%201%201.788%200L21%206M3%2010.5l3.106-1.553a2%202%200%200%201%201.788%200l1.423.711a6%206%200%200%200%205.366%200l1.423-.71a2%202%200%200%201%201.788%200L21%2010.5M3%2015l3.106-1.553a2%202%200%200%201%201.788%200l1.423.711a6%206%200%200%200%205.366%200l1.423-.71a2%202%200%200%201%201.788%200L21%2015M3%2019.5l3.106-1.553a2%202%200%200%201%201.788%200l1.423.711a6%206%200%200%200%205.366%200l1.423-.71a2%202%200%200%201%201.788%200L21%2019.5%22%20stroke%3D%22%23ffe5ea%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); 44 44 } 45 + 46 + .ri--bluesky { 47 + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 11.388c-.906-1.761-3.372-5.044-5.665-6.662c-2.197-1.55-3.034-1.283-3.583-1.033C2.116 3.978 2 4.955 2 5.528c0 .575.315 4.709.52 5.4c.68 2.28 3.094 3.05 5.32 2.803c-3.26.483-6.157 1.67-2.36 5.898c4.178 4.325 5.726-.927 6.52-3.59c.794 2.663 1.708 7.726 6.444 3.59c3.556-3.59.977-5.415-2.283-5.898c2.225.247 4.64-.523 5.319-2.803c.205-.69.52-4.825.52-5.399c0-.575-.116-1.55-.752-1.838c-.549-.248-1.386-.517-3.583 1.033c-2.293 1.621-4.76 4.904-5.665 6.664'/%3E%3C/svg%3E"); 48 + }
+12 -4
src/views/home.tsx
··· 90 90 </div> 91 91 </div> 92 92 <div class="flex gap-2"> 93 - <A href="https://tangled.sh/@pdsls.dev/pdsls/" target="_blank"> 94 - <div class="iconify i-tangled text-xl" /> 93 + <A 94 + href="https://tangled.sh/@pdsls.dev/pdsls/" 95 + target="_blank" 96 + class="flex rounded-full bg-neutral-200 p-1 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700" 97 + > 98 + <span class="iconify i-tangled"></span> 95 99 </A> 96 - <A href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz" target="_blank"> 97 - <div class="iconify tabler--brand-bluesky text-xl" /> 100 + <A 101 + href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz" 102 + target="_blank" 103 + class="flex rounded-full bg-neutral-200 p-1 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700" 104 + > 105 + <span class="iconify ri--bluesky"></span> 98 106 </A> 99 107 </div> 100 108 </div>