A place to cache linked articles (think custom and personal wayback machine)
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  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>carnet d'archéologue (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/22/carnet">
  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>carnet d'archéologue</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/22/carnet" 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/20/3134-carnets.jpg" alt="Carnets de notes en archéologie écrit en japonais avec des dessins.">
  77. <figcaption>Shibuya, Japon, 22 janvier 2024</figcaption>
  78. </figure>
  79. <blockquote>
  80. <p>Je ne vais plus à la pêche, à la place j'écris un livre.<br>
  81. — La somme de nos folies, Shih-Li Kow, urn:isbn:9-791038-702059</p>
  82. </blockquote>
  83. <p>Une de mes fétichisations romantiques est le métier d'archéologue. Elle tient profondément aux carnets de notes de terrain, de la pratique du métier.</p>
  84. <p>Je crois que nombre d'enseignements dans les écoles dès la plus jeune enfance jusqu'à la fin du lycée ratent le coche de la pratique du métier, non pas le sujet mais comment est fabriqué le sujet, dans quels environnements, par quelles pratiques, outils, etc.</p>
  85. <p>Que ce soit de l'histoire, de la littérature, des mathématiques et même des sciences qui sont pourtant plus appliquées. Un de mes plaisirs quand j'étudiais l'astrophysique à l'université de Montréal était de tenir des carnets de notes de mes observations, réflexions, cours qui ressemblaient à un carnet de scientifiques du siècle passé, un carnet d'archéologue.</p>
  86. <hr>
  87. <p><a href="https://annesavelli.fr/semainier/article/en-tete">En tête</a> par Anne Savelli.</p>
  88. <blockquote>
  89. <p>Est-ce que je m’éparpille ? Je travaille des heures pour rien (rien qui ne possède, sur l’instant, une action concrète, que je puisse mesurer) puis je sors faire une course. Dans la rue, je jette un oeil, méthodiquement, à chaque boutique que je croise. Ce qui m’intéresse, ce ne sont pas les vitrines, mais ce qui se passe à l’intérieur de ces lieux étroits (optique, pressing, retouches, immobilier, vêtements "de marques", cigarettes électroniques). Qu’y voit-on ? Toujours la même chose : au fond de la pièce, assise, debout, une personne est penchée sur son téléphone.</p>
  90. </blockquote>
  91. <p>De la normalisation de nos postures. Enfants nous regardions le ciel puisqu'en haut, il y a les adultes. Et dans le même geste, nous apercevions les plafonds, l'architecture haute des bâtiments. Adultes, nous regardions loin devant nous pour interroger nos horizons, mais depuis quelques années, nous avons baisser nos têtes. Nos cous ne sont plus droits, inclinés à 30 degrées tendus vers le bas dans la direction de l'objet tenu dans la paume de nos mains. Nous ne relevons la tête que pour prendre un autoportrait ou se recoiffer dans ce miroir numérique. Nous partageons tous nos cous intensément tendus. Nous oublions même de regarder le sol, encore moins l'humanité qui nous entoure.</p>
  92. <hr>
  93. <p><a href="https://blog.webpagetest.org/posts/will-html-content-make-site-faster/">Will Serving Real HTML Content Make A Website Faster? Let's Experiment!</a> (<a href="https://www.standblog.org/blog/post/2024/01/21/En-vrac-de-janvier-2024">via Tristan</a>)</p>
  94. <blockquote>
  95. <p>And that situation tends to put us in a bind: it's one thing to suspect that a change will improve performance, and another thing to be able to see the impact for yourself. For many sites, the changes involved in generating HTML on the server instead of the client can be quite complicated, making them difficult to prototype, let alone change in production.</p>
  96. </blockquote>
  97. <p>Je veux croire à ce billet, mais il y a également une différence à prendre en compte, la plupart de ces tests de première navigation sur des sites conçus pour des visites récurrentes et fréquentes. J'aurais aimé une seconde batterie de tests une fois que les ressources sont mises en cache. Ceci il y a de nombreuses raisons de ne pas ajouter trop de dépendances à JS.</p>
  98. <hr>
  99. <p><a href="https://rhodesmill.org/skyfield/">skyfield</a> (python)</p>
  100. <blockquote>
  101. <p>Skyfield computes positions for the stars, planets, and satellites in orbit around the Earth. Its results should agree with the positions generated by the United States Naval Observatory and their Astronomical Almanac to within 0.0005 arcseconds (half a “mas” or milliarcsecond).</p>
  102. </blockquote>
  103. <hr>
  104. <p>Un de mes films préférés de l'année 2023 fût <a href="https://www.theguardian.com/film/2023/dec/22/greta-lee-on-past-lives-seeing-an-asian-woman-15ft-high-felt-so-radical-and-really-dangerous">Past Lives</a> avec l'actrice Greta Lee.</p>
  105. <hr>
  106. <p><a href="https://archive.is/OsFWx#selection-4377.0-4425.161">I Am Going to Miss Pitchfork, but That’s Only Half the Problem</a> (<a href="https://www.nytimes.com/2024/01/21/opinion/pitchfork-gq-internet-media.html">source originale</a>)</p>
  107. <blockquote>
  108. <p>Sports Illustrated just laid off most of its staff. BuzzFeed News is gone. HuffPost has shrunk. Jezebel was shut down (then partly resurrected). Vice is on life support. Popular Science is done. U.S. News &amp; World Report shuttered its magazine and is basically a college ranking service now. Old Gawker is gone and so too is New Gawker. FiveThirtyEight sold to ABC News and then had its staff and ambitions slashed. Grid News was bought out by The Messenger, which is now reportedly “out of money.” Fusion failed. Vox Media — my former home, where I co-founded Vox.com, and a place I love — is doing much better than most, but has seen huge layoffs over the past few years.</p>
  109. </blockquote>
  110. <p>Ceci dit tous ces titres ne sont pas forcément une perte.</p>
  111. <blockquote>
  112. <p>But a global market creates a Winner-Takes-More dynamic. Most people will subscribe to only one news outlet, if that. And they will pick the subscription that delivers the most value. The more subscribers that market leader gets, the more money and reach it has to attract the best staff and expand its offerings.</p>
  113. </blockquote>
  114. <p>C'est une question que je me pose souvent. Je n'ai pas de problèmes à aller dans un kiosque à journaux et acheter un journal papier. Mais payer un abonnement hebdomadaire ou mensuel est toujours bien trop compliqué et trop engageant. Quand on achète dans une pièce unique, la transaction commence et finit dans l'instant de l'achat. Il n'y a pas de traces. Il n'y a pas de traques. Il n'y a pas d'obligations. Cet acte là sur internet est toujours difficile.</p>
  115. <p><img src="https://www.la-grange.net/2024/01/22/nytimes.png" alt="Page des abonnements du site Web du NY Times."></p>
  116. <p>On ne me propose pas un micro-achat pour cette édition du jour ou pour cet article. Il est proposé un abonnement récurrent au coût de $0.50/semaine en fait $2 toutes les 4 semaines pour les 6 premiers mois. Et surtout bien lire les termes…</p>
  117. <blockquote>
  118. <p>Offer for a New York Times All Access subscription; current subscribers not eligible. Subscription excludes print edition. Some games may be available without a subscription. For a monthly subscription, your payment method will automatically be charged in advance the introductory rate every 4 weeks for 6 months, and after 6 months the standard rate every 4 weeks. For annual subscriptions, your payment method will automatically be charged in advance the introductory rate once for the first year, and the standard rate once yearly thereafter. Your subscription will continue until you cancel. Cancellation takes effect at the end of your current billing period. Taxes may apply. Offer terms are subject to change.</p>
  119. </blockquote>
  120. <p>Et <a href="https://help.nytimes.com/hc/en-us/articles/115014893968-Terms-of-sale#cancellation">toutes les conditions pour annuler</a>. Cela ne fonctionne pas.</p>
  121. <p>Aucun ne propose la possibilité d'un achat sans traques. Le monde physique de la transaction commerciale a encore des propriétés intéressantes que le monde numérique n'a pas encore su complètement saisir.</p>
  122. <hr>
  123. <p>En passant en parlant du Devoir, <a href="https://www.ledevoir.com/societe/805733/services-publics-faut-il-deneiger-moins-montreal?"> Faut-il déneiger moins à Montréal ? </a></p>
  124. <blockquote>
  125. <p>En 2023, la facture du déneigement s’est élevée à quelque 245 millions de dollars, indique la Ville. Mais cette somme n’inclut pas les frais indirects tels que les dommages causés au mobilier urbain, l’usure des infrastructures souterraines attribuable au sel de voirie et le traitement des eaux usées en lien avec la neige ramassée.</p>
  126. </blockquote>
  127. <p>[…]</p>
  128. <blockquote>
  129. <p>D’autres villes dans le monde reçoivent beaucoup de neige, mais bien peu en font autant que Montréal, note Olivier Legault, cofondateur du Laboratoire de l’hiver, à Montréal. Selon lui, la Ville pourrait envisager de charger des quantités moins importantes de neige dans certaines rues. Et elle pourrait demander davantage d’implication de la part des citoyens.</p>
  130. <p>Il cite le cas de la ville de Sapporo au Japon, qui compte 1,9 million d’habitants et qui reçoit plus de 400 cm de neige, mais également beaucoup de pluie. « <strong>Ils ont un système de déneigement qui mise beaucoup sur l’implication citoyenne</strong>. Les citoyens doivent dégager le trottoir devant leur résidence, comme c’est le cas à Calgary et à Boston. Ici, à Montréal, on est gâtés pourris. On va se le dire. »</p>
  131. </blockquote>
  132. <hr>
  133. <p>Mot d'enfant : Je lui dis si tu devais te définir en dehors de ton prénom et nom, que dirais-tu ? Qu'est-ce qui est toi ? Et comme d'habitude avec les enfants, la réponse m'a pris totalement à contrepied…</p>
  134. <p>« C'est difficile parce que je n'ai pas encore de travail. »</p>
  135. <p>Je ne sais pas encore très bien comment absorber cela. :) Je me pose de sérieuses questions sur l'image que nous renvoyons à notre enfant.</p>
  136. <hr>
  137. <p>Question du soir entre nous : <strong>Pourquoi dit-on un « trailer » en anglais pour les bandes-annonces de cinéma ?</strong> Un trailer c'est ce que l'on met à l'arrière d'une voiture (comme une remorque). Or les bandes annonces sont avant la diffusion du film temporellement et également physiquement au cinéma. La <a href="https://en.wikipedia.org/wiki/Trailer_(promotion">réponse</a>) est parce que cela n'a pas toujours été le cas justement au cinéma. Les trailers étaient diffusés après le film comme une invitation à aller voir autre chose maintenant que vous avez vu cela. L'habitude culturelle du film n'existait pas encore vraiment. D'ailleurs le premier trailer était une annonce pour un spectacle de Broadway.</p>
  138. <p>Du coup, je me demande la variété lexicale et sémantique des bande-annonces à travers les pays.</p>
  139. </article>
  140. <hr>
  141. <footer>
  142. <p>
  143. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  144. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  145. </svg> Accueil</a> •
  146. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  147. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  148. </svg> Suivre</a> •
  149. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  150. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  151. </svg> Pro</a> •
  152. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  153. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  154. </svg> Email</a> •
  155. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  156. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  157. </svg> Légal</abbr>
  158. </p>
  159. <template id="theme-selector">
  160. <form>
  161. <fieldset>
  162. <legend><svg class="icon icon-brightness-contrast">
  163. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  164. </svg> Thème</legend>
  165. <label>
  166. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  167. </label>
  168. <label>
  169. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  170. </label>
  171. <label>
  172. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  173. </label>
  174. </fieldset>
  175. </form>
  176. </template>
  177. </footer>
  178. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  179. <script>
  180. function loadThemeForm(templateName) {
  181. const themeSelectorTemplate = document.querySelector(templateName)
  182. const form = themeSelectorTemplate.content.firstElementChild
  183. themeSelectorTemplate.replaceWith(form)
  184. form.addEventListener('change', (e) => {
  185. const chosenColorScheme = e.target.value
  186. localStorage.setItem('theme', chosenColorScheme)
  187. toggleTheme(chosenColorScheme)
  188. })
  189. const selectedTheme = localStorage.getItem('theme')
  190. if (selectedTheme && selectedTheme !== 'undefined') {
  191. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  192. }
  193. }
  194. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  195. window.addEventListener('load', () => {
  196. let hasDarkRules = false
  197. for (const styleSheet of Array.from(document.styleSheets)) {
  198. let mediaRules = []
  199. for (const cssRule of styleSheet.cssRules) {
  200. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  201. continue
  202. }
  203. // WARNING: Safari does not have/supports `conditionText`.
  204. if (cssRule.conditionText) {
  205. if (cssRule.conditionText !== prefersColorSchemeDark) {
  206. continue
  207. }
  208. } else {
  209. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  210. continue
  211. }
  212. }
  213. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  214. }
  215. // WARNING: do not try to insert a Rule to a styleSheet you are
  216. // currently iterating on, otherwise the browser will be stuck
  217. // in a infinite loop…
  218. for (const mediaRule of mediaRules) {
  219. styleSheet.insertRule(mediaRule.cssText)
  220. hasDarkRules = true
  221. }
  222. }
  223. if (hasDarkRules) {
  224. loadThemeForm('#theme-selector')
  225. }
  226. })
  227. </script>
  228. </body>
  229. </html>