<!DOCTYPE html>
<html lang="fr">
  <head dir="ltr">
    {{>head.html}}
  </head>
  <body>
    <header>{{>navbar.html}}</header>
    <main>
      {{#data}}

      <h1>Perdu ?</h1>

      <p>Vous pouvez revenir sur le site via :</p>
      <ul>
        <li><p>La barre de navigation</p></li>

        <li>
          <p>
            Le <a href="{{www}} ">site internet</a> (disponible grâce au projet
            <a href="http://info.cern.ch/hypertext/WWW/TheProject.html">W3</a>).
          </p>
        </li>

        {{#onion}}
        <li>
          <p>
            Le <a href="{{onion}} ">site onion</a> (disponible grâce au réseau
            <a href="https://www.torproject.org/">Tor</a>).
          </p>
        </li>
        {{/onion}}
      </ul>

      <img
        src="https://http.cat/404"
        style="width: 60%; margin: auto; display: block"
        alt="Chat perdu"
        loading="lazy"
      />

      {{/data}}
    </main>
  </body>
</html>