From afd9f0bbca4b99dab72e498bb6798f006c790188 Mon Sep 17 00:00:00 2001
From: Jesus Galaz <jesusgalazr@icloud.com>
Date: Sun, 13 Oct 2024 14:40:44 +0200
Subject: [PATCH] Fixing login design
---
public/login.html | 64 ++++++++---------------------------------------
1 file changed, 11 insertions(+), 53 deletions(-)
diff --git a/public/login.html b/public/login.html
index 9d90c07..a11395c 100644
--- a/public/login.html
+++ b/public/login.html
@@ -1,5 +1,5 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -9,75 +9,33 @@
<body>
<div class="login-container">
<h2>Login</h2>
- <form id="login-form" action="login.php" method="POST">
+ <form id="login-form">
<input
type="text"
class="uname"
- name="username"
+ id="username"
placeholder="Username"
required
/>
<input
type="password"
class="pass"
- name="password"
+ id="password"
placeholder="Password"
required
/>
- <button type="submit">Login</button>
+ <button type="submit" class="submit-login">Login</button>
</form>
- <span class="error_text"></span>
- <div class="success_message">
- Login successful! Redirecting to your to-do list...
+ <span class="error_text" style="color: red"></span>
+ <div class="success_message" style="display: none; color: green">
+ Login successful! Redirecting...
</div>
<div class="register-link">
- <!DOCTYPE html>
- <html lang="es">
- <head>
- <meta charset="UTF-8" />
- <meta
- name="viewport"
- content="width=device-width, initial-scale=1.0"
- />
- <title>Login</title>
- <link rel="stylesheet" href="./css/login.css" />
- </head>
- <body>
- <div class="login-container">
- <h2>Login</h2>
- <form id="login-form">
- <input
- type="text"
- class="uname"
- id="username"
- placeholder="Username"
- required
- />
- <input
- type="password"
- class="pass"
- id="password"
- placeholder="Password"
- required
- />
- <button type="submit" class="submit-login">Login</button>
- </form>
- <span class="error_text" style="color: red"></span>
- <div class="success_message" style="display: none; color: green">
- Login successful! Redirecting...
- </div>
-
- <div class="register-link">
- Don't have an account? <a href="register.html">Register</a>.
- </div>
- </div>
-
- <script src="./js/auth.js"></script>
- </body>
- </html>
- Don't have an account? <a href="register.html">Create one</a>.
+ Don't have an account? <a href="register.html">Register</a>.
</div>
</div>
+
+ <script src="./js/auth.js"></script>
</body>
</html>
--
GitLab