Refonte design system — Phase B : chrome global et pages d'authentification

- 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>
This commit is contained in:
william
2026-08-29 08:05:27 +02:00
co-authored by Claude Sonnet 5
parent f2a73f2c73
commit 62d25dbdce
9 changed files with 67 additions and 22 deletions
+4 -3
View File
@@ -1,9 +1,10 @@
{% extends "base.html" %}
{% block title %}Mot de passe oublié — Forge Engine{% endblock %}
{% block body_class %}authBody{% endblock %}
{% block content %}
<section class="section">
<div class="container" style="max-width:420px;">
<h1 class="title">Mot de passe oublié</h1>
<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>