22 lines
1.2 KiB
HTML
22 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Login - Notifier</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
body { background: #0f0f0f; color: white; display: flex; align-items: center; height: 100vh; justify-content: center; }
|
|
.login-card { background: #1a1a1a; padding: 30px; border-radius: 15px; border: 1px solid #333; width: 320px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="login-card shadow">
|
|
<h4 class="text-center text-danger mb-4">Acesso Notifier</h4>
|
|
<form method="POST">
|
|
<div class="mb-3"><label>Usuário</label><input type="text" name="username" class="form-control bg-dark text-white border-secondary" required></div>
|
|
<div class="mb-3"><label>Senha</label><input type="password" name="password" class="form-control bg-dark text-white border-secondary" required></div>
|
|
<button type="submit" class="btn btn-danger w-100">Entrar</button>
|
|
{% with messages = get_flashed_messages() %}{% if messages %}<div class="text-warning mt-2 small text-center">{{ messages[0] }}</div>{% endif %}{% endwith %}
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |