<!DOCTYPE html> <html lang=“fr”>
<head>
<meta charset="utf-8"> <link href="https://gmpg.org/xfn/11" rel="profile"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="preload" href="/assets/css/styles.css" as="style"> <link rel="preload" href="/assets/fonts/Optiker-K.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/IBMPlexMono-Medium.woff2" as="font" type="font/woff2" crossorigin> <!-- CSS --> <link rel="stylesheet" href="/assets/css/styles.css"> <!-- SEO --> <title>{% if page.title %}{{ page.title }} | {% endif %}{% if page.description %}{{ page.description }} - {% endif %}{{ site.name }}</title> <meta name="subject" content="{{ site.subject }}"> {% if jekyll.version %}<meta name="generator" content="jekyll v{{ jekyll.version }}">{% endif %} <meta itemprop="name" content="{% if page.title %}{{ page.title }}{% endif %} | {% if page.description %}{{ page.description }} - {% endif %}{{ site.name }}"> <meta itemprop="description" content="{{ site.subject }}"> <meta name="robots" content="{{ site.robots }}"> <!-- Profiles --> <link href="/humans.txt" rel="author" type="text/plain" /> <link rel="icon" href="/assets/favicons/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons//apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/assets/favicons//android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicons/favicon-96x96.png"> <link rel="manifest" href="/assets/favicons/manifest.json"> <meta name="theme-color" content="#000000"> <script> if ("fonts" in document) { var Optiker = new FontFace("Optiker-K","url(/assets/fonts/Optiker-K.woff2) format('woff2')", {weight: "300"}); var IBMPlexMonoBold = new FontFace("IBMPlexMono","url(/assets/fonts/IBMPlexMono-Medium.woff2) format('woff2')", {weight: "300",unicode-range: "U+0030-0039";}); Promise.all([IBMPlexMonoBold.load(), Optiker.load()]).then(function (fonts) { fonts.forEach(function (font) { document.fonts.add(font); }); }); } </script>
</head>
<body>
{{site.baseurl}} <header class="wrapper"> <h1> <a href="/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="48"><path fill="#d6b900" d="M348.012 201.627c-7.942 6.151-32.335 13.735-39.437 20.84-22.866 22.842-40.65 49.982-52.583 79.495-11.921-29.513-29.717-56.653-52.571-79.495-7.103-7.112-25.884-21.252-33.833-27.404 5.114-40.463 54.519-96.267 86.404-128.151 31.896 31.884 86.906 90.507 92.02 134.715z" fill-opacity=".963" stroke="#555"/><g fill="#d44f4f" stroke="#555"><path d="M255.992 301.961c-11.403 28.212-17.447 58.604-17.447 89.525 0 2.637.036 5.286.144 7.923-24.335-60-72.27-107.587-131.934-131.705v-.012c-1.144-32.439 4.347-65.636 17.303-97.677 20.831 8.417 39.832 19.434 56.761 32.535a236.697 236.697 0 0122.601 19.916c22.854 22.842 40.651 49.983 52.572 79.495z"/><path d="M405.24 267.705c-84.745 34.257-145.841 115.895-149.236 213.15-1.011-28.79-7.068-56.22-17.315-81.445a193.863 193.863 0 01-.144-7.923c0-30.921 6.045-61.313 17.447-89.525 11.933-29.513 29.717-56.653 52.583-79.495a237.905 237.905 0 0122.589-19.904c16.942-13.113 35.942-24.13 56.785-32.547 12.956 32.041 18.435 65.238 17.291 97.677v.012z"/></g><path d="M494.5 250.4c2.8 0 5.6 0 8.5.1-4.6 131.8-115.2 234.9-247 230.3 3.4-97.3 64.5-178.9 149.2-213.2 27.6-11.2 57.8-17.3 89.2-17.3zm-255.8 149c10.2 25.2 16.3 52.7 17.3 81.4-131.8 4.6-242.4-98.5-247-230.3 2.8-.1 5.7-.1 8.5-.1 31.5 0 61.6 6.1 89.2 17.3 59.7 24.1 107.6 71.7 131.9 131.7z" fill="#2296aa" stroke="#555" stroke-width="2.2"/></svg> {{ site.name }}</a> <small>{{ site.title }}</small> </h1> </header> <div class="wrapper"> {{ content }} </div>
<script src=“/assets/js/van11y-accessible-tab-panel-aria.es6.js” defer></script> <script src=“/assets/js/van11y-accessible-hide-show-aria.es6.js” defer></script> <script>
// Vanilla JavaScript Scroll to Anchor // @ https://perishablepress.com/vanilla-javascript-scroll-anchor/ (function () { scrollTo(); })(); function scrollTo() { const links = document.querySelectorAll('.anchor'); links.forEach(each => (each.onclick = scrollAnchors)); } function scrollAnchors(e, respond = null) { const distanceToTop = el => Math.floor(el.getBoundingClientRect().top); e.preventDefault(); var targetID = (respond) ? respond.getAttribute('href') : this.getAttribute('href'); const targetAnchor = document.querySelector(targetID); if (!targetAnchor) return; const originalTop = distanceToTop(targetAnchor); window.scrollBy({ top: originalTop - 30, left: 0, behavior: 'smooth' }); const checkIfDone = setInterval(function () { const atBottom = window.innerHeight + window.pageYOffset >= document.body.offsetHeight - 2; if (distanceToTop(targetAnchor) === 0 || atBottom) { targetAnchor.tabIndex = '-1'; targetAnchor.focus(); window.history.pushState('', '', targetID); clearInterval(checkIfDone); } }, 100); }
</script>
{% if site.zone.livehouse == true %} <script src=“/assets/js/lighthouse.js”></script> <script>run();</script> {% endif %} </body> </html>