From 11de987bfab1c734b14181a6720c88fb88aab936 Mon Sep 17 00:00:00 2001
From: Maana Ajmera <maanaajmera@gmail.com>
Date: Sat, 20 Jul 2024 01:28:49 +0530
Subject: [PATCH 1/4] sign in sucess

---
 login/login.css  | 13 ++++++++++++-
 login/login.html |  4 +++-
 login/login.js   | 34 ++++++++++++++++++----------------
 3 files changed, 33 insertions(+), 18 deletions(-)

diff --git a/login/login.css b/login/login.css
index 8ba3f9e0..389ad5b1 100644
--- a/login/login.css
+++ b/login/login.css
@@ -380,4 +380,15 @@ body::before {
   .footer{
     bottom: -95%;
   }
-}
\ No newline at end of file
+}
+.success-banner {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  background-color: #14810a;
+  color: white;
+  text-align: center;
+  padding: 30px;
+  z-index: 1000;
+  font-size:2rem;
+}
diff --git a/login/login.html b/login/login.html
index e0f33d78..c45e2b46 100644
--- a/login/login.html
+++ b/login/login.html
@@ -61,7 +61,9 @@
         >
       </nav>
     </header>
-
+    <div id="success-banner" class="success-banner" style="display: none;">
+      <p id="banner-text"></p>
+    </div>
     <div class="container" id="container">
       <div class="form-container sign-up">
         <form>
diff --git a/login/login.js b/login/login.js
index 14341b5c..ecc05373 100644
--- a/login/login.js
+++ b/login/login.js
@@ -25,22 +25,24 @@ loginBtn.addEventListener("click", () => {
   container.classList.remove("active");
 });
 
-
-const passwordInput = document.getElementById('signup-password');
-const confirmPasswordInput = document.getElementById('signup-confirm-password');
-const passwordMatchError = document.getElementById('signup-password-match-error');
-const signUpBtn = document.getElementById('signup-button');
-
-function validatePasswords() {
-  if (passwordInput.value !== confirmPasswordInput.value) {
-    passwordMatchError.style.display = 'block';
-    signUpBtn.disabled = true;
-  } else {
-    passwordMatchError.style.display = 'none';
-    signUpBtn.disabled = false;
-  }
+function showSuccessBanner(message) {
+  const banner = document.getElementById('success-banner');
+  const bannerText = document.getElementById('banner-text');
+  bannerText.textContent = message;
+  banner.style.display = 'block';
+  setTimeout(() => {
+    banner.style.display = 'none';
+  }, 3000);
 }
+document.querySelector('.sign-up form').addEventListener('submit', (e) => {
+  e.preventDefault();
+  showSuccessBanner('Signed up successfully');
+});
+// Handle sign-in form submission
+document.querySelector('.sign-in form').addEventListener('submit', (e) => {
+  e.preventDefault();
+  showSuccessBanner('Signed in successfully');
+});
 
-passwordInput.addEventListener('input', validatePasswords);
-confirmPasswordInput.addEventListener('input', validatePasswords);
+// Handle sign-up form submission
 

From 7e090d1386eab2042228e3ecd8f8730493da2a71 Mon Sep 17 00:00:00 2001
From: Maana Ajmera <maanaajmera@gmail.com>
Date: Sat, 20 Jul 2024 01:32:28 +0530
Subject: [PATCH 2/4] extra comment

---
 login/login.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/login/login.js b/login/login.js
index ecc05373..23c3b529 100644
--- a/login/login.js
+++ b/login/login.js
@@ -44,5 +44,4 @@ document.querySelector('.sign-in form').addEventListener('submit', (e) => {
   showSuccessBanner('Signed in successfully');
 });
 
-// Handle sign-up form submission
 

From 7901c2c03a241c5318bd2a83eddb4b24871b970c Mon Sep 17 00:00:00 2001
From: Maana Ajmera <maanaajmera@gmail.com>
Date: Mon, 22 Jul 2024 19:01:08 +0530
Subject: [PATCH 3/4] popup modify

---
 login/login.css  | 18 +++++++++++-------
 login/login.html |  9 ++++++---
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/login/login.css b/login/login.css
index a56f0840..14193b06 100644
--- a/login/login.css
+++ b/login/login.css
@@ -387,13 +387,17 @@ body::before {
   }
 }
 .success-banner {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  background-color: #14810a;
-  color: white;
+  position: absolute;
+  bottom: 15px;
+  width: 60%;
+  left: 20%;
+  border-radius: 4px;
+  border: 2px solid #14810a;
   text-align: center;
-  padding: 30px;
   z-index: 1000;
-  font-size:2rem;
+  font-size:1rem;
 }
+#banner-text{
+  color:#0b8835;
+  margin: 4px;
+}
\ No newline at end of file
diff --git a/login/login.html b/login/login.html
index 0769094f..67ca67f6 100644
--- a/login/login.html
+++ b/login/login.html
@@ -61,9 +61,7 @@
         >
       </nav>
     </header>
-    <div id="success-banner" class="success-banner" style="display: none;">
-      <p id="banner-text"></p>
-    </div>
+    
     <div class="container" id="container">
       <div class="form-container sign-up" id="signup-form">
         <form>
@@ -170,6 +168,11 @@ <h1>Sign In</h1>
           >
           <button>Sign In</button>
         </form>
+        <div class="outer-banner">
+        <div id="success-banner" class="success-banner" style="display: none;">
+          <p id="banner-text"></p>
+        </div>
+      </div>
       </div>
 
       <!-- Forget Password Form-->

From bc6593aacbdaf336ba48746297f07a3141bee6cc Mon Sep 17 00:00:00 2001
From: Maana Ajmera <maanaajmera@gmail.com>
Date: Mon, 22 Jul 2024 19:02:20 +0530
Subject: [PATCH 4/4] position modify

---
 login/login.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/login/login.css b/login/login.css
index 14193b06..8a7c4576 100644
--- a/login/login.css
+++ b/login/login.css
@@ -388,7 +388,7 @@ body::before {
 }
 .success-banner {
   position: absolute;
-  bottom: 15px;
+  bottom: 25px;
   width: 60%;
   left: 20%;
   border-radius: 4px;