Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

index.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  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>Questionnements — David Larlet</title>
  13. <meta name="description" content="Parfois, l’individu ne trouve jamais sa place dans le monde, il se sent différent et peu concerné par les mouvements autour de lui. Immergé dans l’exil intérieur, retranché de la sociabilité même s’il accepte d’y participer sous une forme minimale, il est séparé de l’univers des autres et existe dans son propre monde. Le poids de l’individualisation, la nécessité de toujours fournir l’effort d’être soi et de produire les apparences d’une présence au sein de la sociabilité sont toujours menacés par la dépression mais également par une forme plus discrète, celle de l’impersonnalisation qui consiste à ne plus se prêter à la comédie de la disponibilité aux autres en occupant un angle mort au sein de la sociabilité. L’individu est détaché, indifférent, mais il est toujours là sans se sentir tenu de participer. Face aux mouvements du monde qu’il n’arrive plus à suivre, il revendique un droit à l’abstention, au silence, à l’effacement, au retrait.">
  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>Questionnements</h1>
  56. </header>
  57. <nav>
  58. <p class="center">
  59. <a rel="prev" href="/david/2021/01/20/" title="Publication précédente : Adaptation">← Précédent</a> •
  60. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  61. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  62. </svg> Accueil</a>
  63. • <a rel="next" href="/david/2021/01/22/" title="Publication suivante : Tentation">Suivant →</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <blockquote>
  68. <p>Parfois, l’individu ne trouve jamais sa place dans le monde, il se sent différent et peu concerné par les mouvements autour de lui. Immergé dans l’exil intérieur, retranché de la sociabilité même s’il accepte d’y participer sous une forme minimale, il est séparé de l’univers des autres et existe dans son propre monde. Le poids de l’individualisation, la nécessité de toujours fournir l’effort d’être soi et de produire les apparences d’une présence au sein de la sociabilité sont toujours menacés par la dépression mais également par une forme plus discrète, celle de l’impersonnalisation qui consiste à ne plus se prêter à la comédie de la disponibilité aux autres en occupant un angle mort au sein de la sociabilité. L’individu est détaché, indifférent, mais il est toujours là sans se sentir tenu de participer. <mark>Face aux mouvements du monde qu’il n’arrive plus à suivre</mark>, il revendique un droit à l’abstention, au silence, à l’effacement, au retrait.</p>
  69. <p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p>
  70. </blockquote>
  71. <p>Je me rappelle à la même période il y a un an, je faisais déjà le hamster en ski de fond sur l’île d’à côté. Je tournais en me posant des questions sur mon implication dans la visibilité/popularité de l’État français et de son gouvernement actuel. À l’époque, il s’agissait de savoir s’il était vraiment <a href="/david/2020/04/18/">pertinent</a> de le rendre en capacité d’encaisser un <abbr title="Distributed Denial of Service attack">DDoS</abbr> d’amendements de la part de <em>La France Insoumise</em> (pour rappel, 42&#8239;000&nbsp;amendements à traiter en une même séance pour le Projet de loi sur les retraites, 49.3, etc.).</p>
  72. <p>Aujourd’hui, tout a changé et rien n’a changé. La situation est <a href="/david/2020/05/26/">bien différente</a> mais je me pose pourtant les mêmes questions de fond (sans skis, enfin si, bref). Dans quelle mesure est-ce que je cautionne une doctrine en essayant de la rendre intelligible par le plus grand nombre&#8239;? À qui profite <em>vraiment</em> la réactivité dont mon <a href="/david/blog/2019/faire-equipe/">équipe</a> peut faire preuve&#8239;?</p>
  73. <p><strong>De plus en plus tenté de passer du coq à l’arbre…</strong></p>
  74. <nav>
  75. <p class="center">
  76. <a rel="prev" href="/david/2021/01/20/" title="Publication précédente : Adaptation">← Précédent</a> •
  77. <a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
  78. • <a rel="next" href="/david/2021/01/22/" title="Publication suivante : Tentation">Suivant →</a>
  79. </p>
  80. </nav>
  81. </article>
  82. <hr>
  83. <footer>
  84. <p>
  85. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  86. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  87. </svg> Accueil</a> •
  88. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  89. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  90. </svg> Suivre</a> •
  91. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  92. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  93. </svg> Pro</a> •
  94. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  95. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  96. </svg> Email</a> •
  97. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  98. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  99. </svg> Légal</abbr>
  100. </p>
  101. <template id="theme-selector">
  102. <form>
  103. <fieldset>
  104. <legend><svg class="icon icon-brightness-contrast">
  105. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  106. </svg> Thème</legend>
  107. <label>
  108. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  109. </label>
  110. <label>
  111. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  112. </label>
  113. <label>
  114. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  115. </label>
  116. </fieldset>
  117. </form>
  118. </template>
  119. </footer>
  120. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  121. <script>
  122. function loadThemeForm(templateName) {
  123. const themeSelectorTemplate = document.querySelector(templateName)
  124. const form = themeSelectorTemplate.content.firstElementChild
  125. themeSelectorTemplate.replaceWith(form)
  126. form.addEventListener('change', (e) => {
  127. const chosenColorScheme = e.target.value
  128. localStorage.setItem('theme', chosenColorScheme)
  129. toggleTheme(chosenColorScheme)
  130. })
  131. const selectedTheme = localStorage.getItem('theme')
  132. if (selectedTheme && selectedTheme !== 'undefined') {
  133. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  134. }
  135. }
  136. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  137. window.addEventListener('load', () => {
  138. let hasDarkRules = false
  139. for (const styleSheet of Array.from(document.styleSheets)) {
  140. let mediaRules = []
  141. for (const cssRule of styleSheet.cssRules) {
  142. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  143. continue
  144. }
  145. // WARNING: Safari does not have/supports `conditionText`.
  146. if (cssRule.conditionText) {
  147. if (cssRule.conditionText !== prefersColorSchemeDark) {
  148. continue
  149. }
  150. } else {
  151. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  152. continue
  153. }
  154. }
  155. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  156. }
  157. // WARNING: do not try to insert a Rule to a styleSheet you are
  158. // currently iterating on, otherwise the browser will be stuck
  159. // in a infinite loop…
  160. for (const mediaRule of mediaRules) {
  161. styleSheet.insertRule(mediaRule.cssText)
  162. hasDarkRules = true
  163. }
  164. }
  165. if (hasDarkRules) {
  166. loadThemeForm('#theme-selector')
  167. }
  168. })
  169. </script>
  170. </body>
  171. </html>