A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  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>Liberté, mode d’emploi (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="#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. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="https://le1hebdo.fr/journal/libert/305/article/libert-mode-d-emploi-3959.html">
  55. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Liberté, mode d’emploi</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  63. <a href="https://le1hebdo.fr/journal/libert/305/article/libert-mode-d-emploi-3959.html" title="Lien vers le contenu original">Source originale</a>
  64. </p>
  65. </nav>
  66. <hr>
  67. <main>
  68. <p dir="LTR" align="LEFT">« Que va-t-il se passer dans ta vie, ces dix prochaines années, qui t’apportera pleine satisfaction ? » La question a fait l’effet d’une paire de claques. C’était en 2013. Vincent Agnano participait à une formation de coaching centré sur le bien-être. Le trentenaire imagina un instant son futur : l’horizon n’avait rien d’excitant. Au mieux, il avait l’air un peu barbant. Sa vie était confortable, il vivait à Montpellier dans un appartement au loyer avantageux, « avec terrasse, petit jardin, voiture, un travail à douze minutes de trajet et une activité sportive régulière ». Une autoroute toute tracée, sans chemins de traverse ni quelconque escale. « J’étais enchaîné, » résume-t-il, des années après, toujours un peu frustré de s’être réveillé « si tard ».</p>
  69. <p dir="LTR" align="LEFT">Vincent Agnano raconte son histoire d’une voix posée. Il sait prendre le temps, sans craindre de laisser les anges passer. Il y a six ans, il a abandonné la vie qu’il avait construite machinalement, sans trop se poser de questions. Développeur de projets numériques, il a cofondé une coopérative dont il est salarié, comme le reste de ses membres. Il n’a plus ni patron ni clients. Il préfère parler de « partenaires » qui s’impliquent avec lui sur des projets. « Je ne travaille pas pour eux, on avance ensemble, dit-il. C’est un autre paradigme. » Fini, aussi, le bureau type décoré de l’éternelle plante verte. Il est <em>digital nomad</em>, il change de lieu de vie au gré de ses envies, recréant inlassablement son espace de travail.</p>
  70. <p dir="LTR" align="LEFT">Comme les autres membres de la coopérative, il définit lui-même son salaire, toujours modeste, et l’augmente en fonction des besoins fluctuants. L’argent doit servir à répondre à ces derniers, sans devenir un but en soi. L’objectif de la coopérative elle-même « n’est pas de faire de l’argent, mais de pérenniser la structure et le travail » de ses membres. Inspiré par le concept du revenu universel, Vincent Agnano facture entre zéro et seize jours de travail par mois pour se laisser l’opportunité de s’impliquer bénévolement sur des projets qui lui tiennent à cœur le reste du temps. Pour lui, la liberté « c’est faire ce qui nous semble profondément juste. Ce n’est pas faire ce que l’on veut. Ça, au contraire, c’est être prisonnier de ses désirs ». Il a longtemps vécu avec un simple smic, suffisant pour se nourrir, acheter des billets d’avion « aller simple » et se loger chez l’habitant. Une chambre lui coûte généralement entre 15 et 25 euros la nuit.</p>
  71. <p dir="LTR" align="LEFT">Il n’a plus de chez-soi. Il préfère vivre chez les autres, se fondre dans leur mobilier un moment, et repartir quand il sent qu’il est temps. Il ne s’attarde jamais trop en France, change de fuseau horaire au rythme des projets professionnels, des conférences et des nouvelles rencontres qui le mènent au Canada, aux États-Unis, en Colombie et au Moyen-Orient. « En quittant son logement, on se déleste de toutes les excuses que l’on peut se donner pour éviter de bouger », souligne Vincent Agnano, pour qui <em>Yes Man</em>, de Peyton Reed, fut une grande source d’inspiration. Et comme le protagoniste du film, il dit désormais « oui » à tout, accepte systématiquement l’aventure, l’inconnu. « On a toujours une bonne raison de penser que ce n’est pas possible, que l’on peut se contenter de ce que l’on a, que c’est pire ailleurs. Que ce n’est pas le bon moment, qu’on n’en est pas capable. Au fond, on a surtout peur du changement. »</p>
  72. <p dir="LTR" align="LEFT">Le baroudeur ne se sent pas marginal pour autant. Pour lui, se marginaliser est synonyme de « lutter contre ». Or, il a plutôt de sentiment contraire : celui d’encourager autre chose. « Comme si un mur avançait vers vous, explique-t-il. Plutôt que de tenter de le repousser, vous vous placez simplement sur le côté et vous investissez votre énergie ailleurs. La liberté n’est pas toujours un combat à mener. » Vincent Agnano a beau se sentir libre, il sait aussi qu’il ne le sera en réalité jamais pleinement. Comme tout Occidental, il a hérité de « modes de pensée » dont il peine à s’extraire entièrement. « Je suis toujours dans la caverne de Platon, lié à une chaîne, dit-il. J’ai conscience qu’on me projette un scénario. J’aimerais commencer à me lever, à me retourner et à sortir, mais je doute qu’une vie suffise pour y parvenir. » La liberté est à ses yeux plus un cap à tenir qu’un objectif atteignable.</p>
  73. <p dir="LTR" align="LEFT">Lorsqu’il a pris son envol, en 2014, il pensait goûter au nomadisme pendant quatre, cinq mois. Il a finalement pérégriné pendant cinq ans. Peu avant la crise sanitaire, il a posé son sac à Marseille, dans un appartement du centre-ville, où il a fini par vivre son confinement. Il se demande si 2020 marquera la fin de son périple. Quoi qu’il advienne, il a conscience que, pour un certain nombre de raisons écologiques, économiques et sanitaires, la sédentarisation s’imposera davantage à l’avenir. Il saura s’adapter.</p>
  74. <p dir="LTR" align="LEFT">Sa grande balade l’avait mené un jour à Bar-sur-Loup, une commune de 3 000 habitants située à la lisière d’un immense parc naturel, à quelques kilomètres de Grasse. Il y avait trouvé un lieu ouvert à l’expérimentation, enclin à tester des modes de vie différents : monnaie locale, jardins partagés, maraîchage collectif... Un rendez-vous avec le maire du bourg leur a suffi à conclure un pacte : Vincent Agnano met sur pied bénévolement un espace de coworking, en échange de quoi, il obtient une certaine latitude pour développer d’autres projets collaboratifs, pour créer un espace autosuffisant auquel « chacun participerait à la hauteur de ses besoins et de ceux des autres ». Une sorte de coopérative, à l’échelle sociale. Un lieu qui incarnerait la liberté et où chacun pourrait « prendre sa place, toute sa place et rien que sa place ». </p>
  75. <p dir="LTR" align="RIGHT"><em>Portrait par MANON PAULIC</em></p>
  76. </main>
  77. </article>
  78. <hr>
  79. <footer>
  80. <p>
  81. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  82. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  83. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  84. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  85. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  86. </p>
  87. <template id="theme-selector">
  88. <form>
  89. <fieldset>
  90. <legend>Thème</legend>
  91. <label>
  92. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  93. </label>
  94. <label>
  95. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  96. </label>
  97. <label>
  98. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  99. </label>
  100. </fieldset>
  101. </form>
  102. </template>
  103. </footer>
  104. <script type="text/javascript">
  105. function loadThemeForm(templateName) {
  106. const themeSelectorTemplate = document.querySelector(templateName)
  107. const form = themeSelectorTemplate.content.firstElementChild
  108. themeSelectorTemplate.replaceWith(form)
  109. form.addEventListener('change', (e) => {
  110. const chosenColorScheme = e.target.value
  111. localStorage.setItem('theme', chosenColorScheme)
  112. toggleTheme(chosenColorScheme)
  113. })
  114. const selectedTheme = localStorage.getItem('theme')
  115. if (selectedTheme && selectedTheme !== 'undefined') {
  116. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  117. }
  118. }
  119. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  120. window.addEventListener('load', () => {
  121. let hasDarkRules = false
  122. for (const styleSheet of Array.from(document.styleSheets)) {
  123. let mediaRules = []
  124. for (const cssRule of styleSheet.cssRules) {
  125. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  126. continue
  127. }
  128. // WARNING: Safari does not have/supports `conditionText`.
  129. if (cssRule.conditionText) {
  130. if (cssRule.conditionText !== prefersColorSchemeDark) {
  131. continue
  132. }
  133. } else {
  134. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  135. continue
  136. }
  137. }
  138. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  139. }
  140. // WARNING: do not try to insert a Rule to a styleSheet you are
  141. // currently iterating on, otherwise the browser will be stuck
  142. // in a infinite loop…
  143. for (const mediaRule of mediaRules) {
  144. styleSheet.insertRule(mediaRule.cssText)
  145. hasDarkRules = true
  146. }
  147. }
  148. if (hasDarkRules) {
  149. loadThemeForm('#theme-selector')
  150. }
  151. })
  152. </script>
  153. </body>
  154. </html>