From b01e25bcdfbe696e650cdb7d489fdb73193b9ad5 Mon Sep 17 00:00:00 2001
From: Akanksha <ananyasahani1229@gmail.com>
Date: Mon, 13 Jan 2025 18:02:35 +0530
Subject: [PATCH] Added Confirm Password

---
 register.css  | 14 +++++++-------
 register.html | 18 +++++++++++++-----
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/register.css b/register.css
index 11e6799..3c425f1 100644
--- a/register.css
+++ b/register.css
@@ -68,9 +68,9 @@ background-color: var(--body-bg);
 }
 
 .theme-converter{
-margin-left: 83%;
-margin-top: -2%;
-margin-bottom: 1%;
+margin-left: 87%;
+margin-top: 0%;
+margin-bottom: 0%;
 background-color: var(--body-bg);
 color: var(--body-bg) ;
 }
@@ -127,7 +127,7 @@ animation: slideInRight 1s ease-in-out;
 
 .right-section h1 {
 font-size: 28px;
-margin-bottom: 10px;
+margin-bottom: 3px;
 color: var(--section-color);
 }
 
@@ -135,11 +135,11 @@ color: var(--section-color);
 font-size: 16px;
 color: var(--subtitle-color);
 /* color: #666; */
-margin-bottom: 20px;
+margin-bottom: 3px;
 }
 
 .signup-form .input-group {
-margin-bottom: 20px;
+margin-bottom: 11px;
 }
 
 .signup-form .input-group label {
@@ -152,7 +152,7 @@ color: var(--label-color);
 
 .signup-form .input-group input {
 width: 100%;
-padding: 12px;
+padding: 10px;
 border: 1px solid #ddd;
 border-radius: 8px;
 transition: all 0.3s;
diff --git a/register.html b/register.html
index 3a0068a..634ff59 100644
--- a/register.html
+++ b/register.html
@@ -11,7 +11,7 @@
 </head>
 <style>
   .social-login {
-    margin-top: 20px;
+    margin-top: 5px;
     display: flex;
     justify-content: space-around;
     gap: 10px;
@@ -118,14 +118,14 @@ <h2>Ajivika</h2>
     <div class="right-section">
       <h1>Create an Account</h1>
       <p class="subtitle">Sign up to explore more!</p>
-      <form id="signup-form" class="signup-form">
+      <form id="signup-form" method="post" action="/signup" class="signup-form">
         <div id="errorelem" class="error-message"></div>
         <div class="input-group">
           <label for="email">
             <i class="fas fa-envelope"></i>
             Email
           </label>
-          <input type="email" id="email" placeholder="Enter your email" required>
+          <input type="email" id="email" name="email" placeholder="Enter your email" required>
           <div id="errorelemEmail" class="error-message"></div>
         </div>
         <div class="input-group">
@@ -133,7 +133,7 @@ <h1>Create an Account</h1>
             <i class="fas fa-user"></i>
             Username
           </label>
-          <input type="text" id="username" placeholder="Choose a username" required>
+          <input type="text" id="username" name="username" placeholder="Choose a username" required>
           <div id="errorelemUsername" class="error-message"></div>
         </div>
         <div class="input-group">
@@ -141,9 +141,17 @@ <h1>Create an Account</h1>
             <i class="fas fa-lock"></i>
             Password
           </label>
-          <input type="password" id="password" placeholder="Enter your password" required>
+          <input type="password" id="password" name="password" placeholder="Enter your password" required>
           <div id="errorelemPass" class="error-message"></div>
         </div>
+        <div class="input-group">
+          <label for="confirmPassword">
+            <i class="fas fa-lock"></i>
+            Confirm Password
+          </label>
+          <input type="password" id="confirmPassword" name="confirmPassword" placeholder="Confirm your password" required>
+          <div id="errorelemConfirmPass" class="error-message"></div>
+        </div>
         <button type="submit" class="signup-btn">Sign Up</button>
         <p class="login-link">
           Already have an account? <a href="login.html" id="login-link">Log in here</a>