v4.amy.rip/src/components/oomfs.tsx

import './oomfs.css'
export default function SingularOomf(props: { name: string, discordId: string, link?: string }) {

    const image = <img
        on:contextmenu={(e) => {
            e.preventDefault()
            e.currentTarget.animate(
                [
                    { transform: 'translateY(0px)' },
                    { transform: 'translateY(-10px)' },
                    { transform: 'translateY(0px)' },
                ],
                {
                    duration: 1000,
                    easing: 'ease-in-out',
                    iterations: 2
                }
            )
        }}
        class="singularoomf" src={`https://dp.nea.moe/avatar/${props.discordId}.png`} alt={`pfp of ${props.name}`} />;

    return props.link ? <a class="aoomf" href={props.link}>{image}</a> : image;
}