Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

index.html 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  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>Intentions — David Larlet</title>
  13. <meta name="description" content="Les traditionnelles résolutions (?) de début d’année.">
  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>Intentions</h1>
  55. </header>
  56. <nav>
  57. <p class="center">
  58. <a rel="prev" href="/david/2020/01/29/" title="Publication précédente : Sortie ski">←</a> •
  59. <a href="/david/" title="Aller à l’accueil">🏠</a>
  60. • <a rel="next" href="/david/2020/02/07/" title="Publication suivante : GAFAM+">→</a>
  61. </p>
  62. </nav>
  63. <hr>
  64. <main>
  65. <p><em>Les traditionnelles résolutions (?) de début d’année.</em></p>
  66. <h2 id="simplanter">S’implanter <a href="#simplanter" title="Ancre vers cette partie">#</a></h2><p>Après trois ans sur le territoire canadien, il est temps de faire des choses localement. Découvrir davantage de personnes, m’impliquer dans la vie de quartier. Peut-être même trouver de quoi <a href="/david/pro/accompagnement/">accompagner</a> professionnellement avec proximité. J’espère un jour pouvoir enseigner <a href="/david/pro/enseignement/">à nouveau</a> également, même si (car ?) je ne sais toujours pas ce que ça veut dire.</p>
  67. <p>Il y aurait potentiellement des choses à transmettre <a href="/david/bushcraft/">autour de la forêt</a> aussi, pas sûr encore de savoir sous quelle forme pour que cela reste gérable en terme de sécurité. Peut-être commencer par des balades à la journée ?</p>
  68. <p><em>N’hésitez pas à me contacter si vous avez des pistes pour chacun de ces axes.</em></p>
  69. <h2 id="american-dream">American Dream <a href="#american-dream" title="Ancre vers cette partie">#</a></h2>
  70. <blockquote>
  71. <p>Dans ce documentaire Noam Chomsky décrit les 10 principes de la concentration de la richesse et du pouvoir :</p>
  72. <ol>
  73. <li>Réduire la démocratie</li>
  74. <li>Former l’idéologie</li>
  75. <li>Redessiner l’économie</li>
  76. <li>Déplacer le fardeau</li>
  77. <li>Attaquer la solidarité</li>
  78. <li>Gérer les législateurs</li>
  79. <li>Manipuler les élections</li>
  80. <li>Maîtriser la populace</li>
  81. <li>Fabriquer le consentement</li>
  82. <li>Marginaliser la population</li>
  83. </ol>
  84. <p><cite><em><a href="https://www.youtube-nocookie.com/embed/kpTnYwv-qIE">Requiem for the American Dream</a></em>, Noam Chomsky</cite></p>
  85. </blockquote>
  86. <p>Je retiens notamment de ce documentaire — monté un peu trop lent à mon goût mais le contenu est éclairant — que l’on subit encore le retour de flamme des efforts démocratiques des années 60 qui ont été à l’origine d’une <cite>énorme offensive coordonnée du monde des affaires</cite>.</p>
  87. <p>Sous cet angle, je comprends un peu mieux les ficelles ayant pu mener à la situation actuelle. On pourrait facilement crier au complotisme et en même temps, en prenant un peu de recul, ça semble si facile à mettre en place lorsqu’on est un minimum privilégié.</p>
  88. <p>J’ai apprécié aussi le fait d’énoncer que la société actuelle ne soit pas capitaliste, auquel cas ce ne seraient pas les contribuables qui renfloueraient les banques en cas de krach boursier.</p>
  89. <h2 id="comprendre">Comprendre <a href="#comprendre" title="Ancre vers cette partie">#</a></h2><p>Un besoin de comprendre comment est-ce que l’on a pu en arriver là collectivement. Chercher les biais du système, mes propres œillères, réinterroger les croyances populaires. Trouver peut-être un sens à tout cela ou au moins me sentir moins démuni. Tenter de rationaliser mon anxiété quitte à prendre des décisions radicales. Entre marginalisation active et acceptation passive, des choix pas évidents à faire en famille.</p>
  90. <p>En 2019, j’aurais compris au moins une chose : le corps et l’esprit sont extrêmement liés. Il faut apprendre à écouter les deux ainsi que leur dialogue interne.</p>
  91. <p><em>J’ai commencé à recenser les <a href="/david/2020/12/21/">livres</a> et <a href="/david/2020/12/15/">vidéos</a> qui me permette(ro)nt de faire évoluer ma pensée en 2020.</em></p>
  92. <h2 id="ecoute">Écoute <a href="#ecoute" title="Ancre vers cette partie">#</a></h2>
  93. <blockquote>
  94. <p>Lorsque vous écoutez quelqu’un, abandonnez toute idée préconçue et toute opinion subjective ; vous devriez juste l’écouter, juste observer sa manière d’être. Nous nous occupons très peu de l’idée de bien et de mal, ou de bon et mauvais. Nous voyons seulement les choses telles qu’elles sont pour lui, et nous les acceptons. Voilà comment nous communiquons l’un avec l’autre.</p>
  95. <p>Lorsque vous écoutez quelqu’un, vous entendez souvent ses paroles un peu comme un écho de vous-même. Vous écoutez en fait votre propre opinion. Si cela correspond à votre opinion, vous l’accepterez sans doute, sinon vous le rejetterez ou même, peut-être, ne l’entendrez-vous pas vraiment. C’est un des dangers lorsqu’on écoute.</p>
  96. <p>L’autre danger est de rester accroché aux paroles exprimées. Si vous ne comprenez pas le vrai sens des paroles de votre maître, vous risquez fort de rester accroché à quelque chose qui touche votre opinion subjective, ou à la formulation particulière de ces paroles, sans comprendre l’esprit derrière la lettre. Ce danger est toujours présent.</p>
  97. <p><cite><em><a href="/david/2020/12/21/#esprit-zen-esprit-neuf">Esprit zen, esprit neuf</a></em>, Shunryu Suzuki</cite></p>
  98. </blockquote>
  99. <p>Je relis ce passage en essayant de l’appliquer à ma propre écoute. J’aimerais apprendre à mieux m’écouter, cela m’aiderait peut-être à mieux écouter les autres.</p>
  100. <h2 id="proposer">Proposer <a href="#proposer" title="Ancre vers cette partie">#</a></h2><p>Envie de proposer des outils techniques pour personnes pas forcément techniques. De petites briques simples qui facilitent la vie, en étant à l’écoute des utilisateur·ice·s. Probablement avec une touche de pérennité. Je me demande dans quelle mesure cela pourrait être et rester à coût marginal une fois le don (initial ?) de développement effectué. J’ai de plus en plus de craintes sur le fait que ce soit encore <a href="https://www.laquadrature.net/2020/01/22/coup-detat-sur-la-loi-haine/">légalement possible</a> (<a href="/david/cache/2020/31d18361d64bd5e98d4199f2f40d2a4d/">cache</a>).</p>
  101. <p>À force de raconter ma vie ici, j’ai bien envie de proposer d’aider à compiler des récits communs. J’ai commencé à le faire et je compte bien continuer. Encore une fois, rien de bien précis, j’aimerais que cela se définisse au cours des expériences.</p>
  102. <p><em>Car là réside la valeur, lorsqu’on fait des choses ensemble.</em></p>
  103. <h2 id="power-imbalance">Power imbalance <a href="#power-imbalance" title="Ancre vers cette partie">#</a></h2>
  104. <blockquote lang="en">
  105. <p>The first step to tackle this is for the person on the upward side of the power dynamic to acknowledge and admit to themselves their position. Only then can you honestly reflect on interactions you have with your pairing partner, and how power dynamics impact them. Try to think about your own positionality and situatedness. What can you actively do to neutralize power imbalance?</p>
  106. <p>Recognizing these types of differences and adapting our behaviour to improve collaboration can be hard. It requires a lot of self reflection.</p>
  107. <p><cite><em><a href="https://martinfowler.com/articles/on-pair-programming.html">On Pair Programming</a></em> (<a href="/david/cache/2020/bfce8545a2d7c8d51d3af19f61208134/">cache</a>)</cite></p>
  108. </blockquote>
  109. <p>Continuer <a href="/david/stream/2019/12/17/">à explorer</a> ce que ça veut dire d’être un privilégié et comment faire le moins de dégâts possibles dans cette position. Au quotidien, à travers mes choix d’interactions et d’attentions, mes maladresses et mes prises de conscience.</p>
  110. </main>
  111. <nav>
  112. <p class="center">
  113. <a rel="prev" href="/david/2020/01/29/" title="Publication précédente : Sortie ski">←</a> •
  114. <a href="/david/2020/" title="Liste des publications récentes">↑</a>
  115. • <a rel="next" href="/david/2020/02/07/" title="Publication suivante : GAFAM+">→</a>
  116. </p>
  117. </nav>
  118. </article>
  119. <hr>
  120. <footer>
  121. <p>
  122. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  123. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  124. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  125. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  126. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  127. </p>
  128. <template id="theme-selector">
  129. <form>
  130. <fieldset>
  131. <legend>Thème</legend>
  132. <label>
  133. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  134. </label>
  135. <label>
  136. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  137. </label>
  138. <label>
  139. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  140. </label>
  141. </fieldset>
  142. </form>
  143. </template>
  144. </footer>
  145. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module" defer></script>
  146. <script type="text/javascript">
  147. function loadThemeForm(templateName) {
  148. const themeSelectorTemplate = document.querySelector(templateName)
  149. const form = themeSelectorTemplate.content.firstElementChild
  150. themeSelectorTemplate.replaceWith(form)
  151. form.addEventListener('change', (e) => {
  152. const chosenColorScheme = e.target.value
  153. localStorage.setItem('theme', chosenColorScheme)
  154. toggleTheme(chosenColorScheme)
  155. })
  156. const selectedTheme = localStorage.getItem('theme')
  157. if (selectedTheme && selectedTheme !== 'undefined') {
  158. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  159. }
  160. }
  161. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  162. window.addEventListener('load', () => {
  163. let hasDarkRules = false
  164. for (const styleSheet of Array.from(document.styleSheets)) {
  165. let mediaRules = []
  166. for (const cssRule of styleSheet.cssRules) {
  167. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  168. continue
  169. }
  170. // WARNING: Safari does not have/supports `conditionText`.
  171. if (cssRule.conditionText) {
  172. if (cssRule.conditionText !== prefersColorSchemeDark) {
  173. continue
  174. }
  175. } else {
  176. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  177. continue
  178. }
  179. }
  180. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  181. }
  182. // WARNING: do not try to insert a Rule to a styleSheet you are
  183. // currently iterating on, otherwise the browser will be stuck
  184. // in a infinite loop…
  185. for (const mediaRule of mediaRules) {
  186. styleSheet.insertRule(mediaRule.cssText)
  187. hasDarkRules = true
  188. }
  189. }
  190. if (hasDarkRules) {
  191. loadThemeForm('#theme-selector')
  192. }
  193. })
  194. </script>
  195. </body>
  196. </html>