diff options
Diffstat (limited to 'alphabetlearning/templates/payments/success_email_signup.html')
| -rw-r--r-- | alphabetlearning/templates/payments/success_email_signup.html | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/alphabetlearning/templates/payments/success_email_signup.html b/alphabetlearning/templates/payments/success_email_signup.html index 5b3b9f7..c033d0a 100644 --- a/alphabetlearning/templates/payments/success_email_signup.html +++ b/alphabetlearning/templates/payments/success_email_signup.html @@ -74,8 +74,8 @@ </h2> <div> <p class="mb-4 fs-5"> - We are very excited to have you {{ email }} join us at Alphabet Learning! - You will be updated before we are due to go live (this is currently estimated to be Spring 2025). + We are very excited to have you {{ email }} join us at Alphabet Learning! + You will be updated before we are due to go live (this is currently estimated to be Spring 2025). Once we are live we will also send you the <strong>FREE</strong> resource credits AND a <strong>50% discount</strong>. As you're an early bird, tell your friends so that they too could benefit from these exclusive offers. </p> @@ -101,7 +101,7 @@ const colors = ['#ff5258', '#ff9d3e', '#ffd850', '#2dc62b', '#197ceb', '#f19de0', '#9472eb', '#24dabc']; const container = document.querySelector('.celebration-container'); const totalLetters = 420; - + function createSpray() { for(let i = 0; i < totalLetters; i++) { setTimeout(() => { @@ -109,21 +109,21 @@ letter.className = 'letter'; letter.textContent = letters[Math.floor(Math.random() * letters.length)]; letter.style.color = colors[Math.floor(Math.random() * colors.length)]; - + // Calculate spray angle (-60 to 60 degrees) const angle = (Math.random() * 120 - 60) * (Math.PI / 180); const speed = 200 + Math.random() * 200; // Random speed for variety - + // Tighter initial spread at the source const initialSpread = Math.random() * 10 - 5; letter.style.left = `calc(50% + ${initialSpread}px)`; - + // Calculate trajectory const duration = 2 + Math.random() * 0.5; // 1-1.5s duration const xVelocity = Math.sin(angle) * speed; const yVelocity = Math.cos(angle) * speed + 200; // Adjusted to ensure letters fall below their source level const gravity = 500; // Pixels per second squared - + // Create custom animation const animation = letter.animate([ { transform: 'translate(0, 0) rotate(0deg)' }, @@ -135,15 +135,15 @@ easing: 'cubic-bezier(0.25, 0.1, 0.25, 1)', fill: 'forwards' }); - + container.appendChild(letter); - + // Remove letter after animation animation.onfinish = () => letter.remove(); }, i * 10); // Stagger creation slightly for more natural look } } - + // Create the spray once createSpray(); } @@ -154,4 +154,4 @@ {% endblock content %} {% block extra_js %} -{% endblock %}
\ No newline at end of file +{% endblock %} |