scrumplex.net
My personal website
1---
2import { Image } from "astro:assets";
3import logo from "../img/scrumplex.svg";
4
5const props = Astro.props;
6---
7
8<Image
9 funky-logo
10 src={logo}
11 alt="Scrumplex Logo"
12 title="Scrumplex"
13 loading="eager"
14 {...props}
15/>
16
17<script>
18 document.addEventListener("astro:page-load", () => {
19 const elems = document.querySelectorAll<HTMLImageElement>("[funky-logo]");
20 elems.forEach((e) =>
21 e.addEventListener("dblclick", () => {
22 const randomRotation = Math.floor(Math.random() * 360);
23 e.style.transform = `rotate(${randomRotation}deg)`;
24 }),
25 );
26 });
27</script>