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