<!doctype html>
<html lang={% block lang %}fr{% endblock lang %}{% block extra_html %}{% endblock extra_html %}>
<head>
  <!-- Always define the charset before the title -->
  <meta charset=utf-8>
  <title>{% block title %}{% endblock %} — David Larlet</title>
  <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <!-- Fake favicon, to avoid extra request to the server -->
  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  <link rel="manifest" href="/manifest.json">
  {% if css.inline %}
  <style type="text/css">
    /* Origin: {{ css.filename }}
    The CSS is served inline for permance matters, you can find the source at:
    https://larlet.fr/static/david/css/larlet-david.css
    */
    {{ css.content }}
  </style>
  {% else %}
  <link rel="stylesheet" href="/static/david/css/{{ css.filename }}" data-instant-track />
  {% endif %}
  <noscript>
    <style type="text/css">
      /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
      body {
        font-family: 'EquityTextB', serif;
      }
      h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
        font-family: 'EquityCapsB', sans-serif;
        font-variant: normal;
      }
    </style>
  </noscript>
  {% block extra_head %}
    <meta name="description" content="David Larlet, architecte web intéressé par l’esthétique, le minimalisme et les liens." />
    <!-- Canonical URL for SEO purposes -->
    <link rel="canonical" href="https://larlet.fr/">
  {% endblock extra_head %}
</head>
<body>
  <div>
    {% block header %}
    <header>
      <nav>
        <p>
          <small>
            Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
          </small>
        </p>
      </nav>
    </header>
    {% endblock header %}
    {% block content %}{% endblock content %}
    {% block footer %}
    <footer>
      <nav>
        <p>
          <small>
            Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
          </small>
        </p>
      </nav>
    </footer>
    {% endblock footer %}
  </div>
  {% if js.inline %}
  <script>
    /* Origin: {{ js.filename }}
    The JS is served inline for permance matters, you can find the source at:
    https://larlet.fr/static/david/js/larlet-david.js
    */
    {{ js.content }}
  </script>
  {% else %}
  <script src="/static/david/js/{{ js.filename }}" data-no-instant></script>
  {% endif %}
  <script data-no-instant>InstantClick.init()</script>
  {% block extra_footer %}{% endblock extra_footer %}
</body>
</html>
