From 7cd2fd2b75bc5597e9b2a128bf61201910be6df2 Mon Sep 17 00:00:00 2001 From: Matthew Lemon Date: Wed, 4 Dec 2024 17:11:55 +0000 Subject: Email verification - Associated changes in the .env file now allow us to test the SMTP server config - Added mine and J's email ad admins - Grab env variables from the .env file in the local.py file for testing purposes - Set an expiry of 24hrs for the validation link to work - Added an HTML version of the verification email --- .../templates/payments/success_email_signup.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'alphabetlearning/templates/payments/success_email_signup.html') 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 @@

- 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 FREE resource credits AND a 50% discount. As you're an early bird, tell your friends so that they too could benefit from these exclusive offers.

@@ -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 %} -- cgit v1.2.3