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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  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>Les Jazzettes #20 (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. <!-- 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. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://jazzettes.substack.com/p/les-jazzettes-20">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Les Jazzettes #20</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://jazzettes.substack.com/p/les-jazzettes-20" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Aujourd’hui, cela fait 1 an depuis la publication de la <a href="https://jazzettes.substack.com/p/les-jazzettes-1" rel="nofollow ugc noopener">première Jazzette</a>, le 1er février 2021. Au tout début, je prévoyais d’écrire un article par semaine. C’est une pratique assez courante, je crois, de se donner des objectifs en terme de rythme. Un article par semaine, cela aurait fait 52 articles. J’ai tenu ce rythme cinq semaines, puis j’ai espacé à deux semaines, et puis finalement j’écris quand c’est le bon moment pour moi, quand je suis prête. 20 articles par rapport à 52, on pourrait dire que je suis loin de mon objectif initial. Je pourrais me justifier en disant que je manquais de temps, que si j’avais plus de temps, j’aurais écrit plus d’articles.</p>
  71. <p>Aujourd’hui, j’ai envie d’écrire sur cette idée de manque de temps. À la base de cette idée, il y a la mesure du temps. Grâce à nos horloges, nous pouvons mesurer précisément le temps qui passe. Notre temps est mesuré, divisé en tranches, années, mois, semaines, jours, heures, minutes, secondes. Nous avons tous les outils pour gérer ce temps, des calendriers pour planifier des tâches et des rendez-vous, des techniques de productivité pour nous aider à optimiser notre emploi du temps, et ainsi ne pas “perdre” une seconde.</p>
  72. <p>Pour arriver à nous dire que nous manquons de temps, il nous faut pouvoir mesurer ce temps et le comparer à un idéal. Mais comment est-ce possible ? Quand on y pense, le temps est là, depuis le début. J’ai un temps illimité à vivre. Illimité, car je n’en vois pas la fin. Le temps s’écoule sans fin. Mais avec les horloges et les calendriers, il est possible d’apercevoir une fin. Une journée se termine au bout de 24h, une semaine au bout de sept jours, une année au bout de douze mois, et avec l’estimation de notre espérance de vie, je peux même imaginer le temps qu’il me reste à vivre. Ce qui en y pensant, n’a pas vraiment d’intérêt, à part nous déconnecter de notre réalité. </p>
  73. <p>Et donc, en regardant nos montres, chaque jour on voit le temps se terminer. Au lieu de le voir en abondance, on ne fait qu’y mettre fin. On met fin à nos journées, on met fin à nos mois et à nos années. Et avec cette perspective, il est difficile de réellement faire l’expérience du temps. </p>
  74. <p>J’ai lu un livre trouvé par hasard dans une petite librairie en occasion, “Le Papalagui”, rapportant des propos d’un chef de tribu samoan sur la culture européenne au début du 20e siècle (le mot Papalagui désignant l’homme blanc). C’est assez surprenant comme lecture, avec un regard aussi extérieur, et il y a un chapitre sur le temps intitulé “Le Papalagui n’a pas le temps” dont voici un petit extrait :</p>
  75. <blockquote><p>« Supposons que le Blanc ait envie de faire quelque chose que son coeur désire ; Il voudrait peut-être aller au soleil ou faire de la pirogue sur le fleuve ou aimer sa femme, eh bien, presque toujours il laisse son envie se gâter en s’arrêtant à cette pensée : je n’ai pas le temps d’être heureux. Le temps voulu a beau être là, il ne le voit même pas avec la meilleure volonté du monde, et il invoque mille choses qui lui prennent son temps. »</p></blockquote>
  76. <p>Lorsque le temps est considéré comme une ressource, il devient difficile de prendre le temps de faire ce que l’on aime. Car toute activité peut être mesurée et jugée en fonction de son utilité et de son efficacité. Il en résulte par moments une grande flemme à l’idée de faire quoi que ce soit. Flemme de travailler, flemme de sortir, flemme de lire un livre, alors on allume son écran et on regarde une série. Ouf, je peux enfin oublier cette tyrannie de l’efficacité, et passer le temps sans réfléchir.</p>
  77. <p>L’efficacité peut pourtant sembler une bonne chose. Après tout, si je peux faire quelque chose plus rapidement, pourquoi m’en priver ? Cela me laissera du temps libre. Et c’est peut-être là que réside un piège. Qu’est-ce que je fais avec ce temps libre ? Il me semble que les technologies existantes nous permettent déjà de faire des choses plus vite, que ce soit au travail ou à la maison, et dans nos transports. Ce qui arrive, c’est que ce temps libre, bien souvent, est utilisé pour faire plus de choses. Après tout, pourquoi s’en priver ? La logique de productivité veut que mon temps soit toujours bien utilisé, il n’y a pas de limite. </p>
  78. <p>Pour retrouver l’abondance de temps, il faudrait arrêter de le contrôler. Notre attention ne peut pas se trouver à deux endroits en même temps : soit je fais l’expérience du temps, soit je le mesure. Mais je ne peux pas faire les deux en même temps. </p>
  79. <p>Lorsque j’arrive à voir le temps illimité que j’ai, je peux enfin souffler et ressentir une grande joie de vivre.</p>
  80. <div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" rel="nofollow" href="https://cdn.substack.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F96a555dd-1029-49fc-84e3-6482677de239_800x600.jpeg"><img src="https://cdn.substack.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F96a555dd-1029-49fc-84e3-6482677de239_800x600.jpeg" data-attrs='{"src":"https://bucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com/public/images/96a555dd-1029-49fc-84e3-6482677de239_800x600.jpeg","fullscreen":null,"imageSize":null,"height":600,"width":800,"resizeWidth":null,"bytes":133385,"alt":null,"title":null,"type":"image/jpeg","href":null}' class="sizing-normal" alt=""></a><figcaption class="image-caption"><em>Photo prise dans le bassin d’Arcachon - décembre 2021</em></figcaption></figure></div>
  81. <p><hr></p>
  82. <h3>Références</h3>
  83. <p>Le livre “Le Papalagui”, de Erich Scheurmann. </p>
  84. <p>J’ai beaucoup apprécié la lecture du dernier livre de Oliver Burkeman : “Four Thousand Weeks : Time Management for Mortals”. Je le recommande à toutes les personnes souffrant de manque de temps. En voici un extrait :</p>
  85. <blockquote><p>« There’s another sense in which treating time as something that we own and get to control seems to make life worse. Inevitably, we become obsessed with “using it well,” whereupon we discover an unfortunate truth: the more you focus on using time well, the more each day begins to feel like something you have to get through, en route to some calmer, better, more fulfilling point in the future, which never actually arrives. »</p></blockquote>
  86. <p><hr></p>
  87. <h3>Prochaine bulle d’air</h3>
  88. <p>Si cette publication vous a intéressé, vous pourriez aimer échanger sur le thème de l’efficacité lors de notre <a href="https://my.weezevent.com/alento-les-jazzettes-bulle-dair-lefficacite" rel="nofollow ugc noopener">prochain évènement</a> mercredi 9 février, de 17h à 18h, en ligne.</p>
  89. <p>Inscrivez-vous pour nous rejoindre !</p>
  90. <p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://my.weezevent.com/alento-les-jazzettes-bulle-dair-lefficacite&quot;,&quot;text&quot;:&quot;M'inscrire&quot;,&quot;action&quot;:null,&quot;class&quot;:null}"><a class="button primary" href="https://my.weezevent.com/alento-les-jazzettes-bulle-dair-lefficacite" rel="nofollow ugc noopener"><span>M'inscrire</span></a></p>
  91. <p><hr></p>
  92. <p>Merci pour votre lecture ! N’hésitez pas à laisser un commentaire si vous souhaitez partager une réflexion ou une expérience personnelle en lien avec cette publication.</p>
  93. <p>Les Jazzettes est un espace de réflexion sur le rapport au temps. À travers l’offre <a href="https://www.alento.fr/accompagnement-jazz" rel="nofollow ugc noopener">Jazz</a>, je souhaite aider les personnes à prendre du recul sur leur quotidien, réfléchir à leur rapport au temps, et retrouver une certaine liberté de choix et d’organisation. Si cela vous parle, vous pouvez m’écrire directement en répondant à cette newsletter, ou en allant sur <a href="https://www.alento.fr/accompagnement-jazz#jazz-contact" rel="nofollow ugc noopener">alento.fr</a>.</p>
  94. </article>
  95. <hr>
  96. <footer>
  97. <p>
  98. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  99. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  100. </svg> Accueil</a> •
  101. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  102. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  103. </svg> Suivre</a> •
  104. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  105. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  106. </svg> Pro</a> •
  107. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  108. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  109. </svg> Email</a> •
  110. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  111. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  112. </svg> Légal</abbr>
  113. </p>
  114. <template id="theme-selector">
  115. <form>
  116. <fieldset>
  117. <legend><svg class="icon icon-brightness-contrast">
  118. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  119. </svg> Thème</legend>
  120. <label>
  121. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  122. </label>
  123. <label>
  124. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  125. </label>
  126. <label>
  127. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  128. </label>
  129. </fieldset>
  130. </form>
  131. </template>
  132. </footer>
  133. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  134. <script>
  135. function loadThemeForm(templateName) {
  136. const themeSelectorTemplate = document.querySelector(templateName)
  137. const form = themeSelectorTemplate.content.firstElementChild
  138. themeSelectorTemplate.replaceWith(form)
  139. form.addEventListener('change', (e) => {
  140. const chosenColorScheme = e.target.value
  141. localStorage.setItem('theme', chosenColorScheme)
  142. toggleTheme(chosenColorScheme)
  143. })
  144. const selectedTheme = localStorage.getItem('theme')
  145. if (selectedTheme && selectedTheme !== 'undefined') {
  146. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  147. }
  148. }
  149. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  150. window.addEventListener('load', () => {
  151. let hasDarkRules = false
  152. for (const styleSheet of Array.from(document.styleSheets)) {
  153. let mediaRules = []
  154. for (const cssRule of styleSheet.cssRules) {
  155. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  156. continue
  157. }
  158. // WARNING: Safari does not have/supports `conditionText`.
  159. if (cssRule.conditionText) {
  160. if (cssRule.conditionText !== prefersColorSchemeDark) {
  161. continue
  162. }
  163. } else {
  164. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  165. continue
  166. }
  167. }
  168. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  169. }
  170. // WARNING: do not try to insert a Rule to a styleSheet you are
  171. // currently iterating on, otherwise the browser will be stuck
  172. // in a infinite loop…
  173. for (const mediaRule of mediaRules) {
  174. styleSheet.insertRule(mediaRule.cssText)
  175. hasDarkRules = true
  176. }
  177. }
  178. if (hasDarkRules) {
  179. loadThemeForm('#theme-selector')
  180. }
  181. })
  182. </script>
  183. </body>
  184. </html>