61 lines
1.6 KiB
HTML
61 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Chat</title>
|
|
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
<link rel="stylesheet" href="/css/forms.css">
|
|
</head>
|
|
|
|
<body>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/login/">Login</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main>
|
|
<h1>Log in</h1>
|
|
|
|
<section class="form-and-details">
|
|
<form method="POST" action="/login">
|
|
<div class="form-group">
|
|
<label for="username">Username</label>
|
|
<input type="text" id="username" name="username" placeholder="Username" minlength="3" pattern="[\w0-9][\w0-9_-]" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" name="password" placeholder="Password" minlength="6" required>
|
|
</div>
|
|
|
|
<input type="submit" value="Log in">
|
|
</form>
|
|
|
|
<aside>
|
|
<p>Username:</p>
|
|
<ul>
|
|
<li>must be at least 3 characters long.</li>
|
|
<li>can contain alphanumeric characters, <kbd>_</kbd>, or <kbd>-</kbd>.</li>
|
|
<li>can't start with <kbd>_</kbd> or <kbd>-</kbd>.</li>
|
|
</ul>
|
|
|
|
<p>Password:</p>
|
|
<ul>
|
|
<li>must be at least 6 characters long.</li>
|
|
</ul>
|
|
</aside>
|
|
</section>
|
|
|
|
<p>Don't have an account? <a href="/register/">Register!</a></p>
|
|
</main>
|
|
|
|
<footer>
|
|
by <a href="https://lavender.software">Lavender Software</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|