From 3bcd728b0bd37c95865205a75ffbddfb2e086f90 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Tue, 3 Dec 2024 17:10:23 +0000
Subject: First cut at email verification

---
 alphabetlearning/templates/pages/home.html | 108 ++++++++++++++++-------------
 1 file changed, 60 insertions(+), 48 deletions(-)

(limited to 'alphabetlearning/templates/pages/home.html')

diff --git a/alphabetlearning/templates/pages/home.html b/alphabetlearning/templates/pages/home.html
index d837dbb..bda011c 100644
--- a/alphabetlearning/templates/pages/home.html
+++ b/alphabetlearning/templates/pages/home.html
@@ -4,13 +4,13 @@
     <div class="row">
         <div class="px-4 py-5 mt-5 mb-0">
             <h1 class="display-1 fw-bold">Alphabet Learning</h1>
-            <p class="display-6 mb-4 mt-4 p-4 rounded" style="color: #919191;">
-                High quality educational resources focused on simple concepts and the first steps in learning.
+            <p class="display-6 mb-4 mt-4 p-4 rounded" style="color: #919191">
+                High quality educational resources focused on simple concepts
+                and the first steps in learning.
             </p>
-
         </div>
     </div>
-    
+
     <hr
         style="
             border: none;
@@ -29,22 +29,19 @@
             margin: 20px 0;
         "
     />
-    
-    
+
     <div class="row justify-content-center my-5">
         <div class="col-lg-12">
-            <h2 class="display-4 font-weight-bolder my-3">
-                Sign up
-            </h2>
+            <h2 class="display-4 font-weight-bolder my-3">Sign up</h2>
             <div>
-                <p class="display-6 mb-4" style="color: darkgray;">
-                    To be informed of the site launch and receive FREE resource credits,
-                    join our new customer mailing list...
+                <p class="display-6 mb-4" style="color: darkgray">
+                    To be informed of the site launch and receive FREE resource
+                    credits, join our new customer mailing list...
                 </p>
             </div>
             <form
                 method="post"
-                action="{% url 'payments:email_signup' %}"
+                action="{% url 'payments:email_signup_verification' %}"
                 class="mb-4"
                 style="padding: 30px 0"
             >
@@ -60,28 +57,38 @@
                             placeholder="Your email address..."
                         />
                     </div>
-                        <button type="submit" style="background-color: red; color: white; border: none; padding: 20px 50px; border-radius: 10px; font-size: 1.5rem; font-weight: bold;">
-                            Submit
-                        </button>
+                    <button
+                        type="submit"
+                        style="
+                            background-color: red;
+                            color: white;
+                            border: none;
+                            padding: 20px 50px;
+                            border-radius: 10px;
+                            font-size: 1.5rem;
+                            font-weight: bold;
+                        "
+                    >
+                        Submit
+                    </button>
                 </div>
-            <p class="text-muted text-center mt-3">
-                <small
-                    >By joining our list, you agree to our
-                    <a
-                        href="{% url 'payments:privacy_policy' %}"
-                        class="text-decoration-none"
-                        >Privacy and Legal Notice</a
-                    >.</small
-                >
-            </p>
+                <p class="text-muted text-center mt-3">
+                    <small
+                        >By joining our list, you agree to our
+                        <a
+                            href="{% url 'payments:privacy_policy' %}"
+                            class="text-decoration-none"
+                            >Privacy and Legal Notice</a
+                        >.</small
+                    >
+                </p>
             </form>
         </div>
         <div class="col-lg-12">
-            <h2 class="display-4 font-weight-bolder my-3">
-                Bonus offer!
-            </h2>
-            <p class="display-6 mb-4" style="color: darkgray;">
-                As a thank-you, the first fifty customers who join our mailing list will receive a 50% discount once the site is live.
+            <h2 class="display-4 font-weight-bolder my-3">Bonus offer!</h2>
+            <p class="display-6 mb-4" style="color: darkgray">
+                As a thank-you, the first fifty customers who join our mailing
+                list will receive a 50% discount once the site is live.
             </p>
         </div>
     </div>
@@ -129,31 +136,32 @@
         </div>
     </div>
 
-
     <div class="row my-5 d-flex align-items-stretch">
         <div class="col-md-12 d-flex">
             <div class="p-4 flex-fill">
                 <h2 class="display-4 font-weight-bolder my-3">
                     Learning from A to Z
                 </h2>
-                <p class="display-6" style="margin-bottom: 20px; color: darkgray;">
-                    Focused on early concepts,
-                    these resources are designed to be accessible to all learners.
+                <p
+                    class="display-6"
+                    style="margin-bottom: 20px; color: darkgray"
+                >
+                    Focused on early concepts, these resources are designed to
+                    be accessible to all learners.
                 </p>
             </div>
         </div>
-            <div class="display-4 font-weight-bolder my-5">
-                <h2 class="display-4 font-weight-bolder mb-2">
-                    No commitment required
-                </h2>
-                <p class="display-6" style="margin-bottom: 20px; color: darkgray;">
-                    Resources will be available to purchase individually
-                    without a subscription.
-                </p>
-            </div>
+        <div class="display-4 font-weight-bolder my-5">
+            <h2 class="display-4 font-weight-bolder mb-2">
+                No commitment required
+            </h2>
+            <p class="display-6" style="margin-bottom: 20px; color: darkgray">
+                Resources will be available to purchase individually without a
+                subscription.
+            </p>
+        </div>
     </div>
 
-
     <div class="row justify-content-center my-5">
         <div class="col-md-4 mb-5 mb-md-0">
             <img
@@ -177,8 +185,12 @@
             />
         </div>
     </div>
-<p class="display-6 mb-4 mt-4 p-4 col-12 rounded text-center" style="color: darkgray;">
-    Alphabet Learning is currently in active <br>development and will be launched in Spring 2025.
-</p>
+    <p
+        class="display-6 mb-4 mt-4 p-4 col-12 rounded text-center"
+        style="color: darkgray"
+    >
+        Alphabet Learning is currently in active <br />development and will be
+        launched in Spring 2025.
+    </p>
 </div>
 {% endblock content %}
-- 
cgit v1.2.3