From a43845f07988bfad07f852af42ae6fcde65cf666 Mon Sep 17 00:00:00 2001
From: Caen Jones <131218155+CaenJones@users.noreply.github.com>
Date: Tue, 19 Dec 2023 22:17:59 -0500
Subject: [PATCH 1/8] prevent form scroll overlap

Signed-off-by: Caen Jones <131218155+CaenJones@users.noreply.github.com>
---
 src/components/Email-Form.astro | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/Email-Form.astro b/src/components/Email-Form.astro
index 59c4508..71b8d99 100644
--- a/src/components/Email-Form.astro
+++ b/src/components/Email-Form.astro
@@ -67,19 +67,21 @@
 </div>
 
 <style>
-  @media (max-width: 600px) {
-    form {
-      width: 100%;
-      position: static;
-      transform: none;
-    }
-  }
+ @media (max-width: 600px) {
+   form {
+     width: 100%;
+     position: fixed;
+     transform: none;
+   }
+ }
 
-  #email-form {
-    transform: translateY(33em);
-    visibility: hidden;
-    position: absolute;
-  }
+ #email-form {
+   transform: translate(-50%, -50%);
+   top: 50%;
+   left: 50%;
+   visibility: hidden;
+   position: fixed;
+ }
 
   form {
     display: flex;

From f7222bb5fef082d17f397b04ec23cedc1ef6605a Mon Sep 17 00:00:00 2001
From: Caen Jones <131218155+CaenJones@users.noreply.github.com>
Date: Tue, 19 Dec 2023 22:23:29 -0500
Subject: [PATCH 2/8] Update Email-Form.astro

Signed-off-by: Caen Jones <131218155+CaenJones@users.noreply.github.com>
---
 src/components/Email-Form.astro | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/Email-Form.astro b/src/components/Email-Form.astro
index 71b8d99..e75afc2 100644
--- a/src/components/Email-Form.astro
+++ b/src/components/Email-Form.astro
@@ -67,21 +67,21 @@
 </div>
 
 <style>
- @media (max-width: 600px) {
-   form {
-     width: 100%;
-     position: fixed;
-     transform: none;
-   }
+@media (max-width: 600px) {
+ form {
+  width: 100%;
+  position: fixed;
+  transform: none;
  }
+}
 
- #email-form {
-   transform: translate(-50%, -50%);
-   top: 50%;
-   left: 50%;
-   visibility: hidden;
-   position: fixed;
- }
+#email-form {
+ transform: translate(-50%, -50%);
+ top: 50%;
+ left: 50%;
+ visibility: hidden;
+ position: fixed;
+}
 
   form {
     display: flex;

From f3117d8170cc80ba2fc4f6dc47ea53c778acac2a Mon Sep 17 00:00:00 2001
From: Caen Jones <131218155+CaenJones@users.noreply.github.com>
Date: Tue, 19 Dec 2023 22:26:29 -0500
Subject: [PATCH 3/8] Update Email-Form.astro

Signed-off-by: Caen Jones <131218155+CaenJones@users.noreply.github.com>
---
 src/components/Email-Form.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Email-Form.astro b/src/components/Email-Form.astro
index e75afc2..98ae65f 100644
--- a/src/components/Email-Form.astro
+++ b/src/components/Email-Form.astro
@@ -71,14 +71,14 @@
  form {
   width: 100%;
   position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   transform: none;
  }
 }
 
 #email-form {
- transform: translate(-50%, -50%);
- top: 50%;
- left: 50%;
  visibility: hidden;
  position: fixed;
 }

From 78a02a9f0ef2c0a3fa3eb1595ba9330b199b8279 Mon Sep 17 00:00:00 2001
From: Caen Jones <131218155+CaenJones@users.noreply.github.com>
Date: Tue, 19 Dec 2023 22:28:29 -0500
Subject: [PATCH 4/8] Update Email-Form.astro

Signed-off-by: Caen Jones <131218155+CaenJones@users.noreply.github.com>
---
 src/components/Email-Form.astro | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Email-Form.astro b/src/components/Email-Form.astro
index 98ae65f..272d810 100644
--- a/src/components/Email-Form.astro
+++ b/src/components/Email-Form.astro
@@ -69,18 +69,20 @@
 <style>
 @media (max-width: 600px) {
  form {
-  width: 100%;
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  transform: none;
+ width: 100%;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: none;
+ will-change: auto;
  }
 }
 
 #email-form {
  visibility: hidden;
  position: fixed;
+ transform: none;
+ will-change: auto;
 }
 
   form {

From eae2b2e67c536bcd40dd6ea682ea95abfdf76461 Mon Sep 17 00:00:00 2001
From: Caen Jones <131218155+CaenJones@users.noreply.github.com>
Date: Tue, 19 Dec 2023 22:32:19 -0500
Subject: [PATCH 5/8] Update Email-Form.astro

Signed-off-by: Caen Jones <131218155+CaenJones@users.noreply.github.com>
---
 src/components/Email-Form.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Email-Form.astro b/src/components/Email-Form.astro
index 272d810..0ce69d5 100644
--- a/src/components/Email-Form.astro
+++ b/src/components/Email-Form.astro
@@ -73,16 +73,16 @@
  position: fixed;
  top: 50%;
  left: 50%;
- transform: none;
- will-change: auto;
+ transform: translate(-50%, -50%);
  }
 }
 
 #email-form {
  visibility: hidden;
  position: fixed;
