this repo has no description
1// shoutout deej (i know none of their socials) for garf (irl)
2
3const wrapper = document.createElement("div");
4wrapper.style.setProperty("position", "sticky");
5wrapper.style.setProperty("top", "-8px");
6wrapper.style.setProperty("left", "-8px");
7wrapper.style.setProperty("width", "0");
8wrapper.style.setProperty("height", "0");
9wrapper.style.setProperty("z-index", 9999);
10window.addEventListener("load", () => document.body.prepend(wrapper));
11
12const bangs = ["garf-1.webp", "garf-2.webp"].map((src) => {
13 const el = new Image();
14 el.src = src;
15 el.style.setProperty("position", "relative");
16 el.style.setProperty("width", "100vw");
17 el.style.setProperty("height", "100vh");
18 return el;
19});
20
21const aud = new Audio("flashbang.mp3");
22
23window.addEventListener("click", () => {
24 const el = bangs[Math.floor(Math.random() * bangs.length)];
25 wrapper.append(el);
26 aud.play();
27 el.animate(
28 {
29 opacity: [1, 0],
30 },
31 {
32 duration: 4000,
33 },
34 ).finished.then(() => el.remove());
35});