atmosphere explorer pds.ls
tool typescript atproto
441
fork

Configure Feed

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

puts you in the washing machine

juliet.paris 1e3deaec 85a08eba

verified
+5
public/avatar/coil-habdle.ebil.club.jpg

This is a binary file and will not be displayed.

+5
src/views/home.tsx
··· 53 53 { did: "did:plc:w7adfxpixpi77e424cjjxnxy", handle: "anyaustin.bsky.social" }, 54 54 { did: "did:plc:h6as5sk7tfqvvnqvfrlnnwqn", handle: "cwonus.org" }, 55 55 { did: "did:plc:mo7bk6gblylupvhetkqmndrv", handle: "claire.on-her.computer" }, 56 + { did: "did:plc:73gqgbnvpx5syidcponjrics", handle: "coil-habdle.ebil.club" }, 56 57 ]; 57 58 58 59 const profiles = [...allExampleProfiles].sort(() => Math.random() - 0.5).slice(0, 3); ··· 90 91 src={`/avatar/${profile.handle}.jpg`} 91 92 alt={`Bluesky profile picture of ${profile.handle}`} 92 93 class="size-16 rounded-full ring-2 ring-transparent transition-all group-hover:ring-blue-500 active:ring-blue-500 dark:group-hover:ring-blue-400 dark:active:ring-blue-400" 94 + classList={{ 95 + "animate-[spin_5s_linear_infinite] [animation-play-state:paused] group-hover:[animation-play-state:running]": 96 + profile.handle === "coil-habdle.ebil.club", 97 + }} 93 98 /> 94 99 <span class="w-full truncate text-center text-xs text-neutral-600 dark:text-neutral-300"> 95 100 @{profile.handle}