- transform: none;
- will-change: auto;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
 }
 
   form {

From 5a8277653214a15a503a3f612302bf50c28e36ca Mon Sep 17 00:00:00 2001
From: Kieran Klukas <92754843+kcoderhtml@users.noreply.github.com>
Date: Wed, 20 Dec 2023 11:05:43 -0500
Subject: [PATCH 6/8] feat: responsiveness in index.astro

---
 src/pages/index.astro | 51 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 63b5780..f66e764 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -37,6 +37,7 @@ import "../styles/index.css";
           </div>
         </div>
         <EmailForm />
+        <span class="emailbr"></span>
         <button class="chevron-button" id="chevron-button"></button>
         <div class="home-features">
           <div class="home-container1">
@@ -168,3 +169,53 @@ import "../styles/index.css";
     });
   });
 </script>
+
+<style>
+  @media (max-width: 825px) {
+    .home-container {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+    .home-container1 {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+    .home-container2 {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+    .home-btn-group {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+    .home-text1 {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+    .home-features {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+    }
+    .home-lottie-node {
+      align-items: center;
+      width: 100%;
+      height: 100%;
+    }
+    .emailbr {
+      display: block;
+      margin: 140px 0;
+    }
+  }
+</style>

From 5d7aa0aec3b69f293afb2af1a9ae1571d1db5a91 Mon Sep 17 00:00:00 2001
From: Kieran Klukas <92754843+kcoderhtml@users.noreply.github.com>
Date: Wed, 20 Dec 2023 11:05:57 -0500
Subject: [PATCH 7/8] feat: removed popup

---
 src/components/Email-Form.astro | 35 +++++++++++++++++----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/Email-Form.astro b/src/components/Email-Form.astro
index 0ce69d5..a1bdee6 100644
--- a/src/components/Email-Form.astro
+++ b/src/components/Email-Form.astro
@@ -1,4 +1,4 @@
-<div id="email-form">
+<div id="email-form" class="emailform">
   <div class="signup-container">
     <div class="signup-container1">
       <div class="signup-container2">
@@ -67,23 +67,18 @@
 </div>
 
 <style>
-@media (max-width: 600px) {
- form {
- width: 100%;
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
-}
+  .emailform {
+    transform: translateY(33em);
+    visibility: hidden;
+    position: absolute;
+  }
 
-#email-form {
- visibility: hidden;
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
+  @media (max-width: 825px) {
+    .emailform {
+      position: absolute;
+      transform: translateY(-7em);
+    }
+  }
 
   form {
     display: flex;
@@ -99,6 +94,12 @@
     border: 1px solid var(--dl-color-gray-white); /* added white border */
   }
 
+  @media (max-width: 825px) {
+    form {
+      width: 95%;
+    }
+  }
+
   input[type="text"],
   input[type="email"] {
     width: 100%;

From 815209343e5a011cef396149da18ce430d3aa4f5 Mon Sep 17 00:00:00 2001
From: Kieran Klukas <92754843+kcoderhtml@users.noreply.github.com>
Date: Wed, 20 Dec 2023 11:13:43 -0500
Subject: [PATCH 8/8] feat: make emailbr only appear when form appears

---
 src/pages/index.astro | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index f66e764..816761f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -37,7 +37,7 @@ import "../styles/index.css";
           </div>
         </div>
         <EmailForm />
-        <span class="emailbr"></span>
+        <span class="emailbr" id="emailbr"></span>
         <button class="chevron-button" id="chevron-button"></button>
         <div class="home-features">
           <div class="home-container1">
@@ -144,6 +144,7 @@ import "../styles/index.css";
   const buttons = document.querySelectorAll("[form-button]");
   const scroll = document.getElementById("chevron-button");
   const form = document.getElementById("email-form");
+  const emailbr = document.getElementById("emailbr");
 
   form.style.visibility = "hidden";
 
@@ -155,9 +156,11 @@ import "../styles/index.css";
     if (form.style.visibility == "hidden") {
       form.style.visibility = "visible";
       scroll.style.visibility = "hidden";
+      emailbr.classList.add("show");
     } else {
       form.style.visibility = "hidden";
       scroll.style.visibility = "visible";
+      emailbr.classList.remove("show");
     }
   }
   scroll.addEventListener("click", () => {
@@ -171,6 +174,11 @@ import "../styles/index.css";
 </script>
 
 <style>
+  .emailbr {
+    display: block;
+    margin: 0px 0;
+  }
+
   @media (max-width: 825px) {
     .home-container {
       display: flex;
@@ -213,7 +221,8 @@ import "../styles/index.css";
       width: 100%;
       height: 100%;
     }
-    .emailbr {
+
+    .emailbr.show {
       display: block;
       margin: 140px 0;
     }