diff --git a/src/index.html b/src/index.html
index 04bd19e..537404b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -11,27 +11,25 @@
-
diff --git a/src/script.js b/src/script.js
index 529f585..dd2f142 100644
--- a/src/script.js
+++ b/src/script.js
@@ -25,11 +25,22 @@ addEventListener("submit", (event) => {
let email = document.getElementById("email").value;
- // TODO: Show Correct Status Messages on Signup Form
- // 1. successful signup
- // 2. empty email
- // 3. taken email
- // 4. repeat email
+ if(!email)
+ {
+ renderEmailEmptyError();
+ }
+ else
+ {
+ if(JSON.stringify(usersTable).includes(email))
+ {
+ renderEmailTakenError();
+ }
+ else
+ {
+ renderSuccess();
+ usersTable.push(email);
+ }
+ }
});
let toggleNav = () => {
diff --git a/src/styles.css b/src/styles.css
index 2cbb72e..e989a4b 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -669,7 +669,7 @@ form > span {
#jumbo-image {
max-height: 20rem;
- /* TODO: Invert banner colors using CSS */
+ filter: invert(100%);
}
@media (max-width: 600px) {
@@ -876,8 +876,7 @@ form > span {
#challenge-grid {
display: grid;
- /* TODO: Fix Issue, Tiles Need to be 2x2 Grid. Change only grid-template-columns */
- grid-template-columns: none;
+ grid-template-columns: auto auto;
grid-auto-rows: 10rem;
gap: 1rem;
padding-top: 2rem;