davidbgk
/
media-larlet-fr

<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="{% block lang %}fr{% endblock lang %}">
<head>
<!-- Has to be within the first 1024 bytes, hence before the `title` element
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset="utf-8">
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Required to make a valid HTML5 document. -->
<title>{% block title %}{% endblock %} — David Larlet</title>
<!-- Source : https://favicon.io/emoji-favicons/camera -->
<!-- The emoji graphics are from the open source project Twemoji.
     The graphics are copyright 2020 Twitter, Inc and other contributors.
     The graphics are licensed under CC-BY 4.0. -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="style/main.css">
{% block extra_head %}{% endblock %}
</head>
<body>
    <main>
        <div class="container">
            {% block container %}{% endblock %}
        </div>
    </main>
    <footer>
        <hr>
        <p class="u-center">
            &copy;
            <a href="https://larlet.fr/david/" title="Site principal">David Larlet</a>
            -
            <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Demandez pour une réutilisation</a>, ça me permettra de vous fournir une meilleure qualité 🤗.
        </p>
    </footer>
    {% block extra_bottom %}{% endblock %}
</body>