48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Konto verifizieren{% endblock %}
|
|
|
|
{% block head %}
|
|
{{ super() }}
|
|
<style>
|
|
/* Add the same .auth-wrap and related CSS from register.html here,
|
|
or move them to a shared base.css file to keep templates clean */
|
|
.auth-wrap {
|
|
max-width: 560px;
|
|
margin: 2rem auto;
|
|
padding: 2rem;
|
|
border-radius: 18px;
|
|
border: 1px solid #d4e0e9;
|
|
background: #ffffff;
|
|
box-shadow: 0 20px 44px rgba(14, 32, 48, 0.08);
|
|
}
|
|
.auth-wrap h1 { font-size: 2rem; color: #0f344d; margin-bottom: 0.4rem; }
|
|
.auth-wrap p { margin-bottom: 1.3rem; }
|
|
.field { margin-bottom: 0.9rem; }
|
|
.field label { display: block; margin-bottom: 0.35rem; font-weight: 700; color: #19445f; }
|
|
.field input { width: 100%; padding: 0.68rem 0.78rem; border-radius: 10px; border: 1px solid #c4d5e2; font-size: 1rem; color: #12384f; }
|
|
.field input:focus { outline: none; border-color: #2f79a7; box-shadow: 0 0 0 3px rgba(58, 133, 180, 0.2); }
|
|
.auth-btn { width: 100%; border: none; border-radius: 999px; padding: 0.72rem; font-size: 1rem; font-weight: 700; color: #ffffff; background: linear-gradient(120deg, #0a5f8f 0%, #0b4567 100%); cursor: pointer; margin-top: 1rem;}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="auth-wrap">
|
|
<h1>E-Mail bestätigen</h1>
|
|
<p>Wir haben Ihnen einen Bestätigungscode per E-Mail gesendet. Bitte geben Sie diesen ein, um Ihr Konto zu aktivieren.</p>
|
|
|
|
<form method="POST" action="{{ url_for('verify_account') }}">
|
|
<div class="field">
|
|
<label for="username">Benutzername</label>
|
|
<input id="username" name="username" type="text" value="{{ username }}" required {% if username %}readonly{% endif %}>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label for="token">Bestätigungscode</label>
|
|
<input id="token" name="token" type="text" placeholder="z.B. A1B2C3" autocomplete="off" required autofocus>
|
|
</div>
|
|
|
|
<button class="auth-btn" type="submit">Konto aktivieren</button>
|
|
</form>
|
|
</section>
|
|
{% endblock %} |