From 4a02e362c02851484ba97e67352b41e6c8cf85f0 Mon Sep 17 00:00:00 2001 From: Justyn Date: Sat, 15 Jul 2023 17:35:27 -0700 Subject: [PATCH 1/4] fix navigation #1 & responsiveness #2 --- src/index.html | 86 ++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 70 insertions(+), 16 deletions(-) diff --git a/src/index.html b/src/index.html index 04bd19e..ac17d71 100644 --- a/src/index.html +++ b/src/index.html @@ -4,8 +4,14 @@ JobSimulator.Dev - - + + @@ -23,23 +29,56 @@ > - - Browse Challenges - Sign Up + +
+ Browse Challenges + Sign Up +
-
- Browse Challenges - Sign Up + -
@@ -70,9 +118,15 @@

Browse Our Challenges

Sign Up & Get Started

- - - + + +
From 74badfa6058bd15b93635329a49b8fbe9bdcb7f2 Mon Sep 17 00:00:00 2001 From: Justyn Date: Sat, 15 Jul 2023 17:35:48 -0700 Subject: [PATCH 2/4] fix invert #3 --- src/styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) 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; From 875a0a95a436582dd63f482a78b14e5e425f4fa9 Mon Sep 17 00:00:00 2001 From: Justyn Date: Sat, 15 Jul 2023 21:14:21 -0700 Subject: [PATCH 3/4] Fix #5 form logic --- src/script.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) 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 = () => { From 4b8734a4ac9c9f71bf72c0ec235a31e18f78d1ac Mon Sep 17 00:00:00 2001 From: Justyn Date: Sat, 15 Jul 2023 21:20:41 -0700 Subject: [PATCH 4/4] Fix nav and link --- src/index.html | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/src/index.html b/src/index.html index ac17d71..18ddc73 100644 --- a/src/index.html +++ b/src/index.html @@ -29,23 +29,24 @@ > - -
- Browse Challenges - Sign Up -
+ Browse Challenges + Sign Up