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 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  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>fraîchement (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. <!-- Is that even respected? Retrospectively? What a shAItshow…
  28. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  29. <meta name="robots" content="noai, noimageai">
  30. <!-- Documented, feel free to shoot an email. -->
  31. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  32. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  33. <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>
  34. <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>
  35. <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>
  36. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  37. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  38. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  39. <script>
  40. function toggleTheme(themeName) {
  41. document.documentElement.classList.toggle(
  42. 'forced-dark',
  43. themeName === 'dark'
  44. )
  45. document.documentElement.classList.toggle(
  46. 'forced-light',
  47. themeName === 'light'
  48. )
  49. }
  50. const selectedTheme = localStorage.getItem('theme')
  51. if (selectedTheme !== 'undefined') {
  52. toggleTheme(selectedTheme)
  53. }
  54. </script>
  55. <meta name="robots" content="noindex, nofollow">
  56. <meta content="origin-when-cross-origin" name="referrer">
  57. <!-- Canonical URL for SEO purposes -->
  58. <link rel="canonical" href="https://www.la-grange.net/2024/01/26/fraichement">
  59. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  60. <article>
  61. <header>
  62. <h1>fraîchement</h1>
  63. </header>
  64. <nav>
  65. <p class="center">
  66. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  68. </svg> Accueil</a> •
  69. <a href="https://www.la-grange.net/2024/01/26/fraichement" title="Lien vers le contenu original">Source originale</a>
  70. <br>
  71. Mis en cache le 2024-01-28
  72. </p>
  73. </nav>
  74. <hr>
  75. <figure>
  76. <img src="https://www.la-grange.net/2024/01/26/3159-chauffage.jpg" alt="Détail de la lampe à chauffer.">
  77. <figcaption>Komagome, Japon, 26 janvier 2024</figcaption>
  78. </figure>
  79. <blockquote>
  80. <p>Les herbes folles à la situation improbable transmettent des émotions particulières. Outre les hautes herbes poussées sur les talus, les fossés, le bas-côté des routes que nous avons évoquées, il en va ainsi de celles qui s'échappent dans les terrains vagues, entre les rails des chemins de fer ; sans oublier celles qui se dessinent au fond de l'eau.<br>
  81. — La fraîcheur de l'herbe, Alain Corbin, urn:isbn:978-2-8185-0589-2</p>
  82. </blockquote>
  83. <p>Au réveil, le bureau est à 10ºC. Enrobé de la chaleur du futon, je mets la lampe à chauffer près du bureau. C'est mon soleil électrique. Je comprends les oiseaux migrateurs. Ils n'ont pas de frontières, juste l'effort et le danger. Le long chemin pour une herbe plus tendre.</p>
  84. <hr>
  85. <p>Le 19 janvier 2024, le Japon est devenu le 5eme pays à alunir une sonde sur la surface de la Lune : <a href="https://fr.wikipedia.org/wiki/SLIM">SLIM (Smart Lander for Investigating Moon)</a>.</p>
  86. <p>L'objectif était de savoir s'il était possible qu'une sonde contrôle sa descente en mode autonome à une précision de 100m. Cette autonomie est essentielle pour pouvoir ajuster aux conditions de terrain qui sont peu documentés. Pouvoir éviter un rocher, trouver un sol plus régulier devient alors très important. L'objectif a été atteint. La sonde a pu se poser à 50 mètres de son objectif.</p>
  87. <p>Au moment de sa descente, la sonde a largué deux petits drones autonomes autour d'elle.</p>
  88. <p><img src="https://www.la-grange.net/2024/01/26/slim-modules.jpeg" alt="Illustration de la descente de SLIM libérant les deux modules."></p>
  89. <p>L'un est une antenne, l'autre, SORA-Q, est un petit module mobile sous la forme d'une sphère et qui s'ouvre afin de créer deux roues. <a href="https://takaratomymall.jp/shop/g/g4904810226338/">SORA-Q est aussi un jouet</a>. Il a été conçu par une compagnie de jouets japonaise très connue, Takara Tomy.</p>
  90. <p><img src="https://www.la-grange.net/2024/01/26/sora-q.jpeg" alt="SORA-Q entre les paumes de deux mains."></p>
  91. <p>Au centre de SORA-Q, il y a une petite caméra.</p>
  92. <p><img src="https://www.la-grange.net/2024/01/26/sora-q-ouvert.jpeg" alt="SORA-Q une fois ouvert sur la surface. On aperçoit la caméra au centre de la sphère."></p>
  93. <p>Une fois la descente terminée, SLIM devait se poser sur le côté. On peut voir les deux réacteurs sur cette image de synthèse.</p>
  94. <p><img src="https://www.la-grange.net/2024/01/26/slim-cote.jpeg" alt="Slim posé sur le côté sur la surface lunaire."></p>
  95. <p>Peu après le contact au sol, les ingénieurs de JAXA ont réalisé que les <a href="https://www.jaxa.jp/press/2024/01/20240125-4_j.html">panneaux solaires n'étaient pas correctement orientés</a> et ne pouvaient pas donc recharger les batteries.</p>
  96. <p>Mais que s'est il passé ? Et comment le savoir ? SORA-Q à la rescousse ! Ce petit robot de 8cm de diamètre a pris la photographie de la sonde plantée sur le nez !</p>
  97. <p><img src="https://www.la-grange.net/2024/01/26/20240125-4_01-slim.jpg" alt="Sonde spatiale sur la surface lunaire."></p>
  98. <p>Et l'autre petit module, une antenne, a envoyé l'image vers la Terre.</p>
  99. <p>Pendant la descente la sonde a perdu un de réacteurs, ce qui a provoqué un déséquilibre pour l'approche finale. La sonde a trébuché. Il manque un troisième petit drone pour la renverser.</p>
  100. <hr>
  101. <p>Manton Reece :</p>
  102. <blockquote>
  103. <p>There are a <a href="https://www.manton.org/2024/01/23/there-are-a.html">lot of new blogging systems popping up</a>. This is a good thing. Micro.blog will be competitive with almost anything, but also there’s the bigger picture… If the open web is getting better, we’re better too. A rising tide lifts all boats.</p>
  104. </blockquote>
  105. <hr>
  106. <p>神坂雪佳 「巴の雪」 (1909)</p>
  107. <p><img src="https://www.la-grange.net/2024/01/26/snow.jpeg" alt="Une personne dans une tempête de neige."></p>
  108. <hr>
  109. <p>Quel beau titre de livre : effilage du sac de jute. Une coopération entre René Char et Zao Wou-Ki.</p>
  110. <hr>
  111. <p>Quand les bateaux usines à tourisme sont une horreur environnementale. <a href="https://www.bloomberg.com/news/articles/2024-01-22/royal-caribbean-s-icon-of-the-seas-highlights-climate-impact-of-cruises">The World’s Largest Cruise Ship Is a Climate Liability</a></p>
  112. <blockquote>
  113. <p>When Royal Caribbean’s Icon of the Seas embarks on its first official voyage on Jan. 27, the journey is sure to make waves. The world’s largest cruise ship, the Icon is over 1,000 feet long (360 meters) and weighs in around 250,000 gross registered tons. It boasts 20 different decks; 40 restaurants, bars and lounges; seven pools; six waterslides and a 55-foot waterfall. Royal Caribbean says its boat will usher in “a new era of vacations.”</p>
  114. </blockquote>
  115. <p>Quelle ironie surtout après la crise de COVID, il y a juste 4 ans qui s'est révélée justement sur un navire de croisière. Mais ce n'est pas tout.</p>
  116. <blockquote>
  117. <p>His analysis found that a person taking a US cruise for 1,200 miles (2,000 kilometers) on the most efficient cruise line would be responsible for roughly 1,100 pounds (500 kilograms) of CO2, compared with 518 pounds (235 kilograms) for a round-trip flight and a stay in a four-star hotel. In other words: Taking a cruise <strong>generates “about double the amount of total greenhouse gas emissions” as flying</strong>, Comer says.</p>
  118. </blockquote>
  119. <hr>
  120. <p><a href="https://evhaste.com/blog/deplatforming-myself">Deplatforming Myself: A Tech Manifesto</a></p>
  121. <blockquote>
  122. <p>It’s not to provide exposure to new ideas, or spread opportunity. Opportunity on The Platform is more concentrated than it’s ever been, echo chambers abound. That’s all a con. The algorithm exists because money. It creates asymmetry of information, and shifts the balance of power to the person who owns it. It’s three card monte but you play it with a blindfold.</p>
  123. </blockquote>
  124. <p>Il est à noter que le jeu de la censure et de ce qui est permis de dire sur la plateforme n'est pas nouveau.</p>
  125. <blockquote>
  126. <p>So they’ve developed Aesopian code phrases, algospeak, to get the message across contextually, substituting “lesbian” with “le dollar bean” or “legbutt” when they mean “LGBT” in order to avoid inciting the wrath of The all-seeing Algorithm. And this works for a while, until a brand gets pissed that their ad for holy water or whatever was displayed next to a video of a gay man living his best life, god forbid. And so the censors get updated, and the community invents new euphemisms and evades bans, and this bizarre game of 1337speak whack a mole continues in perpetuity.</p>
  127. </blockquote>
  128. <p>Les poètes et écrivains évitaient tous la colère des rois et des puissants par l'utilisation de métaphores. Mais c'est justement par cette analogie que cela devient intéressant.</p>
  129. <p>Les empires informatiques d'aujourd'hui comme exemples de l'absolutisme du pouvoir des siècles précédents posent la question plus qu'intéressantes sur la liberté d'expression. Quand tout l'espace de notre expression transite par un domaine privé et commercial, nous ne sommes plus dans l'espace public de notre expression mais bien dans cet espace contrôlé. Que devient le sens de notre communication si dès que nous sommes sur ces espaces, l'expression devient plus limitée que celle que l'espace public permet.</p>
  130. <hr>
  131. <p><a href="https://www.theguardian.com/science/2024/jan/25/nasa-mars-helicopter-ingenuity-last-flight">Nasa’s Mars helicopter Ingenuity finally sputters out, ‘exceeding expectations’</a></p>
  132. <blockquote>
  133. <p>Originally intended as a short-term tech demo, Ingenuity logged 72 flights over three years on Mars. It accumulated more than two hours of flight time, traveling 11 miles (18km).</p>
  134. <p>That’s more than 14 times farther than planned, according to Nasa. It soared as high as 79ft (24 metres) and hit speeds of up to 22.4mph (36km/h).</p>
  135. </blockquote>
  136. </article>
  137. <hr>
  138. <footer>
  139. <p>
  140. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  141. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  142. </svg> Accueil</a> •
  143. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  144. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  145. </svg> Suivre</a> •
  146. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  147. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  148. </svg> Pro</a> •
  149. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  150. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  151. </svg> Email</a> •
  152. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  153. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  154. </svg> Légal</abbr>
  155. </p>
  156. <template id="theme-selector">
  157. <form>
  158. <fieldset>
  159. <legend><svg class="icon icon-brightness-contrast">
  160. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  161. </svg> Thème</legend>
  162. <label>
  163. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  164. </label>
  165. <label>
  166. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  167. </label>
  168. <label>
  169. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  170. </label>
  171. </fieldset>
  172. </form>
  173. </template>
  174. </footer>
  175. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  176. <script>
  177. function loadThemeForm(templateName) {
  178. const themeSelectorTemplate = document.querySelector(templateName)
  179. const form = themeSelectorTemplate.content.firstElementChild
  180. themeSelectorTemplate.replaceWith(form)
  181. form.addEventListener('change', (e) => {
  182. const chosenColorScheme = e.target.value
  183. localStorage.setItem('theme', chosenColorScheme)
  184. toggleTheme(chosenColorScheme)
  185. })
  186. const selectedTheme = localStorage.getItem('theme')
  187. if (selectedTheme && selectedTheme !== 'undefined') {
  188. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  189. }
  190. }
  191. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  192. window.addEventListener('load', () => {
  193. let hasDarkRules = false
  194. for (const styleSheet of Array.from(document.styleSheets)) {
  195. let mediaRules = []
  196. for (const cssRule of styleSheet.cssRules) {
  197. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  198. continue
  199. }
  200. // WARNING: Safari does not have/supports `conditionText`.
  201. if (cssRule.conditionText) {
  202. if (cssRule.conditionText !== prefersColorSchemeDark) {
  203. continue
  204. }
  205. } else {
  206. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  207. continue
  208. }
  209. }
  210. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  211. }
  212. // WARNING: do not try to insert a Rule to a styleSheet you are
  213. // currently iterating on, otherwise the browser will be stuck
  214. // in a infinite loop…
  215. for (const mediaRule of mediaRules) {
  216. styleSheet.insertRule(mediaRule.cssText)
  217. hasDarkRules = true
  218. }
  219. }
  220. if (hasDarkRules) {
  221. loadThemeForm('#theme-selector')
  222. }
  223. })
  224. </script>
  225. </body>
  226. </html>