diff --git a/src/index.html b/src/index.html index 04bd19e..e375654 100644 --- a/src/index.html +++ b/src/index.html @@ -11,7 +11,6 @@ - diff --git a/src/script.js b/src/script.js index 529f585..d8e25b9 100644 --- a/src/script.js +++ b/src/script.js @@ -25,11 +25,15 @@ 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 + for (let i = 0; i < usersTable.length; i++) { + if (email === "") { + return renderEmailEmptyError() + } else if (email === usersTable[i].username) { + return renderEmailTakenError() + } + } + usersTable.push({username: email}) + return renderSuccess() }); let toggleNav = () => { diff --git a/src/styles.css b/src/styles.css index 2cbb72e..c2a6d46 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(1); } @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: 1fr 1fr; grid-auto-rows: 10rem; gap: 1rem; padding-top: 2rem;