refactor templates to extend base layout and improve styling

This commit is contained in:
Eduardo Silva
2026-03-16 11:58:48 -03:00
parent 66a3895eff
commit 685b4eb971
7 changed files with 293 additions and 249 deletions

View File

@@ -1,29 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TOTP verification</title>
<link rel="stylesheet" href="{{ external_path }}/static/style.css">
</head>
<body>
<main class="shell">
<section class="card">
<p class="eyebrow">Auth Gateway</p>
<h1>Verify access to {{ application_name }}</h1>
<p class="muted">Enter the current code from your authenticator app.</p>
{% if error %}
<p class="error">{{ error }}</p>
{% endif %}
<form method="post" action="{{ external_path }}/login/totp" class="stack">
<input type="hidden" name="next" value="{{ next }}">
<label class="field">
<span>Verification code</span>
<input type="text" name="token" inputmode="numeric" autocomplete="one-time-code" required>
</label>
<button class="button" type="submit">Verify</button>
</form>
</section>
</main>
</body>
</html>
{% extends "base.html" %}
{% block title %}Verify identity — Gatekeeper{% endblock %}
{% block content %}
<h1 class="card-title">Two-factor verification</h1>
<p class="card-subtitle">Enter the current code from your authenticator app to access <strong>{{ application_name }}</strong></p>
{% if error %}
<div class="alert alert-error">{{ error }}</div>
{% endif %}
<form method="post" action="{{ external_path }}/login/totp" class="stack">
<input type="hidden" name="next" value="{{ next }}">
<label class="field">
<span>Verification code</span>
<input type="text" name="token" inputmode="numeric" autocomplete="one-time-code" autofocus required>
</label>
<button class="btn btn-primary" type="submit">Verify</button>
</form>
{% endblock %}