Changed around line 1
-
-
- ff
-
-
+
+
+
Confetti+
+ body,
+ html {
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ }
+
+ #custom_canvas {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ }
+
+ button {
+ position: relative;
+ z-index: 1;
+ margin: 20px;
+ padding: 10px 20px;
+ font-size: 20px;
+ cursor: pointer;
+ background-color: transparent;
+ }
+
+ a, a:visited {
+ color: #222
+ }
+
+
+
+
+
+
+
+
+
+
+
+ const canvas = document.getElementById("custom_canvas");
+ const confettiButton = document.getElementById("confetti-button");
+ const poopButton = document.getElementById("poop-button");
+
+ const jsConfetti = new JSConfetti({ canvas });
+
+ confettiButton.addEventListener("click", () => {
+ jsConfetti.addConfetti({
+ confettiNumber: 300,
+ confettiColors: ["#ff0a1d", "#0abf0a", "#0a8bff", "#ff9a00"],
+ });
+ });
+
+ poopButton.addEventListener("click", () => {
+ jsConfetti.addConfetti({
+ confettiNumber: 100,
+ emojis: ["💩"],
+ emojiSize: 50,
+ });
+ });
+
+
+