Some tweaks to the spurt

1 files changed, 7 insertions, 7 deletions

diff --git a/alphabetlearning/templates/payments/success_email_signup.html b/alphabetlearning/templates/payments/success_email_signup.html
index 11fd4d2..5b3b9f7 100644
--- a/alphabetlearning/templates/payments/success_email_signup.html
+++ b/alphabetlearning/templates/payments/success_email_signup.html
@@ -6,14 +6,14 @@
 <style>
     .celebration-container {
         position: relative;
-        height: 450px;
+        height: 500px;
         overflow: hidden;
         background-color: white;
     }
 
     .letter {
         position: absolute;
-        font-size: 2rem;
+        font-size: 4rem;
         font-weight: bold;
         opacity: 1;
         bottom: 100px;
@@ -74,10 +74,10 @@
             </h2>
             <div>
                 <p class="mb-4 fs-5">
-                    We are very excited to have you join us at Alphabet Learning! 
+                    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 if they too would benefit from these exclusive rewards.
+                    As you're an early bird, tell your friends so that they too could benefit from these exclusive offers.
                 </p>
 
                 <p class="mb-4 fs-5">
@@ -98,9 +98,9 @@
     <script>
         function initCelebration() {
             const letters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
-            const colors = ['#FF6B6B', '#4ECDC4', '#45B7D1', '#96CEB4', '#FFEEAD', '#D4A5A5', '#9B59B6'];
+            const colors = ['#ff5258', '#ff9d3e', '#ffd850', '#2dc62b', '#197ceb', '#f19de0', '#9472eb', '#24dabc'];
             const container = document.querySelector('.celebration-container');
-            const totalLetters = 220;
+            const totalLetters = 420;
             
             function createSpray() {
                 for(let i = 0; i < totalLetters; i++) {
@@ -112,7 +112,7 @@
                         
                         // Calculate spray angle (-60 to 60 degrees)
                         const angle = (Math.random() * 120 - 60) * (Math.PI / 180);
-                        const speed = 500 + Math.random() * 200; // Random speed for variety
+                        const speed = 200 + Math.random() * 200; // Random speed for variety
                         
                         // Tighter initial spread at the source
                         const initialSpread = Math.random() * 10 - 5;