davidbgk
/
larlet-fr-david-cache

<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang="fr">
<!-- 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>Des Oloés (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Is that even respected? Retrospectively? What a shAItshow…
  https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
<meta name="robots" content="noai, noimageai">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
    function toggleTheme(themeName) {
        document.documentElement.classList.toggle(
            'forced-dark',
            themeName === 'dark'
        )
        document.documentElement.classList.toggle(
            'forced-light',
            themeName === 'light'
        )
    }
    const selectedTheme = localStorage.getItem('theme')
    if (selectedTheme !== 'undefined') {
        toggleTheme(selectedTheme)
    }
</script>

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB">

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
  <header>
    <h1>Des Oloés</h1>
  </header>
  <nav>
    <p class="center">
      <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
      <a href="https://tw5.immateriel.fr/wiki/immateriel/b/YXGEDFB" title="Lien vers le contenu original">Source originale</a>
      <br>
      Mis en cache le 2024-01-11
    </p>
  </nav>
  <hr>
  <p>Une chaise, un lit, un canapé, une baignoire, une place de métro, un banc dans un parc, un muret. Un fauteuil à roulettes, une file d’attente, une branche, une buche, un abri de tramway, une marche d’escalier. Une plage, un kiosque, un socle de statue, un recoin de cafétéria. Un bar sans BFM, une borne kilométrique, une alcôve, une serre, un divan de musée. Un pont. Un toit. Un rocher au soleil. Un compartiment vide, un rebord de fenêtre, un parpaing de parking, un tapis enroulé. Un pouf. Une malle. Un siège de WC. Un tas de feuilles sous un arbre, la pelouse des piscines renommée solarium, la salle des pas perdus quand elle n’est pas devenue une galerie marchande. Un cube dans une galerie. Le bas des toboggans. Une cabine d’essayage au fond d’un magasin. Un tabouret de cuisine, un rempart, un trépied, une dune, une clairière, un opéra fermé. Un squat. Une salle de sport en grève. Un coussin, une chauffeuse. Une butte, une balançoire. Un corps nu qu’on aime (ou habillé) (s’y appuyer). Un édredon. Une méridienne.</p>
<p>Un oloé.</p>
<p>Le livre que vous allez lire a déjà vécu plusieurs vies, presque jumelles, jamais semblables. Tout a commencé par une commande de Mélico[1], un site web disparu sur lequel on pouvait entendre des entretiens avec des libraires, trouver des articles les concernant mais aussi des textes d’auteurs évoquant les livres, la lecture. C’est grâce à Hélène Clemente du SNL et à Pierre Cohen-Hadria, qui menait alors les interviews, que j’ai trouvé un lieu où faire vivre ce mot inventé : oloé. O-L-O-É. Où lire ou écrire. Où lire où écrire. N’importe quel espace, meuble, objet détourné qui le permette.</p>
<p>La parution se faisait alors en feuilleton, à un rythme mensuel. En 2011, les textes furent réunis dans un livre numérique avec liens et photos publié par le collectif D-Fiction. Assez vite, alors que je ne m’attendais à rien, j’ai eu la surprise de voir que le mot plaisait, que certains lecteurs se l’appropriaient en décrivant leurs lieux fétiches, au point qu’un site fut créé par l’écrivain Joachim Séné pour regrouper leurs textes : Des oloés du monde entier[2].</p>
<p>Sortir, chercher un lieu où lire où écrire parce qu’on ne peut pas le faire chez soi. Ne pas trouver. Ne pas se décourager. Inventer un mot pour ce manque, écrire tout autour, publier le texte. Voir que l’oloé se propage : voilà l’histoire.</p>
<p>À la relecture, je m’aperçois que c’est également un livre sur un livre, Franck, paru en 2010. À l’époque, j’étais très marquée par les années passées à l’écrire, puis sa publication chez Stock. Si je devais reprendre Des Oloés à zéro, aujourd’hui, ce serait peut-être autre chose, qui sait.</p>
<p>Dans cette nouvelle version, vous trouverez quelques différences, parfois des retraits (j’ai supprimé photos et liens), des ajouts surtout : des notes, des propositions pour ceux qui auraient envie de s’y mettre, d’écrire leurs propres oloés et un livret final comprenant des textes de Thierry Beinstingel, Pierre Cohen-Hadria, Virginie Gautier, Maryse Hache, Olivier Hodasava, Christine Jeanney, Pierre Ménard, Juliette Mézenc, Franck Queyraud, Joachim Séné et Lucien Suel. Qu’ils soient tous très chaleureusement remerciés, avec une pensée pour Maryse, disparue en 2012 et qui reste présente dans nos esprits à tous.</p>
<p>Où lire sur une avenue ? Comment réussir à écrire quand les radios, leurs flashs, leurs tubes ont envahi les cafés, les boutiques et le système nerveux, les couloirs, les entrées, les quais ? Où s’asseoir quand tout nous porte à marcher en pressant le pas, serrer son sac et droit devant rentrer chez soi le plus vite possible ? Où penser ? Où rêver ?</p>
<p>Les oloés, ce seraient ces endroits où lire où écrire (le second o pouvant se comprendre également, c’est au choix, comme un ou), de ville, de mer, de campagne qui font une brèche, nous y accueillent. L’idée n’est pas de fuir mais plutôt de creuser. Parfois ils seront désignés avec précision, comme c’est le cas pour la chaise-table du Cent Quatre trouvée dans un jardin aujourd’hui disparu. Lorsque l’oloé sera privé, on se réservera le droit de rester vague. Des lieux où s’attacher, se concentrer, se laisser distraire ; s’alléger, se lester, jouer des dimensions.</p>
<p>Oui, c’est facile, un inventaire, facile de dresser une liste, moins simple de s’y inscrire, d’abandonner ses impatiences et son désir de résultat (réconfort tangible du chapitre lu, de la page au net) pour s’amalgamer à sa chaise au centre des cris. S’en emparer, de ces lieux conçus on ne sait plus pourquoi, les épier au moins : le poste d’observation, c’est l’urgence.</p>
<p>D’entrée, sur chaque pouce de terrain (hors sol chic, pratiques éthérées), on trouve poudre aux yeux et pics de ciment.</p>
<p>(Regardez, on a monté le décor. Faites comme si vous étiez à l’aise, tant pis pour vos synapses, vos fesses, votre respiration. C’est fait exprès pour vous, qu’on vous dit, ces espaces, parois et stands, alors simulez le bien-être, allez, vite, payez, cher, stop, à d’autres, au coin, au large, au poste, au clou, ailleurs, tirez-vous. Et revenez, bien sûr.</p>
<p>(on ne vous l’a pas dit, on vous l’a fait comprendre et vous l’avez compris)</p>
<p>Ne personnifiez pas la misère, n’étalez pas le dégoût. Ayez l’air, ayez l’air, encastré, démembré, mieux que ça, tordez-vous.</p>
<p>Comment, que faire de vos corps ? Quels corps au juste ? Votre intime c’est notre surface. On vous l’extirpe, le met à jour, l’adoucit ce qu’il faut. Pas trop, quand même, vous devez rester armé, cuirassé au cas où. On vous le revend le triple, comptez dessus.</p>
<p>Vos émois ? Lesquels ? Des émois à la mode, j’espère.</p>
<p>Le présent ? Là, total, intégré et pourtant pas de temps mort, pas de circonvolution, n’insistez pas.</p>
<p>Ah.)</p>
<p>Facile mais ajoutons quand même, pour les détourner, qu’ils résistent : hamacs, gradins, rambardes, chaises longues et nattes, futons, sofas, strapontins et parquets. Loges, gazons, duvets, abribus, banquettes, cagibis et terrasses, aéroports, laveries. Salles d’attente diverses. Impasses, replis. Inconforts à briser ou soigner ou défendre</p>
<p>tout ce qui pousse à l’angle</p>
<p>dans les rayons, le vent</p>
<p>dans l’absence et le quart</p>
<p>le silence impossible</p>
<p>dans le concret des pieds posés, des hanches, des mains qui se saisissent, des doigts qui frappent, tournent une page, forment des boucles</p>
<p>sur des planches, scènes, paliers, ces entraves et sangles nouées dénouées nouées</p>
<p>dans l’inquiétude, le souvenir, les images mentales</p>
<p>dans la perte de repères et la transformation</p>
<p>dans leurs mots, dans ce qu’on leur devine, ce qu’on espère de courbe</p>
<p>(on voudrait les manipuler, extraire la sève, sauter dans le vide et ne plus avoir peur)</p>
<p>dans cette échappée permanente qui peut rendre fou on le sait</p>
<p>aller chercher partout ce qu’on pourrait devenir hors formulaire</p>
<p>hors facture et hors agenda</p>
<p>hors prévision, réaction à l’oral, à l’écrit quand on vous dit sans le dire ne vous trompez pas de langue, sachez vous habiller, marcher, rire selon le schéma en pièce jointe</p>
<p>regarder par en dessous, de haut, de biais selon la tendance du jour sachez répondre</p>
<p>ne pas répondre</p>
<p>vous adapter sans réclamer le dû</p>
<p>désirer quoi ?</p>
<p>tendre la main</p>
<p>ou non ?</p>
<p>si on n’y pense pas</p>
<p>si on n’en rêve pas</p>
<p>si on se contente de</p>
<p>si on se réduit à</p>
<p>c’est mort</p>
<p>en passer par l’escrime, absorptions, envolées</p>
<p>en passer par le risque</p>
<p>même très petit risque</p>
<p>Dans l’oloé on cherchera à rester libre, assis, couché, debout, même sur le flanc.</p>
<h1>1 Chaise-table de la halle Curial</h1>
<p>Début 2009, je me suis retrouvée pour la première fois en résidence d’écriture, au CentQuatre, ou 104, à Paris. L’établissement artistique, ancien site des Pompes funèbres, ex-atelier de fabrication de cercueils et de décorations mortuaires, de réparation de corbillards, commençait à ouvrir ses portes. C’était alors un espace vide, gris, nu, soumis à des travaux qui n’en finissaient pas. L’entrée était sonorisée, on y entendait des bruitages, des poèmes – mal, à cause des perceuses, des marteaux. Une librairie allait s’installer, et la Villa Arpel de Mon Oncle, le film de Jacques Tati, ancrer son décor pour quelques semaines. Pour l’instant, rien. Personne, en dehors des vigiles, des agents d’accueil, des femmes de ménage. Il faisait -13°, c’était un mois de janvier glacial. Dans un coin de la halle Curial où jadis circulaient des chevaux, seul un jardin potager semi-vertical planté d’asparagus, affleurant au-dessus de caisses empilées les unes sur les autres où dormaient des graines, des bulbes, des noyaux, pouvait donner envie d’arrêter sa marche. Il y avait de quoi se cacher un peu.</p>
<p>Parler de cette chaise-table en bois faite d’un bloc, située dans le jardin du 104, c’est sans doute commencer d’expliquer ce que je souhaite faire ici. Chacun ses obsessions, bien sûr. L’une des miennes, c’est cette place dans le monde que le monde vous octroie ou non, que vous allez chercher ou non, que vous investissez ou non. Une place qui parfois s’offre mais qu’il vous faut souvent inventer et défendre. Une place où lire écrire, disons.</p>
<p>Ce qui traverse quand on décide d’écrire, ce à quoi on échappe et ce qui nous contient quand c’est lire qui nous prend, c’est cela que je voudrais pour guide. Que la ville nous chasse, cherche à nous empêcher, depuis des années c’est certain. Mais qu’on guette (un luxe à s’octroyer, c’est tout) et voilà qu’elle sécrète dans un même mouvement interstices, fissures, venelles où s’immiscer pour lire écrire penser rêver mettez-y ce que vous vous voulez. Tout cela on le sait, mais…</p>
<p>Cette chaise-table du 104, par exemple, personne ne la voit. Personne ne s’aperçoit qu’on en trouve même deux, placées en vis-à-vis, à l’entrée du jardin de la halle Curial. Entre les plantes-bouteilles, les casques où écouter des pas sur le gravier et les sculptures d’enfants elles n’attendent que nous, on croirait deux trains qui se croisent. C’est Mawa, femme de ménage, mère d’une petite fille gardée à la crèche rue Curial, là, tout près, qui me l’a fait connaître. On s’est installées face à face, chacune sa travée, a posé les mains sur la table. On s’est appuyées au dossier, a souri, soulagées d’échapper pour un instant aux verticales. Puis on s’est aperçues qu’en s’asseyant vraiment, jambes et buste alignés, comme pour une longue pause, on avait les pieds dans la terre, qu’on pouvait la remuer – qui l’aurait soupçonné, à nous voir ? On a discuté des slogans de Christian Prigent, lancés d’habitude à toute volée par les haut-parleurs de la halle, à l’angle, brouillés, hachés, bouillie de sons à qui la direction, à cette époque, avait coupé le sifflet. L’auteur allait venir et on n’était pas sûr qu’il aurait apprécié, ai-je cru comprendre, mais peut-être l’ai-je imaginé. On a parlé enfants, vide, plein, maison de Mon oncle, surgissement de Jacques Tati entre avril et mai.</p>
<p>Je me suis dit : enfin un bon endroit pour lire écrire dans ce 104 qui écrase et fatigue, écartèle aux points telluriques – on en part en petits morceaux. Et puis non. Pas lu pas écrit grand-chose malgré la terre et la verrière, les plantes qui protègent des regards. À l’étage les agents d’accueil tapotaient la vitre, me faisaient signe. Je relevais la tête, on riait. Je revenais au carnet mais c’était compliqué, il y avait trop à voir et surtout à entendre. Des écrans avaient été installés par une étudiante des Beaux-Arts (bruit de fond) ; les travaux se poursuivaient côté librairie (martèlements), les slogans reprenaient.</p>
<p>Quand la librairie a ouvert, à trois mètres, l’attraction fut trop forte, de toute façon. Partout ailleurs, au-delà des fluctuations, dérives, disparitions d’œuvres et d’artistes rien n’avait encore d’histoire tandis qu’elle, étagères arrondies et blondes, chaque livre aimé et choisi, semblait là depuis dix ans. Fureter, s’asseoir, regarder à la dérobée. Retourner en tous sens les cartes, BD, CD, gadgets, et bien sûr les livres : comment l’étroite chaise-table aurait-elle pu lutter ?</p>
<p>Ne pas tenir en place, ici, et donc partir.</p>
<p>Propositions d’écriture</p>
<p>S’installer à l’intérieur d’une œuvre d’art dans un musée ou une galerie, autrement dit dans un lieu a priori inconfortable pour écrire, peut-être intimidant et cependant dédié à l’art. Examiner ce qui se produit et l’écrire. Est-ce qu’on trouve où s’asseoir, et comment ? Le corps est-il à l’aise ? Se fait-on déloger ? Si oui, au bout de combien de temps ? Poursuivre l’expérience le plus longtemps possible en notant les solutions de repli, les émotions perçues, le sentiment de solitude ou, au contraire, de victoire après l’accaparement du lieu.</p>
<p>Variante • Choisir n’importe quel lieu non destiné à l’écriture (chantier, quai, entrepôt…) à la condition qu’il soit vide.</p>
<h1>2 Parasites au jardin secret</h1>
<p>Parce que j’y reviens souvent, ce lieu, depuis la parution du livre, est devenu purement et simplement l’oloé 2, dont je parle ainsi, tandis que les autres ont perdu leur numérotation.</p>
<p>Mi-juillet, déjà, le soleil peine dans ce jardin de l’Oise. D’instinct, pour l’avoir pratiqué autrement, on sait que le bon endroit pour lire écrire est ancré dans cette courbe que font le groseillier, le framboisier, les orties et le poirier, semi-cachette d’où épier les murs, la haie du voisin et les briques. Les abeilles et moucherons chaloupent, s’intéressent au clavier, à l’appareil-photo. La route est loin, le chemin derrière la clôture peu fréquenté.</p>
<p>Quelqu’un a installé un banc (tous ne sont pas accessibles) qu’on retourne et déplace à deux. On serait mieux par terre mais c’est encore mouillé de la nuit.</p>
<p>Un chant, soleil, quelques obliques. C’est vert, paisible, à peine un vent léger, à peine un avion sous les nuages. Pourtant, des mots qui blessent, durent, empêchent d’avancer, s’interposent au moment d’écrire : pourquoi ? Des mots entendus au moins deux ans plus tôt, injustes et mal venus, à propos d’un autre travail, mais c’était alors, ce travail : écrire sur le ténu, le fugace, sur ce qu’on perçoit à peine. Et à vouloir reprendre même d’une autre façon cette tentative les jugements affleurent à nouveau, la voix surtout, son grain, le ton et le débit – les mots, pas tant que ça. Qu’en faire ?</p>
<p>Ciel gris. Un ciel mouvant décidément – mais écrivant ciel gris, majuscule, point, pas plus, dix touches sur le clavier, quelque chose se déchire soudain, ces deux mots justement comme sur une feuille lancée en l’air. À la barre, Dita Kepler[3]. Sous l’écorce, dans les buissons, partout elle accuse, prononce vol et contrefaçon : ciel gris tu l’as déjà écrit, tu t’en sers pour moi, tu te souviens ?</p>
<p>Banc de face, de profil, accueillir ce qui vient et qui soit autre que la colère, autre que le texte en cours.</p>
<p>Quoi donc ? Ah, si : rêvé cette nuit d’une lecture en public avec Catherine Deneuve qui était écrivain. Elle m’expliquait le principe de son texte : des variations autour d’adjectifs commençant tous par f, dont fier, furieux. Sans même l’entendre lire l’idée m’enchantait.</p>
<p>(et là imaginer la suite d’adjectifs, y river les jugements, les décaper, les tordre, les plaquer au sol)</p>
<p>Au réveil, à sa suite, est née une autre idée. De celles qui permettent de se ré-approprier ce qu’on a jeté de vous, s’imposent à l’instant après avoir attendu des semaines, des mois pour se manifester. Parfait.</p>
<p>Soleil à nouveau sur le banc. Les mots blessants s’éloignent, toujours aux aguets cependant, tandis qu’un insecte indéterminé, long et gracile, traverse l’écran. S’éloignent seuls, sans qu’on s’en préoccupe ?</p>
<p>Ceux qui de cette façon s’arrogent le jugement, font et défont la pelote même sans volonté, par simple maladresse, perdent tant par ailleurs, qu’on les laisse aux clôtures. Je laisse, tu laisses, nous laissons. Groseilles, framboises dans le dos. Abeille, guêpe, moucheron, mouvement de recul et à gauche dans l’herbe deux romans entamés : pour éloigner sa bouche, au type, ce qu’il a dit au téléphone alors qu’on n’avait rien demandé, il suffit sans doute d’en ouvrir, rouvrir un.</p>
<p>Il mit ses mains devant ses yeux et risqua un regard jusqu’au hublot. Au-dehors, un aileron brillait, comme chauffé à blanc dans l’éclat du soleil. Alentour, tout était obscur et cette obscurité était très certainement emplie d’étoiles qu’il était impossible de voir.</p>
<p>Arthur C. Clarke, 2001 : L’odyssée de l’espace, traduit de l’anglais par Michel Demuth.</p>
<p>Proposition d’écriture</p>
<p>S’installer dans le lieu le plus propice, le plus paradisiaque qui soit pour écrire. Examiner ce qui parasite, les pensées gênantes, paralysantes, jugements sur soi ou son travail de personnes faisant autorité, etc. Ne pas les décrire. Ne pas écrire pour se venger ni les analyser. Noter au contraire ce qui les suit, bifurque, leur permet de glisser. Les utiliser pour décrire le lieu.</p>
<p>Si rien ne se produit, si aucun malaise préalable n’empêche d’écrire, examiner en quoi la perfection du lieu et du moment présent permet, ou non, de le faire.</p>
<p>Et si rien ne vient, rester là et lire.</p>
</article>


<hr>

<footer>
  <p>
    <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
      </svg> Accueil</a> •
    <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
      </svg> Suivre</a> •
    <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
      </svg> Pro</a> •
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
      </svg> Email</a> •
    <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
        <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
      </svg> Légal</abbr>
  </p>
  <template id="theme-selector">
      <form>
          <fieldset>
              <legend><svg class="icon icon-brightness-contrast">
                <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
              </svg> Thème</legend>
              <label>
                  <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
              </label>
              <label>
                  <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
              </label>
              <label>
                  <input type="radio" value="light" name="chosen-color-scheme"> Clair
              </label>
          </fieldset>
      </form>
  </template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
    function loadThemeForm(templateName) {
        const themeSelectorTemplate = document.querySelector(templateName)
        const form = themeSelectorTemplate.content.firstElementChild
        themeSelectorTemplate.replaceWith(form)

        form.addEventListener('change', (e) => {
            const chosenColorScheme = e.target.value
            localStorage.setItem('theme', chosenColorScheme)
            toggleTheme(chosenColorScheme)
        })

        const selectedTheme = localStorage.getItem('theme')
        if (selectedTheme && selectedTheme !== 'undefined') {
            form.querySelector(`[value="${selectedTheme}"]`).checked = true
        }
    }

    const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
    window.addEventListener('load', () => {
        let hasDarkRules = false
        for (const styleSheet of Array.from(document.styleSheets)) {
            let mediaRules = []
            for (const cssRule of styleSheet.cssRules) {
                if (cssRule.type !== CSSRule.MEDIA_RULE) {
                    continue
                }
                // WARNING: Safari does not have/supports `conditionText`.
                if (cssRule.conditionText) {
                    if (cssRule.conditionText !== prefersColorSchemeDark) {
                        continue
                    }
                } else {
                    if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
                        continue
                    }
                }
                mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
            }

            // WARNING: do not try to insert a Rule to a styleSheet you are
            // currently iterating on, otherwise the browser will be stuck
            // in a infinite loop…
            for (const mediaRule of mediaRules) {
                styleSheet.insertRule(mediaRule.cssText)
                hasDarkRules = true
            }
        }
        if (hasDarkRules) {
            loadThemeForm('#theme-selector')
        }
    })
</script>
</body>
</html>