Added Confirm Password

Ojas-Arora · Jan 13, 2025 · b01e25b · b01e25b
1 parent a817306
commit b01e25b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 12 deletions.
diff --git 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,19 +127,19 @@ animation: slideInRight 1s ease-in-out;
 
 .right-section h1 {
 font-size: 28px;
-margin-bottom: 10px;
+margin-bottom: 3px;
 color: var(--section-color);
 }
 
 .subtitle {
 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
@@ -11,7 +11,7 @@
 </head>
 <style>
   .social-login {
-    margin-top: 20px;
+    margin-top: 5px;
     display: flex;
     justify-content: space-around;
     gap: 10px;
@@ -118,32 +118,40 @@ <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">
           <label for="username">
             <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">
           <label for="password">
             <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>