Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  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>Bouddhisme — David Larlet</title>
  13. <meta name="description" content="Beaucoup d’entre nous pensent qu’il n’y a pas de place dans leur vie pour cultiver la pleine conscience. En vérité, vivre en plein conscience consiste plus à changer de direction, à se souvenir de son intention véritable, qu’à caser une activité supplémentaire appelée « méditation » dans votre emploi du temps quotidien. Vous n’avez pas besoin d’être dans votre salle de méditation ou d’attendre d’avoir du temps libre dans votre emploi du temps pour pratiquer la pleine conscience, même s’il s’agit bien sûr de moments merveilleux dont je vous encourage à profiter chaque fois que c’est possible. N’importe quel moment peut être consacré à la respiration paisible et en pleine conscience. N’importe quel lieu peut être un lieu sacré, si vous êtes dans la détente et la sérénité, si vous suivez votre respiration et maintenez votre concentration sur ce que vous êtes en train de faire.">
  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. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  53. <article>
  54. <header>
  55. <h1>Bouddhisme</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2022/06/06/" title="Publication précédente : Hommes">← Précédent</a> •
  60. <nobr>
  61. <a href="/david/" title="Aller à l’accueil"
  62. ><svg class="icon icon-home">
  63. <use
  64. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  65. ></use>
  66. </svg>
  67. Accueil</a
  68. >
  69. </nobr>
  70. <nobr>
  71. <a href="/david/recherche/" title="Aller à la page de recherche"
  72. ><svg class="icon icon-search">
  73. <use
  74. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-search"
  75. ></use>
  76. </svg>
  77. Recherche</a
  78. >
  79. </nobr>
  80. </p>
  81. </nav>
  82. <hr>
  83. <blockquote>
  84. <p>Beaucoup d’entre nous pensent qu’il n’y a pas de place dans leur vie pour cultiver la pleine conscience. En vérité, <mark>vivre en plein conscience consiste plus à changer de direction</mark>, à se souvenir de son intention véritable, qu’à caser une activité supplémentaire appelée «&nbsp;méditation&nbsp;» dans votre emploi du temps quotidien. Vous n’avez pas besoin d’être dans votre salle de méditation ou d’attendre d’avoir du temps libre dans votre emploi du temps pour pratiquer la pleine conscience, même s’il s’agit bien sûr de moments merveilleux dont je vous encourage à profiter chaque fois que c’est possible. N’importe quel moment peut être consacré à la respiration paisible et en pleine conscience. N’importe quel lieu peut être un lieu sacré, si vous êtes dans la détente et la sérénité, si vous suivez votre respiration et maintenez votre concentration sur ce que vous êtes en train de&nbsp;faire.</p>
  85. <p><cite><em>Les bienfaits du silence</em>, Thich Nhat&nbsp;Hanh</cite></p>
  86. </blockquote>
  87. <p>J’ai essayé <a href="/david/2020/01/06/#meditation">plusieurs fois</a> le bouddhisme, j’étais toujours circonspect quant à la relation à la souffrance et à la mort. J’étais plein d’<em>a priori</em> sur la pleine conscience que je trouvais être une pratique assez perchée. Et puis, c’est le <a href="/david/2022/05/30/" title="Méditation">second</a> livre que j’explore récemment sur le sujet et peut-être que c’est le bon moment personnel aussi. J’ai plusieurs choses qui font écho à des pratiques que j’ai adoptées ces dernières années autour de la respiration et de la marche, du <a href="/david/stream/2015/09/25/">mouvement</a> à l’écoute, du&nbsp;ralentissement.</p>
  88. <p>Mes balades thérapeutiques en forêt ressemblent de plus en plus à ça&nbsp;: se rendre à un endroit, essayer de réduire les besoins au maximum, se concentrer à ce moment précis sur ce que je&nbsp;suis.</p>
  89. <blockquote>
  90. <p>Quand vous pratiquez la méditation marchée, soyez pleinement conscient de vos pieds, du sol, et du contact entre eux. Laissez votre respiration se dérouler naturellement&#8239;; accordez vos pas à votre souffle et non l’inverse. Faites quelques pas à chaque inspiration et quelques pas à chaque expiration. L’expiration a tendance à être plus longue, donc vous ferez avec elle plus de pas qu’au cours de l’inspiration. De temps en temps, en des endroits qui s’y prêtent, là où il n’y a pas trop de monde par exemple, <mark>vous pouvez marcher très lentement</mark>, faisant un pas sur l’inspiration et un pas sur l’expiration. À chaque inspiration ou expiration, dites en vous-même&nbsp;: «&nbsp;J’inspire&nbsp;», puis&nbsp;: «&nbsp;J’expire&nbsp;», ou «&nbsp;Je suis chez moi&nbsp;», puis «&nbsp;Je suis arrivé&nbsp;». À chaque pas, vous arriverez alors à votre vraie demeure, dans l’instant&nbsp;présent.</p>
  91. <p><cite><em>Ibid.</em></cite></p>
  92. </blockquote>
  93. <h2 id="ailleurs">Ailleurs <a href="#ailleurs" title="Ancre vers cette partie">#</a></h2>
  94. <blockquote lang="en">
  95. <p>💯 No app I make or work on should prioritise collaboration and work over the well-being of others. The obscurity or lack of popularity of my software or yours should not be the only thing that prevents it from being used for&nbsp;abuse.</p>
  96. <p><cite><em><a href="https://www.baldurbjarnason.com/2022/on-online-collaboration/">On online collaboration and our obligations as makers of software</a></em>&nbsp;(<a href="/david/cache/2022/69a1e92ad3eeec1bf528c2a906ccee13/">cache</a>)</cite></p>
  97. </blockquote>
  98. <blockquote lang="en">
  99. <p>🎯 Entrepreneurship is like one of those carnival games where you throw darts or&nbsp;something.</p>
  100. <p>Middle class kids can afford one throw. Most miss. A few hit the target and get a small prize. A very few hit the center bullseye and get a bigger prize. Rags to riches! The American Dream lives&nbsp;on.</p>
  101. <p><mark>Rich kids can afford many throws.</mark> If they want to, they can try over and over and over again until they hit something and feel good about themselves. Some keep going until they hit the center bullseye, then they give speeches or write blog posts about “meritocracy” and the salutary effects of hard&nbsp;work.</p>
  102. <p>Poor kids aren’t visiting the carnival. They’re the ones working&nbsp;it.</p>
  103. <p><cite><a href="https://news.ycombinator.com/item?id=15659076">notacoward</a> au sujet de «&nbsp;Entrepreneurs Aren’t a Special Breed – They’re Mostly Rich Kids&nbsp;», 2017</cite></p>
  104. </blockquote>
  105. <blockquote lang="en">
  106. <p>🗺 So here’s another fun problem: how do you do a “fourth dimensional” geo-tag (that is, adding a time system) without revealing all of the places a person’s been and when they were there? In other words, how do you do that without compromising&nbsp;privacy?</p>
  107. <p><cite><em><a href="https://rachelbythebay.com/w/2022/06/20/exif/">More on geo-tagging photos with a time element</a></em>&nbsp;(<a href="/david/cache/2022/0ccfb99277e4fb33d213df05598df960/">cache</a>)</cite></p>
  108. </blockquote>
  109. <blockquote>
  110. <p>⏳ Markwhen is a text-to-timeline tool. You write markdown-ish text and it gets converted into a nice looking cascading&nbsp;timeline.</p>
  111. <p><cite><em><a href="https://github.com/kochrt/markwhen">Markwhen</a></em>, <a href="https://markwhen.com/">live&nbsp;demo</a></cite></p>
  112. </blockquote>
  113. <blockquote>
  114. <p>💚 De toutes les couleurs, de toutes les formes, l’humanité de tous ces gens me frappe à chaque fois et me ravit&nbsp;indéfiniment.</p>
  115. <p><cite><em><a href="https://nota-bene.org/Les-pas-perdus">Les pas perdus | nota-bene.org</a></em>&nbsp;(<a href="/david/cache/2022/c321f4f9abbd8866e82cf77912972431/">cache</a>)</cite></p>
  116. </blockquote>
  117. <blockquote>
  118. <p>🌱 Je suis distrait. Je suis tout à ma tâche de ne rien faire. Je suis un vagabon sur le rocher. Je regarde l’ombre des plantes. J’admire la délicatesse des tiges. Je ne fais rien. Tout est&nbsp;là.</p>
  119. <p><cite><em><a href="https://www.la-grange.net/2022/05/29/ombre-tige">entre l’ombre et la tige</a></em>&nbsp;(<a href="/david/cache/2022/4803414174643ce6cb23128f1194c125/">cache</a>)</cite></p>
  120. </blockquote>
  121. <p>Mots du&nbsp;moment&nbsp;:</p>
  122. <ul>
  123. <li><a href="https://fr.wiktionary.org/wiki/auto-pelure-de-bananisations#fr">auto-pelure-de-bananisations</a>&nbsp;: vient du Québec et désigne le fait de se mettre soi-même la peau de banane sur laquelle on va&nbsp;glisser&#8239;;</li>
  124. <li><a href="https://fr.wikipedia.org/wiki/Mamihlapinatapai">Mamihlapinatapai</a>&nbsp;: décrit «&nbsp;un regard partagé entre deux personnes dont chacune espère que l’autre va prendre l’initiative de quelque chose que les deux désirent mais qu’aucun ne veut&nbsp;commencer&nbsp;».</li>
  125. </ul>
  126. <nav>
  127. <p class="center">
  128. <a rel="prev" href="/david/2022/06/06/" title="Publication précédente : Hommes">← Précédent</a> •
  129. <a href="/david/2022/" title="Liste des publications récentes">↑ En 2022</a>
  130. </p>
  131. </nav>
  132. </article>
  133. <hr>
  134. <footer>
  135. <p>
  136. <nobr>
  137. <a href="/david/" title="Aller à l’accueil"
  138. ><svg class="icon icon-home">
  139. <use
  140. xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"
  141. ></use>
  142. </svg>
  143. Accueil</a
  144. >
  145. </nobr>
  146. <nobr>
  147. <a href="/david/log/" title="Accès au flux RSS"
  148. ><svg class="icon icon-rss2">
  149. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  150. </svg>
  151. Suivre</a
  152. >
  153. </nobr>
  154. <nobr>
  155. <a href="http://larlet.com" title="Go to my English profile" data-instant
  156. ><svg class="icon icon-user-tie">
  157. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  158. </svg>
  159. Pro</a
  160. >
  161. </nobr>
  162. <nobr>
  163. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"
  164. ><svg class="icon icon-mail">
  165. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  166. </svg>
  167. Email</a
  168. >
  169. </nobr>
  170. <nobr>
  171. <abbr
  172. class="nowrap"
  173. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"
  174. ><svg class="icon icon-hammer2">
  175. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  176. </svg>
  177. Légal</abbr
  178. >
  179. </nobr>
  180. </p>
  181. <template id="theme-selector">
  182. <form>
  183. <fieldset>
  184. <legend><svg class="icon icon-brightness-contrast">
  185. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  186. </svg> Thème</legend>
  187. <label>
  188. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  189. </label>
  190. <label>
  191. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  192. </label>
  193. <label>
  194. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  195. </label>
  196. </fieldset>
  197. </form>
  198. </template>
  199. </footer>
  200. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  201. <script>
  202. function loadThemeForm(templateName) {
  203. const themeSelectorTemplate = document.querySelector(templateName)
  204. const form = themeSelectorTemplate.content.firstElementChild
  205. themeSelectorTemplate.replaceWith(form)
  206. form.addEventListener('change', (e) => {
  207. const chosenColorScheme = e.target.value
  208. localStorage.setItem('theme', chosenColorScheme)
  209. toggleTheme(chosenColorScheme)
  210. })
  211. const selectedTheme = localStorage.getItem('theme')
  212. if (selectedTheme && selectedTheme !== 'undefined') {
  213. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  214. }
  215. }
  216. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  217. window.addEventListener('load', () => {
  218. let hasDarkRules = false
  219. for (const styleSheet of Array.from(document.styleSheets)) {
  220. let mediaRules = []
  221. for (const cssRule of styleSheet.cssRules) {
  222. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  223. continue
  224. }
  225. // WARNING: Safari does not have/supports `conditionText`.
  226. if (cssRule.conditionText) {
  227. if (cssRule.conditionText !== prefersColorSchemeDark) {
  228. continue
  229. }
  230. } else {
  231. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  232. continue
  233. }
  234. }
  235. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  236. }
  237. // WARNING: do not try to insert a Rule to a styleSheet you are
  238. // currently iterating on, otherwise the browser will be stuck
  239. // in a infinite loop…
  240. for (const mediaRule of mediaRules) {
  241. styleSheet.insertRule(mediaRule.cssText)
  242. hasDarkRules = true
  243. }
  244. }
  245. if (hasDarkRules) {
  246. loadThemeForm('#theme-selector')
  247. }
  248. })
  249. </script>
  250. </body>
  251. </html>