diff --git a/confetti.html b/confetti.html
deleted file mode 100644
index a4645f1..0000000
--- a/confetti.html
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
- confetti
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/confetti.js b/confetti.js
index 5339a1a..3e1171f 100644
--- a/confetti.js
+++ b/confetti.js
@@ -1,7 +1,7 @@
var confetti = {
maxCount: 150, //set max confetti count
speed: 2, //set the particle animation speed
- frameInterval: 15, //the confetti animation frame interval in milliseconds
+ frameInterval: 30, //the confetti animation frame interval in milliseconds
alpha: 1.0, //the alpha opacity of the confetti (between 0 and 1, where 1 is opaque and 0 is invisible)
gradient: false, //whether to use gradients for the confetti particles
start: null, //call to start confetti animation (with optional timeout in milliseconds, and optional min and max random confetti count)
@@ -103,7 +103,7 @@ var confetti = {
if (canvas === null) {
canvas = document.createElement("canvas");
canvas.setAttribute("id", "confetti-canvas");
- canvas.setAttribute("style", "display:block;z-index:999999;pointer-events:none;position:fixed;top:0");
+ canvas.setAttribute("style", "display:block;z-index:999999;z-index:0;pointer-events:none;position:fixed;top:0");
document.body.prepend(canvas);
canvas.width = width;
canvas.height = height;
diff --git a/hat.js b/hat.js
index 9e43b3c..d4d63b8 100644
--- a/hat.js
+++ b/hat.js
@@ -92,7 +92,10 @@ class Hat {
document.documentElement.style.setProperty("--page-color", color);
badgePage.style.animation = "3s appear forwards ease";
-
+ setTimeout(()=> {
+ confetti.start()
+ confetti.speed = 1;
+ },3000);
}
think(ANIM_TIME){
let thoughts = document.getElementById("thoughts");
diff --git a/index.html b/index.html
index 7f41f82..edd3fe6 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,7 @@
+