crit thunder

uross-11 · uross-11 · commit 9217556ee2aa · 2025-09-21T13:24:21.000+02:00
diff --git a/crit.webp b/crit.webp
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
     <link rel="stylesheet" type="text/css" href="main.css">
   </head>
   <body>
+    <img src="crit.webp" id="critImg">
     <div id="popup">
       <div id="popupText">
         0
diff --git a/index.js b/index.js
@@ -52,6 +52,14 @@ const eventsTable = [
         action: () => {
             clickMeText.innerText = `You broke it`;
             playFart(critFart);
+            critImg.animate([
+                { opacity: 0 },
+                { opacity: 1 },
+                { opacity: 0 }
+            ], {
+                duration: 1000,
+                fill: "forwards"
+            });
         },
     },
     {
diff --git a/main.css b/main.css
@@ -1,3 +1,6 @@
+body {
+  margin: 0;
+}
 .center {
     position: absolute;
     left: 50%;
@@ -16,6 +19,13 @@
     user-select: none;
     -webkit-user-select: none;
 }
+#critImg {
+  opacity: 0;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
 #popup {
     visibility: hidden;
     position: absolute;
@@ -35,4 +45,4 @@
 }
 .customCursor {
     cursor: url("peach-emoji.png"), auto;
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,7 @@`
`7`	`7`	`<link rel="stylesheet" type="text/css" href="main.css">`
`8`	`8`	`</head>`
`9`	`9`	`<body>`
	`10`	`+ <img src="crit.webp" id="critImg">`
`10`	`11`	`<div id="popup">`
`11`	`12`	`<div id="popupText">`
`12`	`13`	`0`