A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 23KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>La maison en A, plan B des « fauchés » (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://bag.fiat-tux.fr/share/6252865f762331.80369904">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>La maison en A, plan B des « fauchés »</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://bag.fiat-tux.fr/share/6252865f762331.80369904" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <figure class="article__media"><img src="https://bag.fiat-tux.fr/assets/images/f/1/f1153653/1308528d.jpeg" srcset="https://bag.fiat-tux.fr/assets/images/f/1/f1153653/e88ef28d.jpeg 1328w, https://bag.fiat-tux.fr/assets/images/f/1/f1153653/1308528d.jpeg 664w" alt="La maison construite en 2013 par Elizabeth Faure dans le village de Lusignac (Dordogne), le 23 février 2022." referrerpolicy="no-referrer"><noscript><img src="https://bag.fiat-tux.fr/assets/images/f/1/f1153653/1308528d.jpeg" alt="La maison construite en 2013 par Elizabeth Faure dans le village de Lusignac (Dordogne), le 23 février 2022." referrerpolicy="no-referrer"></noscript>
  71. <figcaption class="article__legend" aria-hidden="true">La maison construite en 2013 par Elizabeth Faure dans le village de Lusignac (Dordogne), le 23 février 2022. YOHAN BONNET POUR « LE MONDE »</figcaption></figure>
  72. <p class="article__paragraph">A reprendre en chœur : il était une petite femme, pirouette, cacahuète, il était une petite femme, qui avait une drôle de maison. Une maison qui, quoique vaste et robuste, inspirait la sympathie tant elle ressemblait à une cabane d’enfants. Dans les provinces de France, le bruit avait couru : il était donc possible de bâtir soi-même une chaumière, à tout âge et sans fortune princière…</p>
  73. <p class="article__paragraph">L’histoire d’Elizabeth Faure ne se résume pas à une comptine gentillette. Mais la singulière demeure que cette rebelle a érigée à 65 ans, de ses propres mains, dans le village de Lusignac (Dordogne), fait rêver bien du monde. Pour moins de 40 000 euros, la retraitée a construit quasiment seule, en 2013, une bâtisse de 180 mètres carrés qui, depuis le confinement de 2020, suscite un drôle d’engouement.</p>
  74. <p class="article__paragraph">Une visite s’impose, d’abord… Solidement planté en bordure de champs et de bois, l’antre d’Elizabeth Faure est un gros triangle à façade rouge terre de Sienne. Ce A géant est lui-même composé de 18 triangles de bois équilatéraux, dressés tous les mètres, que relient entre eux des panneaux de bois compressé couverts d’un pare-pluie puis de tuiles de bitume. La barre du A fait office de plancher du premier étage. A l’intérieur, on retrouve l’ambiance chaleureuse d’une maison en bois et on s’étonne, surtout, de ne pas se sentir écrasé par l’inclinaison des murs que forme le toit à double pente : la hauteur sous plafond et la surface confortablement habitable sur deux étages (112 m<sup>2</sup>, loi Carrez) dissipent les craintes.</p>
  75. <h2 class="article__sub-title">Une pirate en polaire</h2>
  76. <p class="article__paragraph"><em>« Je n’ai rien inventé,</em> précise la bâtisseuse, pas du genre à se flatter l’ego. <em>Cette forme de bâti existe partout depuis la nuit des temps. Depuis Astérix et Obélix ! L’équilatéral, c’est la structure la plus costaude, la forme géométrique parfaite. »</em> Pour expliquer le renouveau français des <em>A-frame</em>, comme on dit en Amérique, il faut aussi tenter de faire le tour du personnage qu’est Elizabeth Faure. Ce qui se révèle plus compliqué que le tour du propriétaire.</p>
  77. <p class="article__paragraph">A 73 ans, désormais, malgré une chevelure blanche et l’affectueux cocker qui lui colle aux basques, cette retraitée sans retraite n’a rien d’une paisible et consensuelle mamie gâteau. Imaginez plutôt une pirate en polaire trop large et bottes en caoutchouc, cigarette roulée et jurons à portée de bouche, que sa franchise honore – elle suggère au journaliste de potasser avant de venir <em>« pour ne pas poser les mêmes questions idiotes que tout le monde ».</em> Une végétarienne et féministe de toujours, révoltée par la <em>« présomption d’incompétence que subissent les bonnes femmes ».</em> En trois mots – les siens –, une <em>« vieille hippie utopiste »</em> dont on mesure vite, pourtant, l’énergie, la détermination et le sérieux. <em>« Ma devise, c’est “Tout est possible”. Quand j’ai commencé le chantier,</em> se souvient-elle, <em>on me disait que je n’y arriverais pas. Les gens rêvent puis crèvent sans avoir pris de risques, assis sur leur canapé. Moi, j’ai le soleil dans la tête. La peur m’est étrangère. Je risque quoi ? Ce ne sera jamais un échec, j’aurai appris. »</em></p>
  78. <p class="article__paragraph">Née à Fès, au Maroc, rapatriée en France à 11 ans avec ses parents qu’elle connaît peu (<em>« Ce sont les fatmas qui m’ont élevée, ces femmes fortes à l’amour inconditionnel »</em> ), elle part seule à 15 ans au Québec, comme jeune fille au pair. Ne revient en France que pour le bac, ou du moins pour lancer la révolution de 1968 dans son lycée de Haute-Savoie. Avant de financer elle-même ses études au Hammersmith College of Art and Building de Londres – <em>« Dans ma famille, on payait des études aux gars, pas aux filles… »</em> Elle s’y forme au design du bâti en pleine période beatnik où fleurissent mille architectures alternatives.</p>
  79. <figure class="article__media"><img src="https://bag.fiat-tux.fr/assets/images/f/1/f1153653/eebeeca0.jpeg" alt="Elizabeth Faure dans sa maison en A, à Lusignac (Dordogne), le 23 février 2022." referrerpolicy="no-referrer">
  80. <figcaption class="article__legend" aria-hidden="true">Elizabeth Faure dans sa maison en A, à Lusignac (Dordogne), le 23 février 2022. YOHAN BONNET POUR « LE MONDE »</figcaption></figure>
  81. <p class="article__paragraph">Entre Londres, New York et la France, la vie qui s’ensuit est un tourbillon de squats entre amis, de maisons bâties ou rénovées gracieusement, pour qui en a besoin, d’aventures artistiques – peintures monumentales, calligraphie japonaise… <em>« J’ai toujours été sous les radars,</em> dit-elle. <em>Très fauchée, mais je m’en sortais toujours, consciente qu’il y avait plus malheureux que moi. »</em> Dans les années 1990, elle vient au secours des Anglais qui retapent à tour de bras les maisons de Dordogne. Puis, en 2003, la voilà qui tombe sur ce reportage télé présentant un abri pour SDF de l’association Emmaüs. <em>« On aurait dit une cabane de jardin de Leroy-Merlin,</em> peste-t-elle. <em>J’ai pensé qu’on pouvait faire une jolie petite maison en A de 25 mètres carrés pour moins cher, et monter des ateliers pour apprendre à la construire. Quand tu es pauvre, tu as aussi besoin d’une maison. Tu te sens mieux dans ta peau, tu te vois un avenir. »</em></p>
  82. <h2 class="article__sub-title">Une année de travaux épique</h2>
  83. <p class="article__paragraph">Sa solution laissant Emmaüs Gironde de marbre, elle se promet d’en faire un jour la démonstration. Dix ans plus tard, sans RSA (puisqu’elle a vendu une petite maison rénovée), ni retraite, ni minimum vieillesse (elle n’a pas encore 68 ans), elle achète un terrain à 16 000 euros et commence enfin l’édification de cette maison pour gens de peu qui lui trotte dans la tête. La minicabane pour vivre sur le chantier, avec toilettes extérieures sous tente Quechua, la piscine gonflable de mômes pour affronter la canicule, la laborieuse levée du premier triangle, quand les copains espérés font défaut… l’épique année de travaux est narrée dans un <a href="https://www.youtube.com/watch?v=bBf3Sniwfqw" target="_blank" rel="noopener" title="Nouvelle fenêtre">documentaire</a> signé Morgane Launay.</p>
  84. <p class="article__paragraph">La photographe de 36 ans connaît Elizabeth depuis l’enfance, quand elle l’a rencontrée dans la librairie de ses parents, à Ribérac (Dordogne). En 2013, la jeune femme lâche son quotidien de portraitiste pour filmer l’affaire de son amie. <em>« Je voulais partager avec le monde ce personnage qui ne connaît pas la peur, ce qui lui donne une énorme liberté »,</em> résume-t-elle aujourd’hui. Après une trentaine de rencontres dans les cinémas de la région, Morgane Launay poste en 2018 son documentaire en libre accès sur Internet. Il vivote. Mais en octobre 2020, « 18 h 39 », la chaîne YouTube des magasins de bricolage Castorama, se déplace à Lusignac pour un reportage titré <a href="https://www.youtube.com/watch?v=Ly236vzlHE0" target="_blank" rel="noopener" title="Nouvelle fenêtre"><em>A 65 ans, elle construit seule sa maison en A</em></a> <em>–</em> 725 000 vues engrangées aujourd’hui. Et là, tout s’emballe.</p>
  85. <p class="article__paragraph"><em>« Pendant le confinement, les gens s’emmerdaient,</em> croit comprendre Elizabeth. <em>Ils ont regardé le doc et se sont déplacés pour voir, malgré les interdictions. C’est devenu complètement dingue ! »</em> Elle croule alors sous les appels, les mails et ouvre grand ses portes. <em>« Je voulais juste que la maison soit connue pour que davantage de gens aient un abri. »</em> L’affluence est telle que, usée et virant mal aimable, elle finit par limiter les visites, puis les stopper, en août 2021. Mais le documentaire continue son petit bonhomme de chemin, jusqu’à dépasser les 300 000 vues.</p>
  86. <figure class="article__media"><img src="https://bag.fiat-tux.fr/assets/images/f/1/f1153653/24fbe4f9.jpeg" alt="Les plans de cette maison en A conçue par Elizabeth Faure sont disponibles en libre accès sur Internet. Une centaine de maisons ont déjà été érigées sur ce modèle, plusieurs centaines d’autres sont en projet. A Lusignac (Dordogne), le 23 février 2022." referrerpolicy="no-referrer">
  87. <figcaption class="article__legend" aria-hidden="true">Les plans de cette maison en A conçue par Elizabeth Faure sont disponibles en libre accès sur Internet. Une centaine de maisons ont déjà été érigées sur ce modèle, plusieurs centaines d’autres sont en projet. A Lusignac (Dordogne), le 23 février 2022. YOHAN BONNET POUR « LE MONDE »</figcaption></figure>
  88. <p class="article__paragraph">Les deux femmes décident de mettre à disposition sur Internet les plans de la maison en A. Surtout, elles se lancent dans la confection de tutoriels, grâce aux 27 000 euros de financement participatif récoltés sur la plate-forme Ulule en un rien de temps. Une cinquantaine de vidéos détaillent de A à Z les étapes du projet, du permis de construire à la fabrication de peinture à la farine. Chien sur les genoux, manches de chemise coupées à l’arrache, la retraitée y fait preuve de son éternel naturel. <em>« Là, on travaille au poil de cul, d’accord ? »</em></p>
  89. <h2 class="article__sub-title">Aide entre bâtisseurs</h2>
  90. <p class="article__paragraph">Toute une communauté gravite, désormais, autour de la maison en A, de son <a href="https://www.facebook.com/groups/199450765185982/" target="_blank" rel="noopener" title="Nouvelle fenêtre">groupe Facebook</a> (32 700 membres), de sa <a href="https://www.youtube.com/c/lamaisonena" target="_blank" rel="noopener" title="Nouvelle fenêtre">chaîne YouTube</a>, de son <a href="https://lamaisonena.com/" target="_blank" rel="noopener" title="Nouvelle fenêtre">site</a>, de son blog… On s’y encourage : pas besoin d’être super bricoleur, juste de vouloir apprendre. On y échange des formules géométriques oubliées depuis le collège, des blagues éculées (<em>« Mieux qu’une maison en T ? »</em>) et des tuyaux précieux sur les terrains ou les charpentiers. On y exhibe ses plans 3D puis ses photos de chantier. On y maudit les banques radines en prêts pour l’autoconstruction, les maires crispés sur leur PLU…</p>
  91. <p class="article__paragraph">La hausse du prix des matériaux pousse à attendre des jours moins dispendieux en peaufinant le projet. Sur la carte interactive créée pour faciliter l’entraide entre bâtisseurs présents et futurs, par le biais des chantiers participatifs, une centaine de constructions sont en cours, le double est à venir. A lire les commentaires laissés de toutes parts, le tipi géant bon marché rend à ceux qui l’avaient perdu l’espoir de devenir un jour propriétaires d’une maison. Sa structure en bois peut se dresser en une semaine (et 7 triangles, pour 49 m<sup>2</sup> au sol), se transformer en habitat digne de ce nom en trois mois et s’adapter aux exigences écologiques : sur piliers, elle n’a que peu d’emprise au sol, son toit (grâce à sa surface et son inclinaison) se prête aux panneaux solaires, à la récupération d’eau…</p>
  92. <p class="article__paragraph">Pour s’en assurer, il n’y a qu’à rejoindre Antony Debarre sur son chantier, à Chantérac (Dordogne), non loin de là. Un gars du pays, costaud et barbu, autoentrepreneur dans l’audiovisuel mais tourneur fraiseur de formation. Il a démarré en septembre 2021 son projet de 160 mètres carrés (seuls 90 m<sup>2</sup> loi Carrez seront taxés), <em>« approche du hors d’eau »</em>, en est <em>« aux bacs acier »</em>, plus coûteux mais écologiquement plus vertueux que les tuiles bitumées…</p>
  93. <p class="article__paragraph">Des Normands, des Bretons, une quinzaine de personnes sont déjà venues se former en l’aidant. <em>« Je n’avais pas les moyens de me lancer à 150 000 euros les 90 mètres carrés, et l’atypique, ça m’allait bien »,</em> déclare le quadragénaire qui, mains sur les madriers, exprime sa fierté de construire lui-même pour une cinquantaine de milliers d’euros. <em>« Même si la maison n’est pas parfaite, c’est moi qui l’ai faite ! Elle aura une isolation en paille, des panneaux photovoltaïques, des petites éoliennes en faîtage, que j’ai fabriquées à l’imprimante 3D, des récupérateurs d’eau sous les 320 mètres carrés de toiture, pour les toilettes et les lavages… »</em></p>
  94. <p class="article__paragraph">A Ribérac, Rachelle Zürcher et Romain Eloy, 26 et 35 ans, deux enfants et un smic pour revenu, s’échinent eux aussi, <em>« dès qu’</em>[ils peuvent]<em>, du lever au coucher du soleil ».</em> Ils ont délaissé leur location mal isolée. <em>« C’est très important pour nous d’être autonomes et de polluer le moins possible,</em> insiste la mère de famille. <em>Là, c’est moins cher qu’une maison en bois classique et on peut tout faire. On ne voulait pas s’endetter sur quinze ans, et risquer d’être saisis s’il y a un problème et qu’on n’arrive plus à payer… »</em> L’architecture triangulaire ne fait pas que des heureux, sait-elle, dans le voisinage. <em>« Pour certains, on détruit le paysage. Mais pour nous, c’est un accomplissement. On regarde en arrière, on voit qu’on a fait ça, ça et ça. La vie a plus de sens. »</em></p>
  95. <p class="article__paragraph">De retour dans sa cuisine, Elizabeth Faure sert l’apéritif à l’heure du thé, pour d’autres. Les visiteurs qui l’accaparaient des heures l’ont parfois gratifiée d’une bouteille de ce vin rouge dont le documentaire la montrait friande. C’est bien là tout son gain. Elle sourit. <em>« On a lancé le truc, c’est trop génial, ça me suffit. Je me sens hippie entourée de bébés hippies. »</em></p>
  96. </article>
  97. <hr>
  98. <footer>
  99. <p>
  100. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  101. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  102. </svg> Accueil</a> •
  103. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  104. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  105. </svg> Suivre</a> •
  106. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  107. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  108. </svg> Pro</a> •
  109. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  110. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  111. </svg> Email</a> •
  112. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  113. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  114. </svg> Légal</abbr>
  115. </p>
  116. <template id="theme-selector">
  117. <form>
  118. <fieldset>
  119. <legend><svg class="icon icon-brightness-contrast">
  120. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  121. </svg> Thème</legend>
  122. <label>
  123. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  124. </label>
  125. <label>
  126. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  127. </label>
  128. <label>
  129. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  130. </label>
  131. </fieldset>
  132. </form>
  133. </template>
  134. </footer>
  135. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  136. <script>
  137. function loadThemeForm(templateName) {
  138. const themeSelectorTemplate = document.querySelector(templateName)
  139. const form = themeSelectorTemplate.content.firstElementChild
  140. themeSelectorTemplate.replaceWith(form)
  141. form.addEventListener('change', (e) => {
  142. const chosenColorScheme = e.target.value
  143. localStorage.setItem('theme', chosenColorScheme)
  144. toggleTheme(chosenColorScheme)
  145. })
  146. const selectedTheme = localStorage.getItem('theme')
  147. if (selectedTheme && selectedTheme !== 'undefined') {
  148. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  149. }
  150. }
  151. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  152. window.addEventListener('load', () => {
  153. let hasDarkRules = false
  154. for (const styleSheet of Array.from(document.styleSheets)) {
  155. let mediaRules = []
  156. for (const cssRule of styleSheet.cssRules) {
  157. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  158. continue
  159. }
  160. // WARNING: Safari does not have/supports `conditionText`.
  161. if (cssRule.conditionText) {
  162. if (cssRule.conditionText !== prefersColorSchemeDark) {
  163. continue
  164. }
  165. } else {
  166. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  167. continue
  168. }
  169. }
  170. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  171. }
  172. // WARNING: do not try to insert a Rule to a styleSheet you are
  173. // currently iterating on, otherwise the browser will be stuck
  174. // in a infinite loop…
  175. for (const mediaRule of mediaRules) {
  176. styleSheet.insertRule(mediaRule.cssText)
  177. hasDarkRules = true
  178. }
  179. }
  180. if (hasDarkRules) {
  181. loadThemeForm('#theme-selector')
  182. }
  183. })
  184. </script>
  185. </body>
  186. </html>