About

→

Contenu de la page /a-propos — ce qu’est Pathou, qui le fait, et les mentions légales (éditeur, directeur de la publication, hébergeur).

stableÀ valider

Écran ou section propre à Pathou, pas un composant du design system : à ne pas réutiliser ailleurs. Tous les écrans et sections

// Titre : Page À propos
import About from '@pathou/components/About';

export default function Exemple() {
  return (
    <div className="ip-main" style={{ width: 720, maxHeight: 680, overflowY: 'auto' }}>
      <About />
    </div>
  );
}

Installation

Copie le fichier dans ton projet, ainsi que les tokens qu’il utilise.

src/components/About.tsx
/**
 * Page /a-propos : ce qu'est Pathou, qui le fait, et les mentions légales (LCEN, art. 6-III : éditeur, directeur de la publication, hébergeur).
 * L'hébergeur est celui qui sert le site (Cloudflare Workers, wrangler.jsonc) ; adresse et téléphone d'après cloudflare.com/privacypolicy.
 */
export default function About() {
  return (
    <div className="ip-prose">
      <p className="modal-lead">
        Pathou est un outil web gratuit qui analyse une trace GPX pour le VTT, le gravel ou la route&nbsp;: il montre son relief en 3D et dit, passage par
        passage, ce que ta pratique et ton niveau peuvent en faire. Il est en bêta, sans compte ni publicité, et tout se calcule dans ton navigateur.
      </p>

      <section aria-labelledby="a-qui">
        <h2 id="a-qui">Qui fait Pathou</h2>
        <p>
          Pathou est conçu par Denis Reis. Pour signaler une erreur sur une trace, proposer une amélioration
          ou poser une question, écris par message sur{' '}
          <a className="hp-link strong" href="https://www.linkedin.com/in/denis-reisda/" target="_blank" rel="noopener noreferrer">
            LinkedIn
          </a>{' '}
          ou sur{' '}
          <a className="hp-link strong" href="https://x.com/Infinite_Layers" target="_blank" rel="noopener noreferrer">
            X
          </a>
          .
        </p>
      </section>

      <section aria-labelledby="a-limites">
        <h2 id="a-limites">Ce que valent ses verdicts</h2>
        <p>
          Les verdicts de Pathou sont indicatifs&nbsp;: ils dépendent de ce qui est cartographié, et ni la boue ni la météo ne sont prises en compte. Ils
          t’aident à préparer une sortie, sans remplacer ton jugement sur place. La{' '}
          <a className="hp-link strong" href="/methode">
            méthode
          </a>{' '}
          et la{' '}
          <a className="hp-link strong" href="/pays">
            couverture par pays
          </a>{' '}
          sont détaillées à part.
        </p>
      </section>

      <section aria-labelledby="a-mentions">
        <h2 id="a-mentions">Mentions légales</h2>
        <dl className="a-legal">
          <div>
            <dt>Éditeur et directeur de la publication</dt>
            <dd>Denis Reis, joignable par message sur LinkedIn ou sur X (liens ci-dessus).</dd>
          </div>
          <div>
            <dt>Hébergement</dt>
            <dd>Cloudflare, Inc., 101 Townsend St., San Francisco, CA 94107, États-Unis. Téléphone&nbsp;: +1 650 319 8930.</dd>
          </div>
          <div>
            <dt>Données cartographiques</dt>
            <dd>
              L’altitude, les chemins, les fonds de carte et les photos viennent de sources ouvertes, chacune sous sa licence&nbsp;: voir les{' '}
              <a className="hp-link strong" href="/sources">
                sources des données
              </a>
              .
            </dd>
          </div>
          <div>
            <dt>Données personnelles</dt>
            <dd>
              Pathou ne reçoit pas ton fichier GPX et ne pose aucun cookie&nbsp;: voir la page{' '}
              <a className="hp-link strong" href="/confidentialite">
                vie privée
              </a>
              .
            </dd>
          </div>
        </dl>
      </section>
    </div>
  );
}

Tokens : --text --muted --accent

Utilisation

import About from './components/About';

<About />

Guidelines

  • MUST
    Garder les mentions légales à jour avec l’hébergeur réel (wrangler.jsonc).

Référence de l’API

Aucune prop.