Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  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>
  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>Bilan — David Larlet</title>
  13. <meta name="description" content="Calmement, en s’remémorant chaque instant.">
  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="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <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>
  30. <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>
  31. <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>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script type="text/javascript">
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  52. <article>
  53. <header>
  54. <h1>Bilan</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2020/07/03/" title="Publication précédente : Confetti">←</a> •
  59. <a href="/david/" title="Aller à l’accueil">🏠</a>
  60. • <a rel="next" href="/david/2020/08/24/" title="Publication suivante : Personnes">→</a>
  61. </p>
  62. </nav>
  63. <hr>
  64. <main>
  65. <p><em>Calmement, en s’remémorant chaque instant.</em></p>
  66. <h2 id="prix">Prix <a href="#prix" title="Ancre vers cette partie">#</a></h2>
  67. <blockquote>
  68. <p>Comment se forment les prix selon Aristote ? De telle sorte qu’après la vente, le statut réciproque de l’acheteur et du vendeur se retrouve identique à ce qu’il était avant qu’elle n’ait lieu. Même chose pour le statut réciproque du prêteur et de l’emprunteur dans le cas du crédit, où le taux d’intérêt joue le rôle d’un prix.</p>
  69. <p><mark>Le prix serait donc ce mécanisme miraculeux qui permet que l’ordre social se perpétue.</mark></p>
  70. <p><cite><em><a href="https://www.pauljorion.com/blog/2018/05/26/piqure-de-rappel-le-prix-preface-a-ledition-en-livre-de-poche-en-2016/">Piqûre de rappel - « Le prix » : Préface à l’édition en livre de poche en 2016</a></em> (<a href="/david/cache/2020/81691acec54ad9fb74bab16ef215e7e6/">cache</a>)</cite></p>
  71. </blockquote>
  72. <p>Merci à <a href="http://emmanuel.clement.free.fr/">Emmanuel</a> pour le lien qui change de la théorie de l’offre et de la demande. <em>Vraiment éclairant.</em> Le <a href="/david/stream/2018/02/06/">réseau</a> de <a href="/david/stream/2018/06/05/">bibliothèques</a> de Montréal dispose de plusieurs ouvrages de Paul Jorion, mais pas celui-ci. Pas grave, je vais en explorer d’autres, j’ai l’impression d’avoir eu l’essentiel dans la préface. Une remise en question par livre me suffit amplement.</p>
  73. <blockquote>
  74. <p>Ma théorie du prix – extension de celle d’Aristote – est à ce point révolutionnaire, qu’elle provoque en général la consternation plutôt que l’adhésion immédiate. Je n’en suis pas davantage surpris : dans un ensemble de domaines, je propose un changement de paradigme, une tout autre manière de voir les choses, qui demande une véritable conversion de l’esprit plutôt qu’un simple glissement dans les représentations.</p>
  75. <p><cite><em>Ibid.</em></cite></p>
  76. </blockquote>
  77. <p><q>En fait, ce Jorion, il a raison sur la plupart des choses !</q> Ce jour-là, <em>mon</em> monde a changé 😉.</p>
  78. <p><em>Note : j’ai depuis emprunté et lu « La survie de l’espèce » qui est « un essai dessiné incisif, humoristique et pas complètement désespéré » m’ayant bien déprimé… mais que je recommande toutefois.</em></p>
  79. <h2 id="implication">Implication <a href="#implication" title="Ancre vers cette partie">#</a></h2>
  80. <blockquote lang="en">
  81. <p>But I feel there is something <strong>beyond the technological</strong> that is the real trick to a site that lasts: <em>you need to have some stake in the game</em>. You don’t let your URLs die because you don’t <em>want</em> them to. <mark>They matter to you.</mark> You’ll tend to (keep?!) them if you have to. They benefit you in some way, so you’re incentivized to keep them around. That’s what makes a page last.</p>
  82. <p><cite><em><a href="https://css-tricks.com/this-page-is-designed-to-last/">This Page is Designed to Last</a></em> (<a href="/david/cache/2020/89f1e446e1597e148c32886b5400118f/">cache</a>)</cite></p>
  83. </blockquote>
  84. <p>Un bon rappel <a href="https://jeffhuang.com/designed_to_last/">au sujet de cet article</a> (<a href="/david/cache/2020/4e7f48be44adc1ef9e8d4539015fd6ee/">cache</a>) qu’une page qui tient dans la durée c’est quelqu’un qui en prend soin avant tout. La donnée peut changer de représentation assez facilement si on a conscience de son importance. Et des <a href="https://github.com/Delegation-numerique-en-sante/mesconseilscovid/pull/169">implications</a> <a href="https://github.com/Delegation-numerique-en-sante/mesconseilscovid/pull/172">relatives</a> à un changement d’URL sans redirection.</p>
  85. <h2 id="familier">Familier <a href="#familier" title="Ancre vers cette partie">#</a></h2>
  86. <blockquote>
  87. <p>Possibly, in a few months, we’ll return to some version of the old normal. But this spring won’t be forgotten. When later shocks strike global civilization, we’ll remember how we behaved this time, and how it worked. It’s not that the coronavirus is a dress rehearsal—it’s too deadly for that. But it is the first of many calamities that will likely unfold throughout this century. Now, when they come, <mark>we’ll be familiar with how they feel</mark>.</p>
  88. <p><cite><em><a href="https://www.newyorker.com/culture/annals-of-inquiry/the-coronavirus-and-our-future">The Coronavirus and Our Future</a></em> (<a href="/david/cache/2020/cf2caf575923cae85473ac40c4c7c7f3/">cache</a>)</cite></p>
  89. </blockquote>
  90. <p>J’avais envie de faire un résumé personnel de ce que ce virus m’a appris de nos sociétés occidentales :</p>
  91. <ol>
  92. <li>les frontières nationales peuvent fermer très rapidement, plus vite que je ne l’envisageais ;</li>
  93. <li>les gouvernants sont dans le même état de sidération que le <em>quidam</em>, voire pire (au passage, j’apprends les <a href="https://fr.wikipedia.org/wiki/Homme_de_la_rue#Canada">expressions locales</a>) ;</li>
  94. <li>le capitalisme est extrêmement résilient, le peuple est prêt à littéralement se sacrifier pour sauver l’économie, je suis toujours en état de sidération personnelle sur ce sujet ;</li>
  95. <li>l’économie liée à l’alimentation carnée est intouchable, même en cours de pandémie en lien direct avec de la consommation animale ;</li>
  96. <li>le niveau d’anticipation d’une population est extrêmement faible (moins de 15 jours), ce qui n’est pas compatible avec les défis qui s’en viennent.</li>
  97. </ol>
  98. <p>Aussi, le mode de vie confiné semble convenir — dans une certaine mesure — à notre famille. Cela ouvre de nouvelles perspectives.</p>
  99. <h2 id="craftman">Craftman <a href="#craftman" title="Ancre vers cette partie">#</a></h2>
  100. <blockquote lang="en">
  101. <p><mark>The craftman narrative fails to see this because it is caught up in a fetish about code.</mark> Like the code is the only thing that matters and everything else is noise and waste and irrationality. Software craftsmen are fond of saying things like “The code is the truth!”. (You have to say that in like a deep masculine voice, regardless of your gender or pitch of voice.) But there is no truth about anything interesting in the code! Apart from tautology, that is. The code can only tell “the truth” about what the code does – or will do, if you compile and run it. For instance, it can’t tell you what it should have done, how to make users happy, how to provide value to someone, how to earn money. It can’t even tell you if it’s in production!</p>
  102. <p><cite><em><a href="https://einarwh.wordpress.com/2020/04/05/death-of-a-craftsman/">Death of a Craftsman</a></em> (<a href="/david/cache/2020/a348ef62b74f25ff5e0679c67b3e6c3a/">cache</a>)</cite></p>
  103. </blockquote>
  104. <p>Beaucoup de réflexions qui me parlent dans cette transcription. Si je fais le bilan de ces 20 dernières années à produire du code (<em>sigh</em>), ça n’a jamais été la qualité du code qui a été en cause pour continuer ou tuer un produit. Une équipe dysfonctionnelle, une gouvernance toxique, une gestion insensée, une vision non partagée, une politique jupitérienne, là par contre j’ai des exemples.</p>
  105. <p><em>Qui ne se résolvent pas avec du code.</em></p>
  106. <p>Savoir anticiper sur ces situations pour les désamorcer ou les fuir est un long apprentissage qui commence par mieux se connaître, se faire confiance et s’accepter. On trouve rarement ces lignes-la sur un <abbr title="Curriculum Vitæ">CV</abbr>, c’est dommage.</p>
  107. <h2 id="reprise">Reprise <a href="#reprise" title="Ancre vers cette partie">#</a></h2>
  108. <blockquote>
  109. <p>Courez en paix ! L’homme qui est dans l’état de courir, de courir continuellement en paix, est un homme divin. Sans cesse il court, bouge et chercher la paix en courant.</p>
  110. <p><cite>Maître Eckhart</cite></p>
  111. </blockquote>
  112. <p>J’essaye de me remettre à faire du sport régulièrement après quelques mois de pratique très sporadique. C’est extrêmement difficile <em>et</em> je redécouvre aussi l’apaisement que cela peut me procurer, autant physique que psychologique.</p>
  113. <p>Il faudra que je prenne le temps de détailler les notions de « corps d’été » et « corps d’hiver », au début j’évoquais cela sur le ton de la blague mais je suis de plus en plus convaincu qu’une saisonnalité à ce niveau est saine. Le tout étant de réussir à faire la transition avec la même brutalité que le climat local !</p>
  114. <h2 id="crise-doka">Crise d’Oka <a href="#crise-doka" title="Ancre vers cette partie">#</a></h2>
  115. <blockquote>
  116. <p>Il y a trois décennies, un projet de développement immobilier et d’agrandissement de terrain de golf déclenchait un conflit d’ampleur nationale voué à transformer les relations entre les Autochtones, les gouvernements et le reste de la société. Retour en cartes, en photos et en dates sur la crise d’Oka.</p>
  117. <p><cite><em><a href="https://www.ledevoir.com/documents/special/2020-07-09-crise-oka-jour-par-jour/index.html">La crise d’Oka, jour par jour</a></em> (<a href="/david/cache/2020/17404d432deb0949212bfeabb5225107/">cache</a>)</cite></p>
  118. </blockquote>
  119. <p>Je découvre grâce à ce dossier une histoire relativement récente du Québec qui m’était jusque là complètement inconnue. Je vais <a href="/david/2020/05/20/">retourner</a> dans le coin avec une autre lecture du territoire. Je vais essayer de rattraper mes lacunes sur le sujet, je crois savoir que le Canada a une histoire assez terrible envers les premières nations.</p>
  120. <h2 id="reactions">Réactions <a href="#reactions" title="Ancre vers cette partie">#</a></h2>
  121. <blockquote lang="en">
  122. <p>This morning, I added a “Reply to Jonnie” link at the end of RSS feed posts. It’s an idea I’ve had since asking folks if I should email my posts. I included a <code>mailto</code> link at the end of that post, which made it really easy for folks to respond—and they did!</p>
  123. <p><cite><em><a href="https://destroytoday.com/blog/reply-link-in-rss-feed-posts">Reply link in RSS feed posts</a></em> (<a href="/david/cache/2020/fa88c51736ac4007ca274cd7af1f3dd0/">cache</a>)</cite></p>
  124. </blockquote>
  125. <p>Je tente cette idée, si vous suivez cet espace avec un lecteur de flux (<a href="/david/blog/2019/flux-rss/">qu’est-ce ?</a>), vous devriez avoir un lien ci-dessous. Paradoxalement, si vous n’avez pas le lien ou si vous n’arrivez pas à réagir avec… envoyez-moi un courriel.</p>
  126. <p><em>PS : je viens de me rendre compte que je n’ai pas encore répondu à deux courriels qui datent de fin 2019. Ce n’est pas pour vous décourager, j’ai l’habitude de penser que les échanges qui demandent du temps sont les meilleurs :-).</em></p>
  127. </main>
  128. <nav>
  129. <p class="center">
  130. <a rel="prev" href="/david/2020/07/03/" title="Publication précédente : Confetti">←</a> •
  131. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  132. • <a rel="next" href="/david/2020/08/24/" title="Publication suivante : Personnes">→</a>
  133. </p>
  134. </nav>
  135. </article>
  136. <hr>
  137. <footer>
  138. <p>
  139. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  140. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  141. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  142. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  143. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  144. </p>
  145. <template id="theme-selector">
  146. <form>
  147. <fieldset>
  148. <legend>Thème</legend>
  149. <label>
  150. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  151. </label>
  152. <label>
  153. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  154. </label>
  155. <label>
  156. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  157. </label>
  158. </fieldset>
  159. </form>
  160. </template>
  161. </footer>
  162. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module" defer></script>
  163. <script type="text/javascript">
  164. function loadThemeForm(templateName) {
  165. const themeSelectorTemplate = document.querySelector(templateName)
  166. const form = themeSelectorTemplate.content.firstElementChild
  167. themeSelectorTemplate.replaceWith(form)
  168. form.addEventListener('change', (e) => {
  169. const chosenColorScheme = e.target.value
  170. localStorage.setItem('theme', chosenColorScheme)
  171. toggleTheme(chosenColorScheme)
  172. })
  173. const selectedTheme = localStorage.getItem('theme')
  174. if (selectedTheme && selectedTheme !== 'undefined') {
  175. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  176. }
  177. }
  178. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  179. window.addEventListener('load', () => {
  180. let hasDarkRules = false
  181. for (const styleSheet of Array.from(document.styleSheets)) {
  182. let mediaRules = []
  183. for (const cssRule of styleSheet.cssRules) {
  184. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  185. continue
  186. }
  187. // WARNING: Safari does not have/supports `conditionText`.
  188. if (cssRule.conditionText) {
  189. if (cssRule.conditionText !== prefersColorSchemeDark) {
  190. continue
  191. }
  192. } else {
  193. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  194. continue
  195. }
  196. }
  197. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  198. }
  199. // WARNING: do not try to insert a Rule to a styleSheet you are
  200. // currently iterating on, otherwise the browser will be stuck
  201. // in a infinite loop…
  202. for (const mediaRule of mediaRules) {
  203. styleSheet.insertRule(mediaRule.cssText)
  204. hasDarkRules = true
  205. }
  206. }
  207. if (hasDarkRules) {
  208. loadThemeForm('#theme-selector')
  209. }
  210. })
  211. </script>
  212. </body>
  213. </html>