From 3f66f91d8acfb3fb48accdf573ae48012daf913a Mon Sep 17 00:00:00 2001
From: sent <sentttt@proton.me>
Date: Tue, 15 Apr 2025 12:58:18 -0700
Subject: [PATCH] Kaboom

---
 dum.html | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 dum.html
diff --git a/dum.html b/dum.html
new file mode 100644
index 00000000..6d5cfe0a
--- /dev/null
+++ b/dum.html
@@ -0,0 +1,70 @@
+<html>
+<head>
+<meta charset="UTF-8">
+<title>explosive baboon</title>
+<style>
+body,html {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background: #000;
+}
+#container {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+#explosion {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 50vw;
+  pointer-events: none;
+  z-index: 2;
+  animation: flicker 0.08s infinite;
+  --baseOpacity: 1;
+}
+@keyframes flicker {
+  0% {
+    opacity: var(--baseOpacity);
+    transform: translate(-50%,-50%) scale(1);
+    filter: drop-shadow(0 0 15px #ff0000) hue-rotate(20deg) saturate(1.5);
+  }
+  20% {
+    opacity: calc(var(--baseOpacity) * 0.8);
+    transform: translate(-50%,-50%) scale(1.05);
+    filter: drop-shadow(0 0 20px #ff0000) hue-rotate(20deg) saturate(1.7);
+  }
+  40% {
+    opacity: var(--baseOpacity);
+    transform: translate(-50%,-50%) scale(0.95);
+    filter: drop-shadow(0 0 15px #ff0000) hue-rotate(20deg) saturate(1.5);
+  }
+  60% {
+    opacity: calc(var(--baseOpacity) * 0.5);
+    transform: translate(-50%,-50%) scale(1.1);
+    filter: drop-shadow(0 0 25px #ff0000) hue-rotate(20deg) saturate(2);
+  }
+  80% {
+    opacity: var(--baseOpacity);
+    transform: translate(-50%,-50%) scale(1);
+    filter: drop-shadow(0 0 15px #ff0000) hue-rotate(20deg) saturate(1.5);
+  }
+  100% {
+    opacity: var(--baseOpacity);
+    transform: translate(-50%,-50%) scale(1);
+    filter: drop-shadow(0 0 15px #ff0000) hue-rotate(20deg) saturate(1.5);
+  }
+}
+</style>
+</head>
+<body>
+<div id="container">
+  <img id="explosion" src="explode.jpeg" alt="Explosion">
+</div>
+</body>
+</html>
\ No newline at end of file
