Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
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 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
  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>
  13. Étiquette #biologie
  14. — David Larlet</title>
  15. <script>
  16. function toggleTheme(themeName) {
  17. document.documentElement.classList.toggle(
  18. 'forced-dark',
  19. themeName === 'dark'
  20. )
  21. document.documentElement.classList.toggle(
  22. 'forced-light',
  23. themeName === 'light'
  24. )
  25. }
  26. const selectedTheme = localStorage.getItem('theme')
  27. if (selectedTheme !== 'undefined') {
  28. toggleTheme(selectedTheme)
  29. }
  30. </script>
  31. <!-- Documented, feel free to shoot an email. -->
  32. <link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
  33. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  34. <link rel="preload"
  35. href="/static/david/css/fonts/century_supra_ot_a_regular.woff2"
  36. as="font"
  37. type="font/woff2"
  38. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  39. crossorigin>
  40. <link rel="preload"
  41. href="/static/david/css/fonts/century_supra_ot_a_bold.woff2"
  42. as="font"
  43. type="font/woff2"
  44. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  45. crossorigin>
  46. <link rel="preload"
  47. href="/static/david/css/fonts/century_supra_ot_a_italic.woff2"
  48. as="font"
  49. type="font/woff2"
  50. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  51. crossorigin>
  52. <link rel="preload"
  53. href="/static/david/css/fonts/century_supra_ot_b_regular.woff2"
  54. as="font"
  55. type="font/woff2"
  56. media="(prefers-color-scheme: dark)"
  57. crossorigin>
  58. <link rel="preload"
  59. href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
  60. as="font"
  61. type="font/woff2"
  62. media="(prefers-color-scheme: dark)"
  63. crossorigin>
  64. <link rel="preload"
  65. href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
  66. as="font"
  67. type="font/woff2"
  68. media="(prefers-color-scheme: dark)"
  69. crossorigin>
  70. <meta name="description" content="Publications relatives au tag #biologie">
  71. <!-- That good ol' feed, subscribe :). -->
  72. <link rel="alternate"
  73. type="application/atom+xml"
  74. title="Feed"
  75. href="/david/log/">
  76. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  77. <link rel="apple-touch-icon"
  78. sizes="180x180"
  79. href="/static/david/icons2/apple-touch-icon.png">
  80. <link rel="icon"
  81. type="image/png"
  82. sizes="32x32"
  83. href="/static/david/icons2/favicon-32x32.png">
  84. <link rel="icon"
  85. type="image/png"
  86. sizes="16x16"
  87. href="/static/david/icons2/favicon-16x16.png">
  88. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  89. <link rel="mask-icon"
  90. href="/static/david/icons2/safari-pinned-tab.svg"
  91. color="#07486c">
  92. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  93. <meta name="msapplication-TileColor" content="#f7f7f7">
  94. <meta name="msapplication-config"
  95. content="/static/david/icons2/browserconfig.xml">
  96. <meta name="theme-color"
  97. content="#f7f7f7"
  98. media="(prefers-color-scheme: light)">
  99. <meta name="theme-color"
  100. content="#272727"
  101. media="(prefers-color-scheme: dark)">
  102. <!-- Is that even respected? Retrospectively? What a shAItshow…
  103. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  104. <meta name="robots" content="noai, noimageai">
  105. <style type="text/css">
  106. details[open] summary {
  107. display: none;
  108. }
  109. </style>
  110. <body data-instant-intensity="viewport-all">
  111. <article>
  112. <header>
  113. <hgroup>
  114. <h1>#biologie</h1>
  115. <p>Publications relatives à cette étiquette</p>
  116. </hgroup>
  117. </header>
  118. <nav>
  119. <p>
  120. <a href="/david/" title="Aller à l’accueil">
  121. Accueil</a>
  122. <a rel="tags"
  123. href="/david/2024/#tags"
  124. title="Liste de toutes les étiquettes">
  125. Étiquettes</a>
  126. <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
  127. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  128. </p>
  129. </nav>
  130. <h2>
  131. <a href="/david/2024/06/22/" title="Lien permanent vers cet article">Jour 2</a> <time datetime="2024-06-22">22 juin 2024</time>
  132. </h2>
  133. <p>Bien mauvaise nuit, trop de choses se bousculent et je ne suis pas serein de squatter un refuge qui se réserve. Pour ma défense, il est maintenant obligatoire de réserver 2&nbsp;jours consécutifs pour la fin de semaine. <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Fen%C3%AAtre_d%27Overton">Fenêtre d’Overton</a> du Covid combiné à un <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Culte_du_cargo">culte du cargo</a> j’imagine. Ou un intérêt purement économique. Ou de l’incompétence technique car l’outil employé est devenu une boîte noire pour les personnes qui s’en occupent. Peut-être que j’ai envie d’accompagner ces personnes dans leur&nbsp;émancipation.</p>
  134. <p>Je me retrouve sur le chemin du retour avec des traces très fraîches d’orignal. J’ai la crainte de tomber nez-à-nez avec cet animal d’une tonne, même s’il ne devrait pas être trop farouche en cette saison le sentier me laisse peu de solutions de repli. Je me fais charger de manière très bruyante par… une gélinotte huppée, le poids n’est pas vraiment le même mais l’intention est claire&#8239;! J’imagine sa portée très proche pour qu’elle prenne un tel risque, je bifurque aussi précautionneusement que&nbsp;possible.</p>
  135. <p>Je suis content de ma forme actuelle, après une journée à plus de 20km et avoir <a data-link-domain="ledevoir.com" href="https://www.ledevoir.com/societe/815347/langue-mots-quebecois-preferes-lecteurs-devoir">dormi par sauts de buttes</a>, j’ai encore des jambes. La beauté de cet environnement me porte, parfois j’en arrive à trouver celui-ci monotone mais je sais aussi me rappeler de la chance que&nbsp;j’ai&nbsp;:</p>
  136. <figure>
  137. <a href="/static/david/2024/2024-06-22-lac-lemieux.jpg"
  138. title="Cliquer pour une version haute résolution">
  139. <img
  140. src="/static/david/2024/2024-06-22-lac-lemieux.jpg"
  141. width="3699" height="2774"
  142. srcset="/static/david/2024/2024-06-22-lac-lemieux.jpg 3699w, /static/david/2024/2024-06-22-lac-lemieux_660x440.jpg 660w, /static/david/2024/2024-06-22-lac-lemieux_990x660.jpg 990w, /static/david/2024/2024-06-22-lac-lemieux_1320x880.jpg 1320w"
  143. sizes="min(100vw, calc(100vh * 3699 / 2774))"
  144. loading="lazy"
  145. decoding="async"
  146. alt="Un lac québécois depuis la rive.">
  147. </a>
  148. <figcaption>Lac Lemieux devant le refuge&nbsp;Paul-Perreault.</figcaption>
  149. </figure>
  150. <p>Une autre en prenant de la&nbsp;hauteur&nbsp;:</p>
  151. <figure>
  152. <a href="/static/david/2024/2024-06-22-lac-ouareau.jpg"
  153. title="Cliquer pour une version haute résolution">
  154. <img
  155. src="/static/david/2024/2024-06-22-lac-ouareau.jpg"
  156. width="4032" height="3024"
  157. srcset="/static/david/2024/2024-06-22-lac-ouareau.jpg 4032w, /static/david/2024/2024-06-22-lac-ouareau_660x440.jpg 660w, /static/david/2024/2024-06-22-lac-ouareau_990x660.jpg 990w, /static/david/2024/2024-06-22-lac-ouareau_1320x880.jpg 1320w"
  158. sizes="min(100vw, calc(100vh * 4032 / 3024))"
  159. loading="lazy"
  160. decoding="async"
  161. alt="Vue d’un lac depuis un point de vue en hauteur.">
  162. </a>
  163. <figcaption>Lac Ouareau depuis un point de vue de la&nbsp;randonnée.</figcaption>
  164. </figure>
  165. <p>Pas mal de voitures en finissant sur le parking, j’étais la seule en arrivant la veille. Difficile d’imaginer un covoiturage de niche dans un contexte de randonnée avec des heures / contraintes assez aléatoires. L’usage du stop auquel m’a initié <a data-link-domain="thom4.net" href="https://thom4.net/">Thomas</a> pour cette activité est assez éloigné de la culture pro-voiture&nbsp;locale.</p>
  166. <a href="#hr-187" title="Lien vers cette section de la page"><hr id="hr-187" /></a>
  167. <blockquote>
  168. <p>Finalement, depuis 2003, le contrôle biologique des insectes piqueurs est réalisé sur le territoire de la Municipalité de Saint‑Donat. Le taux de performance excède 85&#8239;% chaque année. Le contrôle débute à la mi-mai pour se terminer à la fin du mois d’août. Bien entendu, les conditions météorologiques peuvent affecter le nombre d’insectes que l’on observe sur le territoire. Cela explique la variation que l’on observe d’année en année. Malgré cette variation, le traitement reste toujours efficace, réduisant la très grande majorité des insectes piqueurs nuisibles sur le&nbsp;territoire.</p>
  169. <p><mark>Le traitement est assuré par un larvicide biologique (B.t.i pour Bacillus thuringiensis isralensis) qui est parfaitement sécuritaire pour l’environnement</mark> à cause de sa nature biologique (contrairement aux pesticides chimiques) et de sa très grande sélectivité pour les larves visées (moustiques et mouches&nbsp;noires).</p>
  170. <p><cite><em><a data-link-domain="saint-donat.ca" href="https://www.saint-donat.ca/services-aux-citoyens/urbanisme-et-environnement/environnement/" hreflang="fr"
  171. title="Consultation de l’article">Environnement - Municipalité de Saint Donat</a>
  172. <a href="/david/cache/2024/2a98a563ee9940d690523ce5113b5f9b/" hreflang="fr"
  173. data-tippy data-description="Environnement Lacs et cours d’eau Eaux  Milieux humides Faune et flore Rives Forêt"
  174. data-source="https://www.saint-donat.ca/services-aux-citoyens/urbanisme-et-environnement/environnement/"
  175. data-date="2024-06-22"
  176. data-favicon="https://www.saint-donat.ca/wp-content/themes/VSD12463-saint-donat.ca/assets/img/Fav-st-donat.png"
  177. data-domain="saint-donat.ca"
  178. ><svg xmlns="http://www.w3.org/2000/svg"
  179. width="24" height="24" viewBox="0 0 24 24" fill="none"
  180. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  181. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  182. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  183. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  184. </svg>
  185. <span class="sr-only">[archive]</span></a></em></cite></p>
  186. </blockquote>
  187. <p>Le soir venu, je creuse un peu le traitement appliqué. Je ne trouve pas d’études en défaveur du <a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Bacillus_thuringiensis_israelensis">Bacillus thuringiensis israelensis</a>, «&nbsp;à part&nbsp;» une modification de l’écosystème, forcément. Le document le plus intéressant que j’ai pu trouver à ce sujet est cette méta-analyse de vulgarisation en PDF par l’université de l’Oregon&nbsp;: <a data-link-domain="npic.orst.edu" href="http://npic.orst.edu/factsheets/BTgen.pdf">Bacillus thuringiensis Fact sheet</a> [<a href="/static/david/2024/BTgen.pdf">cache</a> (PDF, 469Ko)].</p>
  188. <a href="#hr-188" title="Lien vers cette section de la page"><hr id="hr-188" /></a>
  189. <p>Mots du jour&nbsp;: <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Joual">Joual</a> et <a data-link-domain="fr.wikipedia.org" href="https://fr.wikipedia.org/wiki/Chiac">Chiac</a>.</p>
  190. <p><em>Aussi, <a data-link-domain="youtube.com" href="https://www.youtube.com/watch?v=lwYUqgZVlrs">En berne</a> a&nbsp;22&nbsp;ans…</em></p>
  191. <nav>
  192. <p>
  193. <a href="/david/2024/biologie/"
  194. title="Liste de tous les articles 2024 associés à cette étiquette"
  195. rel="tag">#biologie</a>
  196. <a href="/david/2024/foret/"
  197. title="Liste de tous les articles 2024 associés à cette étiquette"
  198. rel="tag">#forêt</a>
  199. <a href="/david/2024/laboratoire/"
  200. title="Liste de tous les articles 2024 associés à cette étiquette"
  201. rel="tag">#laboratoire</a>
  202. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  203. </p>
  204. </nav>
  205. <form action="/david/recherche/" method="get">
  206. <fieldset>
  207. <legend>Recherche</legend>
  208. <label for="input-search">Termes de votre recherche :</label>
  209. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  210. <input type="submit" value="Chercher">
  211. <p id="indexation-infos">
  212. <small>
  213. Seuls les contenus de ces 8 dernières années sont indexés.
  214. </small>
  215. </p>
  216. </fieldset>
  217. </form>
  218. <aside>
  219. <theme-toggle></theme-toggle>
  220. </aside>
  221. </article>
  222. <hr>
  223. <footer>
  224. <p>
  225. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  226. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  227. <a href="http://larlet.com"
  228. title="Go to my English profile"
  229. data-instant>Pro</a>
  230. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  231. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  232. </p>
  233. <template id="theme-selector">
  234. <form>
  235. <style type="text/css">
  236. fieldset div {
  237. text-align: center;
  238. }
  239. </style>
  240. <fieldset>
  241. <legend>Thème</legend>
  242. <div>
  243. <label>
  244. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  245. Auto
  246. </label>
  247. <label>
  248. <input type="radio" value="dark" name="chosen-color-scheme">
  249. Foncé
  250. </label>
  251. <label>
  252. <input type="radio" value="light" name="chosen-color-scheme">
  253. Clair
  254. </label>
  255. </div>
  256. </fieldset>
  257. </form>
  258. </template>
  259. </footer>
  260. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  261. <script>
  262. class ThemeToggle extends HTMLElement {
  263. constructor() {
  264. super()
  265. const themeSelectorTemplate = document.querySelector('#theme-selector')
  266. const form = themeSelectorTemplate.content.firstElementChild
  267. this.attachShadow({ mode: 'open' })
  268. this.shadowRoot.appendChild(form.cloneNode(true))
  269. }
  270. connectedCallback() {
  271. const form = this.shadowRoot.querySelector('form')
  272. form.addEventListener('change', (e) => {
  273. const chosenColorScheme = e.target.value
  274. localStorage.setItem('theme', chosenColorScheme)
  275. toggleTheme(chosenColorScheme)
  276. })
  277. const selectedTheme = localStorage.getItem('theme')
  278. if (selectedTheme && selectedTheme !== 'undefined') {
  279. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  280. }
  281. }
  282. }
  283. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  284. window.addEventListener('load', () => {
  285. let colorsLayer = undefined
  286. let hasDarkRules = false
  287. for (const styleSheet of Array.from(document.styleSheets)) {
  288. let mediaRules = []
  289. for (const layerRule of styleSheet.cssRules) {
  290. if (!(layerRule instanceof CSSLayerBlockRule)) {
  291. continue
  292. }
  293. if (layerRule.name === 'colors') {
  294. colorsLayer = layerRule
  295. }
  296. for (const cssRule of layerRule.cssRules) {
  297. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  298. continue
  299. }
  300. // WARNING: Safari does not have/supports `conditionText`.
  301. if (cssRule.conditionText) {
  302. if (cssRule.conditionText !== prefersColorSchemeDark) {
  303. continue
  304. }
  305. } else {
  306. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  307. continue
  308. }
  309. }
  310. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  311. }
  312. }
  313. // WARNING: do not try to insert a Rule to a styleSheet you are
  314. // currently iterating on, otherwise the browser will be stuck
  315. // in a infinite loop…
  316. for (const mediaRule of mediaRules) {
  317. // Safari requires the `0` second parameter (even if default).
  318. colorsLayer.insertRule(mediaRule.cssText, 0)
  319. hasDarkRules = true
  320. }
  321. }
  322. if (hasDarkRules) {
  323. if ('customElements' in window && !customElements.get('theme-toggle')) {
  324. customElements.define('theme-toggle', ThemeToggle)
  325. }
  326. }
  327. })
  328. </script>
  329. </body>
  330. </html>