Files
parenthese/landing/public/en/help/index.html
T
IliesAllaliandClaude Opus 5.5 fcfb7d1494 Landing : pages préchargées au survol d'un lien (speculationrules)
- 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>
2026-10-27 18:05:12 +01:00

177 lines
12 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#FBFAF7" />
<title>You received the link to your family tree, here is how it works</title>
<meta name="description" content="Open the tree with the password, look at the photos, add a memory or a missing relative. A step-by-step guide, on a phone or a computer." />
<link rel="canonical" href="https://parenthese.io/en/help/" />
<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="en_US" />
<meta property="og:url" content="https://parenthese.io/en/help/" />
<meta property="og:title" content="You received the link to your family tree" />
<meta property="og:description" content="Open the tree, look around, add a memory or a person. A step-by-step guide." />
<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": "Open your family tree and add a memory to it",
"inLanguage": "en-US",
"totalTime": "PT5M",
"estimatedCost": { "@type": "MonetaryAmount", "currency": "EUR", "value": "0" },
"step": [
{ "@type": "HowToStep", "position": 1, "name": "Open the tree", "text": "Tap the link you received, type the password that came with it, then tap “Open the tree”." },
{ "@type": "HowToStep", "position": 2, "name": "Look around", "text": "Drag the tree with your finger, spread two fingers to zoom in, and tap a portrait to open that person's profile." },
{ "@type": "HowToStep", "position": 3, "name": "Add a memory", "text": "Tap “Add a memory”, choose the person, pick a photo from your phone, write your first name, then tap “Add this memory”." },
{ "@type": "HowToStep", "position": 4, "name": "Add a missing person", "text": "Tap “Add a person”, write their first and last name, say who they are related to, then send." },
{ "@type": "HowToStep", "position": 5, "name": "Wait for the review", "text": "The person who manages the tree reviews what was sent, then adds it for the whole family." }
]
},
{
"@type": "FAQPage",
"mainEntity": [
{ "@type": "Question", "name": "I lost the tree's password, what should I do?", "acceptedAnswer": { "@type": "Answer", "text": "Ask the person who sent you the link. They can find it in the tree, in the sharing panel." } },
{ "@type": "Question", "name": "Do I need to create an account?", "acceptedAnswer": { "@type": "Answer", "text": "No. The link and the password are enough to view the tree and add memories to it. An account only lets you get back to the tree without typing the password again." } },
{ "@type": "Question", "name": "Who can see the tree?", "acceptedAnswer": { "@type": "Answer", "text": "Only people who have the link and the password. The tree does not show up in search engines." } }
]
}
]
}
</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="/en/" aria-label="Parenthèse, home">
<img src="/logo.svg" alt="" width="166" height="22" />
</a>
<a class="btn" href="https://app.parenthese.io/?account=register&amp;lang=en&amp;source=aide">Start your tree</a>
</div>
</header>
<main>
<article class="wrap">
<span class="eyebrow">How it works</span>
<h1>You received the link to your family tree</h1>
<p class="lead">Someone in your family made a tree on Parenthèse and is inviting you to look at it and add to it. There is nothing to install and no account to create. Here is how it works, step by step, on a phone or a computer.</p>
<h2>1. Open the tree</h2>
<p>Tap the link you received by email, text message or WhatsApp. A page opens with the name of the tree.</p>
<p>Type the password that came with the link, with the capital letters exactly as given, then tap “Open the tree”. Keep the message with the link and the password, you will need it to come back.</p>
<div class="shots">
<figure><img src="/en/help/ouvrir.webp" alt="The page asking for the password, with the Open the tree button" width="600" height="1022" loading="lazy" /></figure>
</div>
<h2>2. Look around</h2>
<p>The first time, a short welcome note appears. Tap “View the tree” to close it.</p>
<p>Each portrait is a person in the family. To move around, drag the tree with your finger. To zoom in, spread two fingers apart on the screen, and pinch them together to see more. The magnifying glass, at the top right, finds someone by their first name.</p>
<p>Tap a portrait to open that person's profile, with their photos, memories and dates. The cross at the top of the profile closes it.</p>
<div class="shots">
<figure><img src="/en/help/arbre.webp" alt="The tree with the family portraits, and at the bottom the Add a memory, Add a person and More buttons" width="600" height="1022" loading="lazy" /></figure>
<figure><img src="/en/help/fiche.webp" alt="A person's profile, opened by tapping their portrait" width="600" height="1022" loading="lazy" /></figure>
</div>
<h2>3. Add a memory</h2>
<p>A memory can be a photo, a video, a voice recording, something she or he used to say, or a document like a letter or an announcement card.</p>
<ol>
<li>Tap “Add a memory”, at the bottom of the screen.</li>
<li>Type the first few letters of the person's first name, then tap their portrait.</li>
<li>Choose what you are adding, for example Photo, then tap “Choose a file”. Your phone shows you your photos, tap the one you want.</li>
<li>If you like, write a caption (the year, the place, who is in the photo). Also write your first name, so the family knows who shared it.</li>
<li>Tap “Add this memory”. A message confirms it has been sent.</li>
</ol>
<div class="shots">
<figure><img src="/en/help/pour-qui.webp" alt="Choosing the person by typing the first letters of their first name" width="600" height="1022" loading="lazy" /></figure>
<figure><img src="/en/help/souvenir.webp" alt="Choosing a photo, writing a caption and your first name, then Add this memory" width="600" height="1022" loading="lazy" /></figure>
</div>
<div class="note">
<p>You can also start from the profile. Tap the person's portrait, then “Add a memory”, below their photos.</p>
</div>
<h2>4. Add a missing person</h2>
<ol>
<li>Tap “Add a person”, at the bottom of the screen.</li>
<li>Write their first and last name, and their dates if you know them.</li>
<li>Say who they are related to. Choose Parent, Child, Spouse or Sibling, then type the first name of the person already in the tree and tap them in the list.</li>
<li>Tap “Add this person”. A window opens with your first name and a box for a note, if you want to explain. Tap “Send my contributions”.</li>
</ol>
<div class="shots">
<figure><img src="/en/help/personne.webp" alt="Saying who the new person is related to, here a child of Philippe" width="600" height="1022" loading="lazy" /></figure>
<figure><img src="/en/help/envoi.webp" alt="The sending window, with your first name and a note to go with it" width="600" height="1022" loading="lazy" /></figure>
</div>
<h2>5. What happens next</h2>
<p>The person who manages the tree receives what you sent, reviews it, then adds it. Your photos, your memories and the people you added then appear for the whole family. There is nothing else for you to do.</p>
<p>If you see a wrong date or a misspelled name, the simplest thing is to tell the person who sent you the link.</p>
<div class="shots">
<figure><img src="/en/help/merci.webp" alt="The confirmation message after sending" width="600" height="1022" loading="lazy" /></figure>
</div>
<h2>Frequently asked questions</h2>
<div class="faq">
<details>
<summary>I lost the password</summary>
<p>Ask the person who sent you the link. They can find it in the tree, in the sharing panel.</p>
</details>
<details>
<summary>The password is not accepted</summary>
<p>Check the capital letters and make sure there is no extra space before or after it. If it is still not accepted, it may have been changed. Ask the person who manages the tree for the new one.</p>
</details>
<details>
<summary>Do I need to create an account?</summary>
<p>No. The link and the password are enough to view the tree and add memories to it. An account only lets you get back to the tree without typing the password again.</p>
</details>
<details>
<summary>Does it work on a computer?</summary>
<p>Yes. The same buttons are at the bottom right of the screen. To zoom in on the tree, turn the mouse wheel, and click a portrait to open that person's profile.</p>
</details>
<details>
<summary>My photo won't upload</summary>
<p>A photo can be up to 5 MB and a video up to 20 MB. If it is rejected, send a smaller version, or ask someone in the family to add it for you.</p>
</details>
<details>
<summary>Who can see the tree?</summary>
<p>Only people who have the link and the password. The tree does not show up in search engines. The details are on the <a href="/en/privacy/">data and privacy</a> page.</p>
</details>
</div>
<section class="cta">
<h2>Make your own family tree</h2>
<p>It's free, and your family adds to it through a link, just like you did.</p>
<a class="btn" href="https://app.parenthese.io/?account=register&amp;lang=en&amp;source=aide">Start your tree</a>
</section>
</article>
</main>
<footer>
<div class="wrap">
<span>Parenthèse · <a href="/en/">parenthese.io</a> · <a href="/aide/" hreflang="fr" lang="fr">Français</a></span>
<nav aria-label="Guides">
<a href="/en/how-to-make-a-family-tree/">How to make a family tree</a>
<a href="/en/printable-family-tree/">Printable family tree</a>
<a href="/en/family-tree-app/">Choosing a family tree app</a>
<a href="/en/family-tree-with-photos/">Family tree with photos</a>
<a href="/en/tell-your-family-story/">Telling your family's story</a>
<a href="/en/privacy/">Data and privacy</a>
</nav>
</div>
</footer>
</body>
</html>