From 52e38d07b073bb35f9564ef611da53b1af4d4ec6 Mon Sep 17 00:00:00 2001
From: Anton Gundermann <anton.gundermann@gmx.de>
Date: Tue, 27 Jun 2023 11:53:51 +0200
Subject: [PATCH] fixed: issue #3, #4 and #5

---
 src/script.js  | 13 +++++++++++++
 src/styles.css |  7 ++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/script.js b/src/script.js
index 529f585..787c6a1 100644
--- a/src/script.js
+++ b/src/script.js
@@ -25,11 +25,24 @@ addEventListener("submit", (event) => {
 
   let email = document.getElementById("email").value;
 
+  userObject = usersTable.find(element => element["username"] == email)
+
+  if (userObject){
+    renderEmailTakenError();
+  } else if(email == "") {
+    renderEmailEmptyError();
+  } else {
+    renderSuccess();
+    usersTable.push({username: email})
+  }
+
   // TODO: Show Correct Status Messages on Signup Form
   // 1. successful signup
   // 2. empty email
   // 3. taken email
   // 4. repeat email
+
+
 });
 
 let toggleNav = () => {
diff --git a/src/styles.css b/src/styles.css
index 2cbb72e..763c55a 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 */
+  /* TODO: Invert banner colors using CSS done */ 
+  filter: invert(1);
 }
 
 @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;
+  /* TODO: Fix Issue, Tiles Need to be 2x2 Grid. Change only grid-template-columns done*/
+  grid-template-columns: 50% 50%;
   grid-auto-rows: 10rem;
   gap: 1rem;
   padding-top: 2rem;