InstallTrigger is deprecated and will be removed in the future. library.js:31:5

script.js

@@ -52,10 +52,8 @@ class RabbitHole {
             }
         ];
         this.currentStep = 0;
-
-        this.init();
+this.init();
     }
-
     init() {
         this.createParticles();
         this.bindEvents();
@@ -94,7 +92,7 @@ createParticles() {
 
             if (!this.started) {
                 // Handle welcome sequence swipes
-                if (dx < -60) {
+                if (Math.abs(dx) > 60) {
                     this.nextWelcomeStep();
                 }
                 return;
@@ -141,14 +139,14 @@ animateEntrance() {
     async fetchRandomArticle() {
         try {
             // Check if we should show ad
-            if (this.swipeCount > 0 && this.swipeCount % 3 === 0) {
+            if (this.swipeCount > 0 && this.swipeCount % 5 === 0) {
                 await this.showAdvertisement();
             }
             
             this.setLoading(true);
             this.clearError();
-            // Show rabbit animation every 3 swipes
-            if (this.swipeCount % 3 === 0) {
+            // Show rabbit animation every 5 swipes
+            if (this.swipeCount % 5 === 0) {
                 this.showRabbitAnimation();
             }
 const res = await fetch(
@@ -171,14 +169,14 @@ const res = await fetch(
         const next = this.outgoingLinks[Math.floor(Math.random() * this.outgoingLinks.length)];
         try {
             // Check if we should show ad
-            if (this.swipeCount > 0 && this.swipeCount % 3 === 0) {
+            if (this.swipeCount > 0 && this.swipeCount % 5 === 0) {
                 await this.showAdvertisement();
             }
             
             this.setLoading(true);
             this.clearError();
-            // Show rabbit animation every 3 swipes
-            if (this.swipeCount % 3 === 0) {
+            // Show rabbit animation every 5 swipes
+            if (this.swipeCount % 5 === 0) {
                 this.showRabbitAnimation();
             }
 const res = await fetch(
@@ -307,7 +305,6 @@ updateProgress() {
             this.card.style.display = 'flex';
             this.showWelcomeStep(0);
         });
-        
         // Force video to play and ensure it ends properly
         video.play().catch(() => {
             // If video fails to play, use fallback
@@ -315,8 +312,7 @@ updateProgress() {
             this.card.style.display = 'flex';
             this.showWelcomeStep(0);
         });
-        
-        // Fallback in case video doesn't fire ended event
+// Fallback in case video doesn't fire ended event
         setTimeout(() => {
             if (rabbitAnimation.style.display !== 'none') {
                 rabbitAnimation.style.display = 'none';
@@ -362,19 +358,23 @@ showWelcomeStep(stepIndex) {
             }, 2000);
         }
     }
-showRabbitAnimation() {
+    showRabbitAnimation() {
         const rabbitAnim = document.getElementById('rabbit-animation');
         const video = document.getElementById('rabbit-video');
         
         rabbitAnim.style.display = 'flex';
-        video.play();
+        video.currentTime = 0;
+        video.play().catch(() => {
+            // If video fails to play, hide animation immediately
+            rabbitAnim.style.display = 'none';
+        });
+        
         // Remove the animation after video completes
         video.addEventListener('ended', () => {
             rabbitAnim.style.display = 'none';
             video.currentTime = 0;
         });
-        
-        // Fallback timeout in case video doesn't fire ended event
+// Fallback timeout in case video doesn't fire ended event
         setTimeout(() => {
             if (rabbitAnim.style.display !== 'none') {
                 rabbitAnim.style.display = 'none';