- Fiche en modification : le portrait prend la hauteur des champs Prénom et Nom (écart compris), carré (align-self stretch + aspect-ratio 1)
- Landing, téléphone (≤ 820 px) : symbole du logo seul, nom accessible « Parenthèse, accueil » conservé
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
- Fiche : pastille Édition retirée ; case « Je ne connais pas son prénom » sur une ligne pleine largeur ; badge caméra « Changer la photo » sur le portrait (même choix de source)
- Landing : « Se connecter » en bouton blanc sans contour, icône de profil ; sur téléphone, icône ronde seule avec aria-label
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
- Fiche : nom, puis une ligne « surnom · repères de vie · âge » (point médian, sans pastille d'âge)
- Portrait vide : icône seule, avec aria-label et title « Ajouter une photo »
- Partage : message replié (copie directe, « Voir ou modifier le message »), sur-titre retiré
- Landing : « Se connecter » en bouton secondaire à gauche de « Créer mon arbre », masqué sur téléphone
- Bannière « Votre arbre est créé. » dans la DA (carte pz, Newsreader, bouton pilule)
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
- Démo : le bouton « Se connecter » ouvre la connexion, plus l'inscription
- Porte de l'arbre : quand la personne est connectée, un bandeau dit quel
compte est ouvert et qu'il faut taper une fois le mot de passe reçu avec
le lien. Il reste affiché au retour d'une connexion faite depuis la porte.
- Landing : lien « Se connecter » dans la navigation et le pied de page
(vers ?account=login, sans source, le rendu au build n'a pas de window)
- Libellés de la porte et de l'inscription, en français et en anglais
Vérifié : vitest 154/154, eslint frontend, vite build, landing (test et
build). La landing n'a pas de configuration eslint dans le dépôt.
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
- demo_opened (une fois par chargement, visiteur sans compte) et demo_interaction (personne, média, recherche, édition, création d'arbre ; une fois par type, sans contenu)
- Source d'arrivée gardée sur l'appareil (?source=hn) et jointe à account_screen_viewed et account_registered ; la landing transmet la vraie source au CTA et à l'iframe de démo au lieu de source=landing
- Plus de remise à zéro PostHog à chaque ouverture anonyme (effaçait le visiteur de la landing), seulement à la déconnexion
- Landing : un seul événement signup_cta_clicked (hero_cta_clicked retiré, plus utilisé par le funnel), envoyé avant la navigation sans sendBeacon (bloqué par Brave)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- text-wrap-style pretty sur les paragraphes, listes, légendes et chapôs, balance sur les titres
(landing, guides statiques, base pz.css de l'app). Longhand pour ne pas réactiver le retour
à la ligne là où white-space: nowrap est posé. Les noms de l'arbre sont sur le canvas, non touchés.
- Espaces insécables du français dans le texte visible : fine insécable avant ? ! ;,
insécable avant : et dans les guillemets, entre un nombre et son unité (Mo, Go, €, dpi).
Landing (i18n.js, bloc fr hors meta) et pages guides FR (corps de page, hors script).
- App : frenchTypography() appliquée par t() en français, avant le remplacement des variables ;
le dictionnaire anglais reste indexé sur le français tel qu'écrit. Tests mis à jour.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Avant le chargement de l'iframe, le bloc #demo n'affichait qu'un fond papier
et le bouton n'apparaissait qu'une fois la démo chargée. Une capture fixe de
l'arbre (FR/EN, grand écran et mobile, WebP 29 à 69 Ko, même origine) sert
maintenant de fond, et le bouton est visible dès l'arrivée sur la section.
Le clic garde le même comportement ; s'il arrive avant la fin du chargement,
le symbole de chargement s'affiche par-dessus la capture.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Choix A de Patch le 02/10/2026 sur la planche des trois terracotta : fond
#D2694A (--a500) sur .sec-demo et .final à la place des roses --a50 et
--peche-50, titres et textes en blanc, bouton final blanc à texte encre.
Le cadre de la démo perd son ombre portée, il garde sa bordure.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Vidéo piégée : l'expression régulière de position était quadratique, un faux MP4 de 2 Mo figeait l'API (bornée, linéaire)
- Sessions émises avant le 01/10/2026 refusées (SESSIONS_NOT_BEFORE) : des sessions ont fuité dans les annotations et les journaux jusqu'à la 1.0
- Contributions : l'« avant » montré au propriétaire vient de la base ; une suppression approuvée part en cascade (unions, liens, souvenirs, portrait, fichiers)
- Mot de passe de partage : essai compté avant bcrypt, comparaisons une par une, changement et rattachement dans une transaction
- Quota mesuré sur le disque, 10 arbres par compte, corps à 1 Mo hors envois, bornes sur annotations, contributions et GEDCOM
- GIF réencodés ; anciennes propositions d'annotation sans adresse stockée ; clé d'exemple refusée sans NODE_ENV
- Déploiement du commit validé par la CI, clé d'hôte obligatoire ; nginx : X-Forwarded-For écrasé, version masquée, journal sans query string
- PostHog verrouillé dans le code, sans script externe ; CSP sans *.posthog.com ; sauvegardes hors serveur chiffrées par défaut
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Camille et Alex (hero, « Pour qui ») venaient de randomuser.me, sans licence établie pour un site public. Remplacés par deux portraits Pexels recadrés en 400 x 400 (Clay Elliot, Vitaly Gariev), sources dans CREDITS.md. Images d'aperçu refaites depuis le hero actuel, sur le fond de la DA.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Le paramètre ?source=app-shared&return_url= affichait n'importe quelle adresse
dans un lien du site. L'app ne l'envoie plus, le bloc part.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
before_send réécrit /arbre/<slug> en /arbre/:slug dans toutes les propriétés
(URL, chemin, referrer, propriétés initiales de personne). Enregistrement de
session coupé explicitement, appel /flags coupé (aucun feature flag utilisé,
il envoyait les propriétés de personne sans passer par before_send).
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Accueil prérendu en deux langues, huit pages statiques traduites avec hreflang
des deux côtés, captures de l'aide refaites dans l'app anglaise, modèles PDF
générés en français et en anglais, sitemap. Test des liens internes.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Les parenthèses s'ouvrent, le rond se pose, le nom suit (700 ms). Le logo
de l'en-tête passe en SVG en ligne (tracés du logo validé, nom arrondi au
dixième). La décision « première page de la session » est prise dans le
<head> avant le premier affichage : pas de clignotement, HTML prérendu
inchangé. Rien si « réduire les animations » est activé.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Le canvas déborde sur la marge droite jusqu'au bord de l'écran (garde de 24 px)
et monte à 700 px de haut. Environ 1,7 fois plus grand en 1920 px, sans coupure
de 1024 à 1920 px ; mobile et tablette inchangés.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Pendant une attente, le rond se divise en trois points qui respirent,
puis se referme avec un léger rebond quand c'est prêt.
- App : écran de démarrage (BootLoader, visible seulement au-delà de 400 ms,
au moins 900 ms pour ne pas clignoter), remplace « Chargement de l'arbre
généalogique... ».
- App : les boutons en attente (Création…, Envoi…, Un instant…) montrent
trois points à la place du libellé, largeur figée, texte gardé pour les
lecteurs d'écran (PzBusy).
- Landing : chargement de la démo intégrée.
- Réduire les animations : points sur place, fondu seul.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Chaque page statique liste désormais tous les guides, y compris les deux nouveaux.
Retire la déclaration Bradford et la palette cosmos de Tailwind, l'alias @fonts
de Vite et les .ttf Bradford du frontend, plus utilisés nulle part.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Nouvelle page /arbre-genealogique-a-remplir/ (point 3 de l'audit SEO) :
modèles 3 générations, 3 générations avec photos, 4 générations paysage,
5 générations en éventail et arbre dessiné, avec aperçus WebP, section
pour les remplir, renvoi vers la version en ligne et FAQ (JSON-LD).
Gabarits et script de génération Playwright dans landing/modeles/.
Entrée ajoutée au sitemap et au tableau GUIDES de la landing.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Nouvelle page statique /comment-faire-un-arbre-genealogique/ : sept étapes,
section papier, logiciel ou en ligne, place de Parenthèse, FAQ reprenant
les questions Google, JSON-LD Article, HowTo et FAQPage. Balisage aligné
sur la nouvelle DA des guides (polices, logo, theme-color). Ajout au
sitemap et au tableau GUIDES de la landing.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
- Textes de la landing (pastille, lede, H2 des étapes, de la démo et des guides, Pour qui)
et métadonnées og/twitter/JSON-LD sans « galaxie »
- npm run build fait le build client, un build SSR (src/entry-server.jsx, renderToString)
puis scripts/prerender.mjs injecte le HTML dans dist/index.html ; hydrateRoot côté client
- Rendu serveur sans accès window : source et isMobile posés après montage
- noscript rend visibles les blocs data-reveal sans JavaScript
- App : robots.txt en Allow pour que la meta noindex soit lue
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
- Landing refaite : nouvelle palette claire, Newsreader et DM Sans, logo validé,
sections (garanties, trois gestes, démo, pour qui, engagements, guides, bloc final).
Illustration du hero conservée et recolorée, portraits alignés sur les âges.
- App : couleurs et typographie passées à la nouvelle DA, structure et fonctionnalités inchangées.
Composants communs dans src/styles/pz.css.
- Refaits de zéro : fiche d'une personne (souvenirs, infos, liens, panneau mobile),
connexion, création de compte, liste des arbres, accès par mot de passe, recherche,
barre d'actions, menu du compte, zoom, et toutes les fenêtres (compte, création d'arbre,
contributions, envoi, sortie d'édition, brouillon, ajout de personne, souvenirs, visionneuse,
paramètres de l'arbre).
- Arbre : chaque personne garde sa forme de cadre tirée au hasard, cadre vertical pour une photo carrée.
- Démo : photos d'époque libres de droits hébergées dans public/demo (sources et licences
dans sources.json et CREDITS.md), famille Dupont crédible, Isabelle née à Fort-de-France.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Depuis le chargement différé de PostHog, page_viewed partait au premier
rendu, avant init(), et était jeté au lieu d'attendre dans la file.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Galaxie familiale : personnes, unions et filiations, photos, vidéos et voix sur chaque personne,
partage par lien avec consultation sans compte et contributions validées par le propriétaire.
Auto-hébergeable avec Docker. Licence PolyForm Noncommercial 1.0.0.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
