diff --git a/src/index.html b/src/index.html
index 04bd19e..18ddc73 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,8 +4,14 @@
JobSimulator.Dev
-
-
+
+
@@ -23,23 +29,57 @@
>
- JobSimulator.Dev
- Browse Challenges
- Sign Up
+ JobSimulator.Dev
+ Browse Challenges
+ Sign Up
-
@@ -70,9 +119,15 @@ Browse Our Challenges
Sign Up & Get Started
diff --git a/src/script.js b/src/script.js
index 529f585..f245c36 100644
--- a/src/script.js
+++ b/src/script.js
@@ -30,6 +30,22 @@ addEventListener("submit", (event) => {
// 2. empty email
// 3. taken email
// 4. repeat email
+ let emailTaken = false;
+ // Loop through to check if already used, if so marks emailTaken true
+ usersTable.forEach((x) => {
+ if (x.username === email) {
+ emailTaken = true;
+ renderEmailTakenError();
+ }
+ });
+ // If email is empty render empty error
+ if (!email) {
+ renderEmailEmptyError();
+ } else if (!emailTaken) {
+ // If emailTaken false, add username object to array and render success
+ usersTable.push({ username: email });
+ renderSuccess();
+ }
});
let toggleNav = () => {
diff --git a/src/styles.css b/src/styles.css
index 2cbb72e..8873292 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -670,6 +670,7 @@ form > span {
#jumbo-image {
max-height: 20rem;
/* TODO: Invert banner colors using CSS */
+ filter: invert(1);
}
@media (max-width: 600px) {
@@ -877,7 +878,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;
