Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

index.html 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
  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. <!-- To get attribution when linking on mastodon. -->
  106. <meta name="fediverse:creator" content="@david@larlet.fr">
  107. <style type="text/css">
  108. details[open] summary {
  109. display: none;
  110. }
  111. </style>
  112. <body data-instant-intensity="viewport-all">
  113. <article>
  114. <header>
  115. <hgroup>
  116. <h1>#biologie</h1>
  117. <p>Publications relatives à cette étiquette</p>
  118. </hgroup>
  119. </header>
  120. <nav>
  121. <p>
  122. <a href="/david/" title="Aller à l’accueil">
  123. Accueil</a>
  124. <a rel="tags"
  125. href="/david/2024/#tags"
  126. title="Liste de toutes les étiquettes">
  127. Étiquettes</a>
  128. <a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
  129. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  130. </p>
  131. </nav>
  132. <h2>
  133. <a href="/david/2024/06/22/" title="Lien permanent vers cet article">Jour 2</a> <time datetime="2024-06-22">22 juin 2024</time>
  134. </h2>
  135. <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>
  136. <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>
  137. <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>
  138. <figure>
  139. <a href="/static/david/2024/2024-06-22-lac-lemieux.jpg"
  140. title="Cliquer pour une version haute résolution">
  141. <img
  142. src="/static/david/2024/2024-06-22-lac-lemieux.jpg"
  143. width="3699" height="2774"
  144. 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"
  145. sizes="min(100vw, calc(100vh * 3699 / 2774))"
  146. loading="lazy"
  147. decoding="async"
  148. alt="Un lac québécois depuis la rive.">
  149. </a>
  150. <figcaption>Lac Lemieux devant le refuge&nbsp;Paul-Perreault.</figcaption>
  151. </figure>
  152. <p>Une autre en prenant de la&nbsp;hauteur&nbsp;:</p>
  153. <figure>
  154. <a href="/static/david/2024/2024-06-22-lac-ouareau.jpg"
  155. title="Cliquer pour une version haute résolution">
  156. <img
  157. src="/static/david/2024/2024-06-22-lac-ouareau.jpg"
  158. width="4032" height="3024"
  159. 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"
  160. sizes="min(100vw, calc(100vh * 4032 / 3024))"
  161. loading="lazy"
  162. decoding="async"
  163. alt="Vue d’un lac depuis un point de vue en hauteur.">
  164. </a>
  165. <figcaption>Lac Ouareau depuis un point de vue de la&nbsp;randonnée.</figcaption>
  166. </figure>
  167. <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>
  168. <a href="#hr-187" title="Lien vers cette section de la page"><hr id="hr-187" /></a>
  169. <blockquote>
  170. <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>
  171. <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>
  172. <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"
  173. title="Consultation de l’article">Environnement - Municipalité de Saint Donat</a>
  174. <a href="/david/cache/2024/2a98a563ee9940d690523ce5113b5f9b/" hreflang="fr"
  175. data-tippy data-description="Environnement Lacs et cours d’eau Eaux  Milieux humides Faune et flore Rives Forêt"
  176. data-source="https://www.saint-donat.ca/services-aux-citoyens/urbanisme-et-environnement/environnement/"
  177. data-date="2024-06-22"
  178. data-favicon="https://www.saint-donat.ca/wp-content/themes/VSD12463-saint-donat.ca/assets/img/Fav-st-donat.png"
  179. data-domain="saint-donat.ca"
  180. ><svg xmlns="http://www.w3.org/2000/svg"
  181. width="24" height="24" viewBox="0 0 24 24" fill="none"
  182. stroke="currentColor" stroke-width="2" stroke-linecap="square"
  183. stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
  184. <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
  185. <line x1="12" y1="17" x2="12.01" y2="17"></line>
  186. </svg>
  187. <span class="sr-only">[archive]</span></a></em></cite></p>
  188. </blockquote>
  189. <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>
  190. <a href="#hr-188" title="Lien vers cette section de la page"><hr id="hr-188" /></a>
  191. <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>
  192. <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>
  193. <nav>
  194. <p>
  195. <a href="/david/2024/biologie/"
  196. title="Liste de tous les articles 2024 associés à cette étiquette"
  197. rel="tag">#biologie</a>
  198. <a href="/david/2024/foret/"
  199. title="Liste de tous les articles 2024 associés à cette étiquette"
  200. rel="tag">#forêt</a>
  201. <a href="/david/2024/laboratoire/"
  202. title="Liste de tous les articles 2024 associés à cette étiquette"
  203. rel="tag">#laboratoire</a>
  204. <a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
  205. </p>
  206. </nav>
  207. <form action="/david/recherche/" method="get">
  208. <fieldset>
  209. <legend>Recherche</legend>
  210. <label for="input-search">Termes de votre recherche :</label>
  211. <input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
  212. <input type="submit" value="Chercher">
  213. <p id="indexation-infos">
  214. <small>
  215. Seuls les contenus de ces 8 dernières années sont indexés.
  216. </small>
  217. </p>
  218. </fieldset>
  219. </form>
  220. <aside>
  221. <theme-toggle></theme-toggle>
  222. </aside>
  223. </article>
  224. <hr>
  225. <footer>
  226. <p>
  227. <a href="/david/" title="Aller à l’accueil">Accueil</a>
  228. <a href="/david/log/" title="Accès au flux RSS">Suivre</a>
  229. <a href="http://larlet.com"
  230. title="Go to my English profile"
  231. data-instant>Pro</a>
  232. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
  233. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
  234. </p>
  235. <template id="theme-selector">
  236. <form>
  237. <style type="text/css">
  238. fieldset div {
  239. text-align: center;
  240. }
  241. </style>
  242. <fieldset>
  243. <legend>Thème</legend>
  244. <div>
  245. <label>
  246. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  247. Auto
  248. </label>
  249. <label>
  250. <input type="radio" value="dark" name="chosen-color-scheme">
  251. Foncé
  252. </label>
  253. <label>
  254. <input type="radio" value="light" name="chosen-color-scheme">
  255. Clair
  256. </label>
  257. </div>
  258. </fieldset>
  259. </form>
  260. </template>
  261. </footer>
  262. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  263. <script>
  264. class ThemeToggle extends HTMLElement {
  265. constructor() {
  266. super()
  267. const themeSelectorTemplate = document.querySelector('#theme-selector')
  268. const form = themeSelectorTemplate.content.firstElementChild
  269. this.attachShadow({ mode: 'open' })
  270. this.shadowRoot.appendChild(form.cloneNode(true))
  271. }
  272. connectedCallback() {
  273. const form = this.shadowRoot.querySelector('form')
  274. form.addEventListener('change', (e) => {
  275. const chosenColorScheme = e.target.value
  276. localStorage.setItem('theme', chosenColorScheme)
  277. toggleTheme(chosenColorScheme)
  278. })
  279. const selectedTheme = localStorage.getItem('theme')
  280. if (selectedTheme && selectedTheme !== 'undefined') {
  281. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  282. }
  283. }
  284. }
  285. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  286. window.addEventListener('load', () => {
  287. let colorsLayer = undefined
  288. let hasDarkRules = false
  289. for (const styleSheet of Array.from(document.styleSheets)) {
  290. let mediaRules = []
  291. for (const layerRule of styleSheet.cssRules) {
  292. if (!(layerRule instanceof CSSLayerBlockRule)) {
  293. continue
  294. }
  295. if (layerRule.name === 'colors') {
  296. colorsLayer = layerRule
  297. }
  298. for (const cssRule of layerRule.cssRules) {
  299. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  300. continue
  301. }
  302. // WARNING: Safari does not have/supports `conditionText`.
  303. if (cssRule.conditionText) {
  304. if (cssRule.conditionText !== prefersColorSchemeDark) {
  305. continue
  306. }
  307. } else {
  308. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  309. continue
  310. }
  311. }
  312. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  313. }
  314. }
  315. // WARNING: do not try to insert a Rule to a styleSheet you are
  316. // currently iterating on, otherwise the browser will be stuck
  317. // in a infinite loop…
  318. for (const mediaRule of mediaRules) {
  319. // Safari requires the `0` second parameter (even if default).
  320. colorsLayer.insertRule(mediaRule.cssText, 0)
  321. hasDarkRules = true
  322. }
  323. }
  324. if (hasDarkRules) {
  325. if ('customElements' in window && !customElements.get('theme-toggle')) {
  326. customElements.define('theme-toggle', ThemeToggle)
  327. }
  328. }
  329. })
  330. </script>
  331. </body>
  332. </html>