Build a Quiz That Powers Marketing for Each Lead
Build a Quiz That Powers Marketing for Each Lead
Streak: 1 🔥
console.log("Script started"); function createFireworks() { console.log("Creating fireworks"); const container = document.getElementById('fireworks-container'); if (!container) { console.error("Fireworks container not found"); return; } container.innerHTML = ''; const colors = ['#FF00FF', '#A020F0', '#8A2BE2', '#9400D3', '#9370DB', '#7B68EE', '#6A5ACD', '#FFD700', '#FFA500', '#FF4500']; const centerX = window.innerWidth / 2; const centerY = window.innerHeight / 2; for (let i = 0; i < 10; i++) { setTimeout(() => { createFirework(container, colors, centerX, centerY); }, i * 50); } } function createFirework(container, colors, x, y) { const firework = document.createElement('div'); firework.className = 'firework'; firework.style.left = `${x + (Math.random() - 0.5) * 300}px`; firework.style.top = `${y + (Math.random() - 0.5) * 200}px`; firework.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)]; container.appendChild(firework); for (let j = 0; j < 30; j++) { const spark = document.createElement('div'); spark.className = 'spark'; spark.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)]; spark.style.left = firework.style.left; spark.style.top = firework.style.top; const angle = Math.random() * Math.PI * 2; const distance = 50 + Math.random() * 100; spark.style.setProperty('--tx', `${Math.cos(angle) * distance}px`); spark.style.setProperty('--ty', `${Math.sin(angle) * distance}px`); container.appendChild(spark); } } function updateStreak() { console.log("Updating streak"); const streakCounter = document.getElementById('streak-counter'); if (!streakCounter) { console.error("Streak counter not found"); return; } streakCounter.innerHTML = 'Streak: 1 🔥'; streakCounter.classList.add('visible'); setTimeout(() => { streakCounter.classList.remove('visible'); }, 1000); } function initializeTypeform() { console.log("Initializing Typeform"); const observer = new MutationObserver((mutations, obs) => { const typeformIframe = document.querySelector('iframe[src*="typeform.com"]'); if (typeformIframe) { console.log("Typeform iframe found"); setTimeout(() => { console.log("Triggering fireworks and streak update"); createFireworks(); updateStreak(); }, 2000); obs.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); } // Wait for DOM to be fully loaded before initializing document.addEventListener('DOMContentLoaded', (event) => { console.log("DOM fully loaded"); initializeTypeform(); }); // Fallback: If DOMContentLoaded doesn't trigger, initialize after a delay setTimeout(() => { if (!document.querySelector('iframe[src*="typeform.com"]')) { console.log("Fallback: Initializing Typeform"); initializeTypeform(); } }, 5000);

The World's First Advertising Recreated For Each Lead.
Because Marketing Is Personal.

© 2024 PrognosticAI

Let's Begin...
Experience the World’s First Personalized Marketing

The World's First Advertising Recreated For Each Lead.
Because Marketing Is Personal.

© 2024 PrognosticAI