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 19KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278
  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>Tag #protopie — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #protopie">
  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. <style type="text/css">
  53. details[open] summary {
  54. display: none;
  55. }
  56. </style>
  57. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  58. <header>
  59. <h1>Publications relatives au tag #protopie</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 rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  68. </svg> Étiquettes</a>
  69. </p>
  70. </nav>
  71. <hr>
  72. <main>
  73. <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  74. <h2><a href="/david/2021/11/30/" title="Lien permanent vers cet article">Salaires</a> (2021-11-30)</h2>
  75. <blockquote>
  76. <p>Il ne s’agit plus de quémander un emploi pour avoir le droit de valoriser du capital, et de payer des impôts pour en déléguer la gestion à un personnel politique et une aristocratie de grandes et grands fonctionnaires. Il s’agit de <mark>décider ensemble</mark> du niveau de salaire et de ce qui doit être produit, et surtout comment ça devrait l’être.</p>
  77. <p><cite><em><a href="https://igor.milhit.ch/citoyennet%C3%A9-autre/">Citoyenneté autre</a></em> (<a href="/david/cache/2021/465f63b989ee5666a6e9a406201a4b62/">cache</a>)</cite></p>
  78. </blockquote>
  79. <p>Au sein de <a href="http://scopyleft.fr/">Scopyleft</a>, nous sommes passé·es d’un salaire <em>à la contrainte</em> (cruel manque de trésorerie les premiers mois&#8239;!) à un salaire <em>égalitaire</em> (pendant un temps) pour être depuis quelques années maintenant à un <strong>salaire au besoin</strong>. Notre revenu n’est pas corrélé à ce que l’on rapporte ou à notre ancienneté ou à notre activité ou à notre expérience. Encore moins à notre performance…</p>
  80. <p>Sous réserve que le pot commun ne se retrouve pas vide, chacun·e est libre de choisir le montant qu’iel souhaite.</p>
  81. <p>Cette pratique vient avec son lot de non-dits et de culpabilités, de la même façon que ce qui peut se produire avec <a href="/david/2021/04/22/" title="Vacances">les vacances</a>. Parfois ne pas avoir à donner de justifications peut être la pire des tortures pour un groupe de personnes qui s’estiment et se respectent&nbsp;:</p>
  82. <ul>
  83. <li>est-ce que je ne suis pas égoïste vis-à-vis des autres en m’accordant autant&#8239;?</li>
  84. <li>est-ce que je peux comparer mes besoins à ceux des autres dans une société de (sur)consommation&#8239;?</li>
  85. <li>est-ce que j’ai besoin d’une symétrie de revenus avec mon ou ma conjoint·e pour être libre&#8239;?</li>
  86. <li>est-ce que les enfants entrent en compte alors que c’est un choix délibéré d’en avoir ou pas&#8239;?</li>
  87. <li>est-ce que je peux être payé·e autant alors que je suis jeune/en reconversion/sans mission/etc&#8239;?</li>
  88. <li>est-ce que ça ne participe pas à la définition de mon futur salaire dans une autre structure&#8239;?</li>
  89. <li>est-ce que pouvoir présenter ces fiches de paye à mon banquier/propriétaire fait partie d’un besoin&#8239;?</li>
  90. <li>est-ce que la pression sociale m’enclin à sous-évaluer ma valeur/mes besoins car je suis une femme&#8239;?</li>
  91. <li>est-ce que ma vision de la sobriété/frugalité est partagée au sein du groupe&#8239;?</li>
  92. <li>est-ce que mon comportement actuel endommage la trésorerie future de la coopérative&#8239;?</li>
  93. </ul>
  94. <p>Toutes ces questions sont légitimes et saines. Et le fait que ces discussions aient lieues à un moment où il y a <a href="/david/2021/11/09/" title="Junior">un peu plus de diversité</a> n’est pas anodin. Elles permettent de se remettre en question et génèrent des échanges qui permettent d’apprendre à se connaître (et à s’apprécier).</p>
  95. <p>Du salaire à vie au salaire en vie, il y a matière à travailler. Ensemble.</p>
  96. <p><em>Rappel&nbsp;: nous sommes une coopérative, ce qui signifie que ce qui n’est pas attribué en salaire au cours de l’année est transformé en réserve (pour la structure), puis en part travail (répartie équitablement entre les salarié·es) à la fin de l’année. C’est aussi cela être propriétaire de son cadre de travail, que l’on essaye de pérenniser.</em></p>
  97. <blockquote>
  98. <p>Il a fait le tour du monde… mais qu’est-ce que le tour du monde puisque l’horizon est éternel&#8239;? Le tour du monde va plus loin que le bout du monde, aussi loin que la vie, plus loin encore peut-être. Quand on entrevoit ça, on a un peu le vertige, on a un peu peur. Et en même temps ce qu’on entrevoit là est tellement…</p>
  99. <p>Tellement quoi&#8239;? <mark>Je ne sais pas.</mark> Plus loin que le bout du monde…</p>
  100. <p><cite><em>La longue route</em>, Bernard Moitessier</cite></p>
  101. </blockquote>
  102. <h2><a href="/david/2021/04/22/" title="Lien permanent vers cet article">Vacances</a> (2021-04-22)</h2>
  103. <blockquote>
  104. <p>L’histoire est aussi importante que la forme ou la structure. Dans une très large mesure, <mark>l’histoire d’un phénomène constitue le phénomène lui-même</mark>. Nous sommes, réellement, tout ce qui a existé avant nous et nous pouvons devenir à notre tour infiniment plus que ce que nous sommes.</p>
  105. <p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p>
  106. </blockquote>
  107. <p>On a un rapport assez particulier aux vacances chez Scopyleft et au moment où on se <a href="/david/2021/03/17/" title="Arrivant·es">transmet en question</a>, c’est l’occasion de partager <em>un</em> état de nos réflexions.</p>
  108. <p>La prise de vacances est libre et consciente. <strong>Libre</strong> car on ne se restreint pas à un nombre de jours/semaines, ni même à communiquer à nos collègues si/quand on est en vacances. <strong>Consciente</strong> car on essaye — dans la mesure du possible — de ne pas laisser les autres galérer du fait de notre indisponibilité. Faire partie d’une <abbr title="Société coopérative et participative">SCOP</abbr> c’est aussi <em>pour moi</em> éprouver de l’empathie et de la solidarité pour les autres membres.</p>
  109. <p>La discussion du jour portait sur la toxicité potentielle d’une telle approche. D’autres entreprises pratiquent les <em>vacances illimitées</em> mais cela crée un tel sentiment de culpabilité que les employé·es prennent en définitive <em>moins</em> de vacances et dans un climat pas terrible.</p>
  110. <p>Comment rompre avec ce sentiment&#8239;?</p>
  111. <p>On en vient à (re)questionner les notions de travail et de vacances. Si l’on envisage les vacances comme des <em>moments de prise de soin personnels</em>, le changement n’est pas uniquement sémantique mais traduit une intention différente. D’une manière similaire à l’auto-détermination de nos salaires en fonction de nos «&nbsp;besoins&nbsp;», les vacances s’adaptent ainsi à notre rythme de vie, notre enthousiasme et notre appétence. L’exploration du tempo convenable pour notre danse du moment.</p>
  112. <p>Ce n’est plus alors la recherche d’un rythme de <em>travail</em> soutenable mais celle d’une qualité de <em>vie</em> enviable.</p>
  113. <blockquote>
  114. <p>Bien au contraire, la complétude inclut l’ensemble disparate des structures, d’articulations, de médiations, où le tout va puiser la riche variété de ces formes et où ce qu’un esprit analytique réduirait à une suite de détails «&nbsp;innombrables&nbsp;» et «&nbsp;fortuits&nbsp;» acquiert ainsi des propriétés qualitatives uniques.</p>
  115. <p><cite><em>Ibid.</em></cite></p>
  116. </blockquote>
  117. <h2><a href="/david/2021/02/18/" title="Lien permanent vers cet article">Castors</a> (2021-02-18)</h2>
  118. <blockquote>
  119. <p>Construire soi-même sa maison, quand on n’est pas du métier, cela peut sembler mission impossible. Et pourtant, c’est ce qu’ont fait des milliers de Français dans les années 1950, avec le Mouvement des Castors. Des agriculteurs, des cheminots, des ouvriers… sont devenus des autoconstructeurs.</p>
  120. <p>Ils sont même allés encore plus loin&nbsp;: plutôt que se concentrer sur leur maison individuelle, <mark>ils se sont regroupés pour construire ensemble des quartiers entiers</mark>. «&nbsp;Les gens qui travaillaient sur les maisons ne savaient pas si c’était la leur ou celle du voisin, une fois qu’elles étaient terminées, elles étaient tirées au sort&nbsp;», explique Eric Tortereau, co-président de l’association des autoconstructeurs Castors Rhône-Alpes.</p>
  121. <p><cite><em><a href="https://www.18h39.fr/articles/ils-construisaient-leurs-maisons-tous-ensemble-puis-les-tiraient-au-sort-lhistoire-des-castors.html">Ils construisaient leurs maisons tous ensemble puis les tiraient au sort&nbsp;: l’histoire des Castors</a></em> (<a href="/david/cache/2021/13fac7e78342ffd7e5286a6d5519e19e/">cache</a>)</cite></p>
  122. </blockquote>
  123. <p>Je me surprends parfois à rêver d’un tel avenir post-Covid. J’imagine que ça n’est pas (encore&#8239;?) suffisamment dévastateur pour que l’on en arrive à une telle solidarité. Peut-être à la prochaine marche de notre descente énergétique&#8239;?</p>
  124. <h2><a href="/david/2021/02/10/" title="Lien permanent vers cet article">Retraite</a> (2021-02-10)</h2>
  125. <details>
  126. <summary>Déplier pour lire le contenu de la publication</summary>
  127. <blockquote>
  128. <p>Mais sous prétexte que ça ne va pas révolutionner leur vie, beaucoup se privent de ces petites victoires volées sur le quotidien parce que «&nbsp;ça ne changera rien&nbsp;». Mais si ça change&#8239;! Naturellement. À trop viser de grandes victoires futures, <mark>on en oublie de saisir celles qui sont à portée de main</mark>. Elles sont pourtant le carburant des grandes épopées de demain&nbsp;: sans elles, comment poursuivre, toute une vie durant, des aspirations qui semblent si loin&#8239;? Ou <em>a contrario</em>, sans elles, comment réaliser que parvenir est devenu superflu… Puisqu’on est déjà si bien.</p>
  129. <p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p>
  130. </blockquote>
  131. <p>Sur les pistes, je ne croise que quelques personnes manifestement retraitées. Je me demande si j’en suis une. Pas dans le sens <abbr title="Financial Independence, Retire Early">FIRE</abbr> qui semble avoir du succès chez les personnes à hauts salaires — comme les développeurs et développeuses. Plutôt en ayant des choix de vie me permettant d’avoir des pratiques de retraité dès maintenant.</p>
  132. <p>Petit plaisir du jour&nbsp;: avoir créé un nuage en lançant de l’eau à ébullition en l’air lorsqu’il fait «&nbsp;frête&nbsp;». Je ne l’avais jamais fait et c’était plaisant, d’autant que non prémédité (je faisais la vaisselle en m’aidant du poêle).</p>
  133. <figure>
  134. <a href="#refuge_corbeau"
  135. title="Cliquer pour une version haute résolution">
  136. <img src="/static/david/2021/refuge_corbeau.jpg" alt="Lever de soleil"
  137. loading="lazy" width="2016" height="1512" />
  138. </a>
  139. <a href="#_" class="lightbox" id="refuge_corbeau">
  140. <img src="/static/david/2021/refuge_corbeau.jpg" alt="Lever de soleil"
  141. loading="lazy" width="2016" height="1512" />
  142. </a>
  143. <figcaption>Les couleurs par -22°C sont toujours aussi magnifiques.</figcaption>
  144. </figure>
  145. </details>
  146. </main>
  147. <hr>
  148. <footer>
  149. <p>
  150. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  151. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  152. </svg> Accueil</a> •
  153. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  154. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  155. </svg> Suivre</a> •
  156. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  157. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  158. </svg> Pro</a> •
  159. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  160. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  161. </svg> Email</a> •
  162. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  163. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  164. </svg> Légal</abbr>
  165. </p>
  166. <template id="theme-selector">
  167. <form>
  168. <fieldset>
  169. <legend><svg class="icon icon-brightness-contrast">
  170. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  171. </svg> Thème</legend>
  172. <label>
  173. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  174. </label>
  175. <label>
  176. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  177. </label>
  178. <label>
  179. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  180. </label>
  181. </fieldset>
  182. </form>
  183. </template>
  184. </footer>
  185. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  186. <script>
  187. function loadThemeForm(templateName) {
  188. const themeSelectorTemplate = document.querySelector(templateName)
  189. const form = themeSelectorTemplate.content.firstElementChild
  190. themeSelectorTemplate.replaceWith(form)
  191. form.addEventListener('change', (e) => {
  192. const chosenColorScheme = e.target.value
  193. localStorage.setItem('theme', chosenColorScheme)
  194. toggleTheme(chosenColorScheme)
  195. })
  196. const selectedTheme = localStorage.getItem('theme')
  197. if (selectedTheme && selectedTheme !== 'undefined') {
  198. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  199. }
  200. }
  201. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  202. window.addEventListener('load', () => {
  203. let hasDarkRules = false
  204. for (const styleSheet of Array.from(document.styleSheets)) {
  205. let mediaRules = []
  206. for (const cssRule of styleSheet.cssRules) {
  207. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  208. continue
  209. }
  210. // WARNING: Safari does not have/supports `conditionText`.
  211. if (cssRule.conditionText) {
  212. if (cssRule.conditionText !== prefersColorSchemeDark) {
  213. continue
  214. }
  215. } else {
  216. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  217. continue
  218. }
  219. }
  220. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  221. }
  222. // WARNING: do not try to insert a Rule to a styleSheet you are
  223. // currently iterating on, otherwise the browser will be stuck
  224. // in a infinite loop…
  225. for (const mediaRule of mediaRules) {
  226. styleSheet.insertRule(mediaRule.cssText)
  227. hasDarkRules = true
  228. }
  229. }
  230. if (hasDarkRules) {
  231. loadThemeForm('#theme-selector')
  232. }
  233. })
  234. </script>
  235. </body>
  236. </html>