Merge pull request #287 from T-Rahul-prabhu-38/main

issue #274 solved✨
vimistify · Oct 6, 2024 · aa3dae2 · aa3dae2
2 parents 2da410a + 1f96d91
commit aa3dae2
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -8,8 +8,7 @@
 
 
 =======
-  <link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|
-  Bree+Serif&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="src/css/index.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
@@ -132,8 +131,7 @@
       background-color: #f2e4aa;
 
     } */
-=======
-    }
+
 
 
     .team-feature img,

diff --git a/login.html b/login.html
@@ -73,31 +73,46 @@ <h2 class="title">Sign up</h2>
       </div>
 
       <div class="panels-container">
+        <a href="index.html" class="homeBtn">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20" width="30" height="30">
+            <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
+          </svg>
+        </a>
         <div class="panel left-panel">
           <div class="content">
             <h3>New here ?</h3>
             <p>
                 Discover new experiences with AmbuFlow! <br>Get access to exclusive content and features. <br> Create your account.
             </p>
+            <a href="index.html" class="homeBtn">
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20" width="30" height="30">
+                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
+              </svg>
+            </a>
             <button class="btn transparent" id="sign-up-btn">
               Sign up
             </button>
           </div>
           <img src="img/log.svg" class="image" alt="" />
         </div>
         <div class="panel right-panel">
+
           <div class="content">
+
             <h3>One of us ?</h3>
             <p>
                 Welcome to our community
             </p>
             <button class="btn transparent" id="sign-in-btn">
               Sign in
             </button>
+
           </div>
           <img src="img/register.svg" class="image" alt="" />
         </div>
+
       </div>
+
     </div>
     <script src="login.js"></script>
   </body>

diff --git a/login.js b/login.js
@@ -37,6 +37,11 @@ document.querySelector(".sign-up-form").addEventListener('submit', function(even
   const email = document.querySelector(".sign-up-form input[type='email']").value;
   const password = document.querySelector(".sign-up-form input[type='password']").value;
 
+  if (username === '' || email === '' || password === '') {
+    alert('Please fill in all fields');
+    return;
+  }
+
   // Dummy signup logic for demo purposes
   localStorage.setItem('username', username);
   localStorage.setItem('email', email);

diff --git a/src/css/login.css b/src/css/login.css
@@ -396,4 +396,20 @@ form.sign-in-form {
     bottom: 28%;
     left: 50%;
   }
-}
+}
+
+
+
+.homeBtn {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  background: #083177;
+  color: #fff;
+  padding: 10px;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: 0.3s;
+  text-decoration: none;
+}
+