- styles/forge-custom.scss : .content-wide (déjà utilisée par game_dashboard.html/index.html) passe de 1080px à 1600px, pleine largeur pour les écrans de gestion (§5) — la largeur du bloc <main> par défaut (760px, hérité par les pages d'auth/profil qui ne posent pas cette classe) reste inchangée, ces pages veulent justement rester étroites et centrées. - Pages d'authentification (login/register/2FA×2/mot de passe oublié/ réinitialisation) : le style="max-width:NNNpx" répété sur chacune est remplacé par les classes partagées .authScreen/.authCard(-wide), titre H1 en dégradé signature .forge-gradient-title — seul endroit du site, avec le logo, autorisé à l'utiliser (§3/§5). Grille de fond fine sur body.authBody, elle aussi réservée aux zones hero et absente des écrans de travail. - Logique JS inchangée (jauge de mot de passe dans register.html/ reset_password.html) — uniquement des classes/structure autour. 197 tests toujours verts, JS des pages modifiées revérifié (node --check). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Mot de passe oublié — Forge Engine{% endblock %}
|
|
{% block body_class %}authBody{% endblock %}
|
|
{% block content %}
|
|
<section class="section authScreen">
|
|
<div class="container authCard">
|
|
<h1 class="title authTitle forge-gradient-title">Mot de passe oublié</h1>
|
|
|
|
{% if sent %}
|
|
<div class="notification is-success">Si un compte existe avec cette adresse, un email vient de t'être envoyé avec un lien pour choisir un nouveau mot de passe.</div>
|
|
<p class="hint mt-3"><a href="{{ url_for('login') }}">Retour à la connexion</a></p>
|
|
{% else %}
|
|
<p class="hint mb-4">Indique ton adresse email : si un compte y est associé, un lien de réinitialisation te sera envoyé.</p>
|
|
<form method="post" action="{{ url_for('forgot_password') }}" autocomplete="off">
|
|
<div class="field">
|
|
<label class="label">Adresse email</label>
|
|
<div class="control"><input class="input" type="email" name="email" required autofocus></div>
|
|
</div>
|
|
<div class="field mt-4">
|
|
<button type="submit" class="button primary is-fullwidth">Envoyer le lien</button>
|
|
</div>
|
|
</form>
|
|
<p class="hint mt-3"><a href="{{ url_for('login') }}">Retour à la connexion</a></p>
|
|
{% endif %}
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|