From 750acea790169720d2f3aed7c7e0a4a301d5adc3 Mon Sep 17 00:00:00 2001
From: Kieran Klukas <92754843+kcoderhtml@users.noreply.github.com>
Date: Mon, 11 Dec 2023 18:46:44 -0500
Subject: [PATCH 01/26] feat: add initial form
---
src/pages/index.astro | 101 +++++++++++++++++++++++++++++++++++++++++-
1 file changed, 99 insertions(+), 2 deletions(-)
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3fe405b..9f07dbd 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -25,7 +25,15 @@ import '../styles/style.css';
class="home-link button">
Help Contribute
-
+
+
@@ -109,4 +117,93 @@ import '../styles/style.css';
-
\ No newline at end of file
+
+
+
+
+
\ No newline at end of file
From e9013ad218d8502373568fb920bdab5861cbe78c Mon Sep 17 00:00:00 2001
From: Kieran Klukas <92754843+kcoderhtml@users.noreply.github.com>
Date: Tue, 12 Dec 2023 09:53:46 -0500
Subject: [PATCH 02/26] feat: add popup logic
---
src/pages/index.astro | 74 ++++++++++++++++++++-----------------------
1 file changed, 35 insertions(+), 39 deletions(-)
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9f07dbd..31594c3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -124,33 +124,33 @@ import '../styles/style.css';
/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
- background-color: #555;
- color: white;
- padding: 16px 20px;
- border: none;
- cursor: pointer;
- opacity: 0.8;
- position: fixed;
- bottom: 23px;
- right: 28px;
- width: 280px;
+ background-color: #555;
+ color: white;
+ padding: 16px 20px;
+ border: none;
+ cursor: pointer;
+ opacity: 0.8;
+ position: fixed;
+ bottom: 23px;
+ right: 28px;
+ width: 280px;
}
/* The popup form - hidden by default */
.form-popup {
- display: none;
- position: relative;
- bottom: 0;
- right: 15px;
- border: 3px solid #f1f1f1;
- z-index: 9;
+ display: none;
+ position: relative;
+ bottom: 0;
+ right: 15px;
+ border: 3px solid #f1f1f1;
+ z-index: 9;
}
/* Add styles to the form container */
.form-container {
- max-width: 300px;
- padding: 10px;
- background-color: white;
+ max-width: 300px;
+ padding: 10px;
+ background-color: white;
}
/* Full-width input fields */
@@ -163,47 +163,43 @@ import '../styles/style.css';
}
/* When the inputs get focus, do something */
- .form-container input[type=text]:focus, .form-container input[type=password]:focus {
- background-color: #ddd;
- outline: none;
+ .form-container input[type=text]:focus {
+ background-color: #ddd;
+ outline: none;
}
/* Set a style for the submit/login button */
.form-container .btn {
- background-color: #04AA6D;
- color: white;
- padding: 16px 20px;
- border: none;
- cursor: pointer;
- width: 100%;
- margin-bottom:10px;
- opacity: 0.8;
- }
-
- /* Add a red background color to the cancel button */
- .form-container .cancel {
- background-color: red;
+ background-color: #04AA6D;
+ color: white;
+ padding: 16px 20px;
+ border: none;
+ cursor: pointer;
+ width: 100%;
+ margin-bottom:10px;
+ opacity: 0.8;
}
/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
- opacity: 1;
+ opacity: 1;
}
\ No newline at end of file
From f942282cc9bbe97ab7b63d29852ffa189fdf9137 Mon Sep 17 00:00:00 2001
From: Kieran Klukas <92754843+kcoderhtml@users.noreply.github.com>
Date: Tue, 12 Dec 2023 22:15:18 -0500
Subject: [PATCH 03/26] feat: add preliminary form design
---
src/components/Email-Form.astro | 107 ++++++++++++++++++++++++++++++++
src/pages/index.astro | 80 +-----------------------
2 files changed, 110 insertions(+), 77 deletions(-)
create mode 100644 src/components/Email-Form.astro
diff --git a/src/components/Email-Form.astro b/src/components/Email-Form.astro
new file mode 100644
index 0000000..4b6631a
--- /dev/null
+++ b/src/components/Email-Form.astro
@@ -0,0 +1,107 @@
+---
+
+---
+
+
+
+
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 31594c3..2a7a269 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,4 +1,5 @@
---
+import EmailForm from '../components/Email-Form.astro';
import Layout from '../layouts/Layout.astro';
import '../styles/style.css';
---
@@ -25,17 +26,9 @@ import '../styles/style.css';
class="home-link button">
Help Contribute
-
-
+