ptr.pet / endpoint
data endpoint for entity 90008 (aka. a website)
0
fork

Configure Feed

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

fix: navbuttons now bounce in reverse

this makes it so that the user cant trigger a reset of the animation by just placing the cursor at the bottom and the button going out of the cursors area

dusk 64f28646 ca946b1a

+19 -1
+1 -1
src/components/navButton.svelte
··· 10 10 max-w-36 p-0.5 pr-1.5 border-ralsei-white border-4 11 11 {highlight 12 12 ? 'min-w-36 bg-gradient-to-l to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30% border-ridge motion-safe:animate-pulse hover:animate-none' 13 - : 'w-fit border-double hover:border-solid motion-safe:hover:animate-bounce hover:underline'} 13 + : 'w-fit border-double hover:border-solid animate-bounce-reverse hover:underline'} 14 14 flex gap-1 items-center justify-center align-middle text-center 15 15 {highlight ? 'text-ralsei-pink-regular app-selected-route' : 'text-ralsei-green-light'} 16 16 "
+18
src/styles/app.css
··· 175 175 background-position: 0px 0px; 176 176 } 177 177 } 178 + 179 + @media (prefers-reduced-motion: no-preference) { 180 + @keyframes bounce-reverse { 181 + 0%, 100% { 182 + transform: none; 183 + animation-timing-function: cubic-bezier(0,0,0.2,1); 184 + } 185 + 50% { 186 + transform: translateY(-25%); 187 + animation-timing-function: cubic-bezier(0.8,0,1,1); 188 + } 189 + } 190 + } 191 + @media (prefers-reduced-motion: no-preference) { 192 + .animate-bounce-reverse:hover { 193 + animation: bounce-reverse 1s infinite; 194 + } 195 + } 178 196 } 179 197 180 198 a.app-selected-route {