mirror of
https://github.com/IliesAllali/parenthese.git
synced 2026-11-06 23:32:08 +00:00
- Règles de préchargement dans l'accueil et les 15 guides : une page du site est préparée quand on survole son lien (appui sur téléphone), et s'ouvre presque tout de suite. Pages seulement, pas les fichiers ; l'application n'est pas concernée. Ignoré par les navigateurs qui ne connaissent pas ces règles. - Une page préchargée ne compte pas de visite avant d'être vraiment ouverte (PostHog attend prerenderingchange), et l'animation du logo se joue à l'ouverture, pas pendant le préchargement. - CSP de la landing (deploy/nginx.conf) : empreinte des règles, et nouvelle empreinte du script du logo. Le mot-clé 'inline-speculation-rules' ne suffisait pas à Chrome. - Test : chaque script en ligne des pages a son empreinte dans la CSP, chaque page a ses règles. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
178 lines
12 KiB
HTML
178 lines
12 KiB
HTML
<!doctype html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="theme-color" content="#FBFAF7" />
|
||
<title>Vous avez reçu le lien de l'arbre de votre famille, le mode d'emploi</title>
|
||
<meta name="description" content="Ouvrir l'arbre avec le mot de passe, regarder les photos, ajouter un souvenir ou une personne qui manque. Le mode d'emploi pas à pas, sur téléphone comme sur ordinateur." />
|
||
<link rel="canonical" href="https://parenthese.io/aide/" />
|
||
<link rel="alternate" hreflang="fr" href="https://parenthese.io/aide/" />
|
||
<link rel="alternate" hreflang="en" href="https://parenthese.io/en/help/" />
|
||
<link rel="alternate" hreflang="x-default" href="https://parenthese.io/aide/" />
|
||
<meta property="og:type" content="article" />
|
||
<meta property="og:site_name" content="Parenthèse" />
|
||
<meta property="og:locale" content="fr_FR" />
|
||
<meta property="og:url" content="https://parenthese.io/aide/" />
|
||
<meta property="og:title" content="Vous avez reçu le lien de l'arbre de votre famille" />
|
||
<meta property="og:description" content="Ouvrir l'arbre, regarder, ajouter un souvenir ou une personne. Le mode d'emploi pas à pas." />
|
||
<meta property="og:image" content="https://parenthese.io/og-image.png" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
||
<link rel="stylesheet" href="/fonts/fonts.css" />
|
||
<link rel="stylesheet" href="/guides.css" />
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@graph": [
|
||
{
|
||
"@type": "HowTo",
|
||
"name": "Ouvrir l'arbre de sa famille et y ajouter un souvenir",
|
||
"inLanguage": "fr-FR",
|
||
"totalTime": "PT5M",
|
||
"estimatedCost": { "@type": "MonetaryAmount", "currency": "EUR", "value": "0" },
|
||
"step": [
|
||
{ "@type": "HowToStep", "position": 1, "name": "Ouvrir l'arbre", "text": "Toucher le lien reçu, taper le mot de passe donné avec le lien, puis toucher « Ouvrir l'arbre »." },
|
||
{ "@type": "HowToStep", "position": 2, "name": "Regarder", "text": "Faire glisser l'arbre avec le doigt, écarter deux doigts pour agrandir, toucher un portrait pour ouvrir sa fiche." },
|
||
{ "@type": "HowToStep", "position": 3, "name": "Ajouter un souvenir", "text": "Toucher « Ajouter un souvenir », choisir la personne, choisir une photo dans son téléphone, écrire son prénom, puis toucher « Ajouter ce souvenir »." },
|
||
{ "@type": "HowToStep", "position": 4, "name": "Ajouter une personne qui manque", "text": "Toucher « Ajouter une personne », écrire son prénom et son nom, dire à qui elle est liée, puis envoyer." },
|
||
{ "@type": "HowToStep", "position": 5, "name": "Attendre la relecture", "text": "La personne qui gère l'arbre relit ce qui a été envoyé, puis l'ajoute pour toute la famille." }
|
||
]
|
||
},
|
||
{
|
||
"@type": "FAQPage",
|
||
"mainEntity": [
|
||
{ "@type": "Question", "name": "J'ai perdu le mot de passe de l'arbre, que faire ?", "acceptedAnswer": { "@type": "Answer", "text": "Demandez-le à la personne qui vous a envoyé le lien. Elle le retrouve dans l'arbre, dans le panneau de partage." } },
|
||
{ "@type": "Question", "name": "Faut-il créer un compte ?", "acceptedAnswer": { "@type": "Answer", "text": "Non. Le lien et le mot de passe suffisent pour regarder l'arbre et y ajouter des souvenirs. Un compte sert seulement à retrouver l'arbre sans retaper le mot de passe." } },
|
||
{ "@type": "Question", "name": "Qui peut voir l'arbre ?", "acceptedAnswer": { "@type": "Answer", "text": "Seules les personnes qui ont le lien et le mot de passe. L'arbre n'apparaît pas dans les moteurs de recherche." } }
|
||
]
|
||
}
|
||
]
|
||
}
|
||
</script>
|
||
<!-- Pages du site préparées en avance quand on survole un lien (appui sur téléphone) : elles s'ouvrent presque
|
||
tout de suite. Seulement les pages, pas les fichiers ; l'application (app.parenthese.io) n'est pas concernée.
|
||
Un navigateur qui ne connaît pas ces règles les ignore. -->
|
||
<script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/*.*"}}]},"eagerness":"moderate"}]}</script>
|
||
</head>
|
||
<body>
|
||
<header class="top">
|
||
<div class="wrap">
|
||
<a class="brand" href="/" aria-label="Parenthèse, accueil">
|
||
<img src="/logo.svg" alt="" width="166" height="22" />
|
||
</a>
|
||
<a class="btn" href="https://app.parenthese.io/?account=register&source=aide">Créer mon arbre</a>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<article class="wrap">
|
||
<span class="eyebrow">Mode d'emploi</span>
|
||
<h1>Vous avez reçu le lien de l'arbre de votre famille</h1>
|
||
<p class="lead">Quelqu'un de votre famille a fait un arbre sur Parenthèse et vous invite à le regarder et à le compléter. Il n'y a rien à installer et pas de compte à créer. Voici comment faire, pas à pas, sur téléphone comme sur ordinateur.</p>
|
||
|
||
<h2>1. Ouvrir l'arbre</h2>
|
||
<p>Touchez le lien que vous avez reçu par mail, par SMS ou sur WhatsApp. Une page s'ouvre avec le nom de l'arbre.</p>
|
||
<p>Tapez le mot de passe donné avec le lien, en respectant les majuscules, puis touchez « Ouvrir l'arbre ». Gardez le message qui contient le lien et le mot de passe, il vous servira pour revenir.</p>
|
||
<div class="shots">
|
||
<figure><img src="/aide/ouvrir.webp" alt="La page qui demande le mot de passe, avec le bouton Ouvrir l'arbre" width="600" height="1022" loading="lazy" /></figure>
|
||
</div>
|
||
|
||
<h2>2. Regarder</h2>
|
||
<p>La première fois, un petit mot d'accueil s'affiche. Touchez « Regarder l'arbre » pour le fermer.</p>
|
||
<p>Chaque portrait est une personne de la famille. Pour vous déplacer, faites glisser l'arbre avec le doigt. Pour agrandir, écartez deux doigts sur l'écran, et rapprochez-les pour voir plus large. La loupe, en haut à droite, retrouve quelqu'un par son prénom.</p>
|
||
<p>Touchez un portrait pour ouvrir sa fiche, avec ses photos, ses souvenirs et ses dates. La croix, en haut de la fiche, la referme.</p>
|
||
<div class="shots">
|
||
<figure><img src="/aide/arbre.webp" alt="L'arbre avec les portraits de la famille, et en bas les boutons Ajouter un souvenir, Ajouter une personne et Plus" width="600" height="1022" loading="lazy" /></figure>
|
||
<figure><img src="/aide/fiche.webp" alt="La fiche d'une personne, ouverte en touchant son portrait" width="600" height="1022" loading="lazy" /></figure>
|
||
</div>
|
||
|
||
<h2>3. Ajouter un souvenir</h2>
|
||
<p>Un souvenir, c'est une photo, une vidéo, un enregistrement de voix, une phrase qu'elle ou il disait souvent, ou un document comme une lettre ou un faire-part.</p>
|
||
<ol>
|
||
<li>Touchez « Ajouter un souvenir », en bas de l'écran.</li>
|
||
<li>Tapez les premières lettres du prénom de la personne, puis touchez son portrait.</li>
|
||
<li>Choisissez ce que vous ajoutez, par exemple Photo, puis touchez « Choisir un fichier ». Votre téléphone vous montre vos photos, touchez celle que vous voulez.</li>
|
||
<li>Si vous le souhaitez, écrivez une légende (l'année, le lieu, qui est sur la photo). Écrivez aussi votre prénom, pour que la famille sache qui l'a partagée.</li>
|
||
<li>Touchez « Ajouter ce souvenir ». Un message vous confirme que c'est envoyé.</li>
|
||
</ol>
|
||
<div class="shots">
|
||
<figure><img src="/aide/pour-qui.webp" alt="Choisir la personne en tapant les premières lettres de son prénom" width="600" height="1022" loading="lazy" /></figure>
|
||
<figure><img src="/aide/souvenir.webp" alt="Choisir une photo, écrire une légende et son prénom, puis Ajouter ce souvenir" width="600" height="1022" loading="lazy" /></figure>
|
||
</div>
|
||
<div class="note">
|
||
<p>Vous pouvez aussi partir de la fiche. Touchez le portrait de la personne, puis « Ajouter un souvenir », sous ses photos.</p>
|
||
</div>
|
||
|
||
<h2>4. Ajouter une personne qui manque</h2>
|
||
<ol>
|
||
<li>Touchez « Ajouter une personne », en bas de l'écran.</li>
|
||
<li>Écrivez son prénom et son nom, et ses dates si vous les connaissez.</li>
|
||
<li>Dites à qui elle est liée. Choisissez Parent, Enfant, Conjoint·e ou Frère·Sœur, puis tapez le prénom de la personne déjà dans l'arbre et touchez-la dans la liste.</li>
|
||
<li>Touchez « Ajouter cette personne ». Une fenêtre s'ouvre avec votre prénom et une case pour un mot, si vous voulez expliquer. Touchez « Envoyer mes contributions ».</li>
|
||
</ol>
|
||
<div class="shots">
|
||
<figure><img src="/aide/personne.webp" alt="Dire à qui la nouvelle personne est liée, ici enfant de Philippe" width="600" height="1022" loading="lazy" /></figure>
|
||
<figure><img src="/aide/envoi.webp" alt="La fenêtre d'envoi, avec son prénom et un mot pour accompagner" width="600" height="1022" loading="lazy" /></figure>
|
||
</div>
|
||
|
||
<h2>5. Et ensuite</h2>
|
||
<p>La personne qui gère l'arbre reçoit ce que vous avez envoyé, le relit, puis l'ajoute. Vos photos, vos souvenirs et les personnes que vous avez ajoutées apparaissent alors pour toute la famille. Vous n'avez rien d'autre à faire.</p>
|
||
<p>Si vous voyez une date fausse ou un prénom mal écrit, le plus simple est de le dire à la personne qui vous a envoyé le lien.</p>
|
||
<div class="shots">
|
||
<figure><img src="/aide/merci.webp" alt="Le message de confirmation après l'envoi" width="600" height="1022" loading="lazy" /></figure>
|
||
</div>
|
||
|
||
<h2>Questions fréquentes</h2>
|
||
<div class="faq">
|
||
<details>
|
||
<summary>J'ai perdu le mot de passe</summary>
|
||
<p>Demandez-le à la personne qui vous a envoyé le lien. Elle le retrouve dans l'arbre, dans le panneau de partage.</p>
|
||
</details>
|
||
<details>
|
||
<summary>Le mot de passe est refusé</summary>
|
||
<p>Vérifiez les majuscules et qu'il n'y a pas d'espace en trop avant ou après. S'il est toujours refusé, il a peut-être été changé. Demandez le nouveau à la personne qui gère l'arbre.</p>
|
||
</details>
|
||
<details>
|
||
<summary>Faut-il créer un compte ?</summary>
|
||
<p>Non. Le lien et le mot de passe suffisent pour regarder l'arbre et y ajouter des souvenirs. Un compte sert seulement à retrouver l'arbre sans retaper le mot de passe.</p>
|
||
</details>
|
||
<details>
|
||
<summary>Est-ce que ça marche sur ordinateur ?</summary>
|
||
<p>Oui. Les mêmes boutons se trouvent en bas à droite de l'écran. Pour agrandir l'arbre, tournez la molette de la souris, et cliquez sur un portrait pour ouvrir sa fiche.</p>
|
||
</details>
|
||
<details>
|
||
<summary>Ma photo ne passe pas</summary>
|
||
<p>Une photo peut peser jusqu'à 5 Mo et une vidéo jusqu'à 20 Mo. Si elle est refusée, envoyez-la en taille réduite, ou demandez à quelqu'un de la famille de l'ajouter pour vous.</p>
|
||
</details>
|
||
<details>
|
||
<summary>Qui peut voir l'arbre ?</summary>
|
||
<p>Seules les personnes qui ont le lien et le mot de passe. L'arbre n'apparaît pas dans les moteurs de recherche. Le détail est sur la page <a href="/donnees-et-vie-privee/">données et vie privée</a>.</p>
|
||
</details>
|
||
</div>
|
||
|
||
<section class="cta">
|
||
<h2>Faire l'arbre de votre famille</h2>
|
||
<p>C'est gratuit, et la famille le complète par un lien, comme vous venez de le faire.</p>
|
||
<a class="btn" href="https://app.parenthese.io/?account=register&source=aide">Créer mon arbre</a>
|
||
</section>
|
||
</article>
|
||
</main>
|
||
<footer>
|
||
<div class="wrap">
|
||
<span>Parenthèse · <a href="/">parenthese.io</a> · <a href="/en/help/" hreflang="en" lang="en">English</a></span>
|
||
<nav aria-label="Guides">
|
||
<a href="/comment-faire-un-arbre-genealogique/">Comment faire un arbre généalogique</a>
|
||
<a href="/arbre-genealogique-a-remplir/">Arbre généalogique à remplir</a>
|
||
<a href="/application-arbre-genealogique/">Quelle application choisir</a>
|
||
<a href="/arbre-genealogique-avec-photos/">Arbre généalogique avec photos</a>
|
||
<a href="/raconter-histoire-de-famille/">Raconter l'histoire de sa famille</a>
|
||
<a href="/cousinade/">Organiser une cousinade</a>
|
||
<a href="/donnees-et-vie-privee/">Données et vie privée</a>
|
||
</nav>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|