47 lines
2.0 KiB
HTML
47 lines
2.0 KiB
HTML
{% load static %}<!doctype html>
|
|
<html lang="nl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="light">
|
|
<title>Wachtwoord herstellen · VacatureRadar</title>
|
|
<link rel="icon" href="{% static 'favicon.svg' %}?v={{ app_version }}" type="image/svg+xml" sizes="any">
|
|
<link rel="stylesheet" href="{% static 'css/auth.css' %}?v={{ app_version }}">
|
|
</head>
|
|
<body class="auth-page">
|
|
{% include "components/icon_sprite.html" %}
|
|
<main class="auth-shell">
|
|
<div class="auth-brand">
|
|
<img class="auth-brand-logo" src="{% static 'img/vacatureradar-logo.svg' %}" alt="VacatureRadar" width="72" height="72">
|
|
<p class="auth-brand-name">VacatureRadar</p>
|
|
<p class="auth-brand-tagline">Persoonlijke intelligence cockpit</p>
|
|
</div>
|
|
|
|
<div class="auth-card">
|
|
<h1>Wachtwoord herstellen</h1>
|
|
<p class="auth-lead">Vul je e-mailadres in. Als er een account bij hoort, sturen we een herstel-link.</p>
|
|
|
|
<form method="post" class="auth-form" novalidate>
|
|
{% csrf_token %}
|
|
<div class="field">
|
|
<label for="id_email">E-mailadres</label>
|
|
<input class="auth-input" id="id_email" name="email" type="email"
|
|
autocomplete="email" autocapitalize="none" spellcheck="false"
|
|
placeholder="naam@organisatie.nl" required
|
|
{% if form.email.errors %}aria-invalid="true"{% endif %}
|
|
value="{{ form.email.value|default:'' }}">
|
|
{% if form.email.errors %}<p class="field-error">{{ form.email.errors|join:" " }}</p>{% endif %}
|
|
</div>
|
|
<button class="btn btn-primary" type="submit">
|
|
Stuur herstel-link
|
|
<svg class="icon" aria-hidden="true"><use href="#icon-mail"></use></svg>
|
|
</button>
|
|
</form>
|
|
|
|
<a class="auth-back" href="{% url 'login' %}"><svg class="icon" aria-hidden="true"><use href="#icon-arrow"></use></svg>Terug naar inloggen</a>
|
|
</div>
|
|
{% include "components/developer_credit.html" %}
|
|
</main>
|
|
</body>
|
|
</html>
|