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

1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
1 년 전
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460
  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>
  13. Tag #nostalgie
  14. — David Larlet</title>
  15. <meta name="description" content="Publications relatives au tag #nostalgie">
  16. <!-- That good ol' feed, subscribe :). -->
  17. <link rel="alternate"
  18. type="application/atom+xml"
  19. title="Feed"
  20. href="/david/log/">
  21. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  22. <link rel="apple-touch-icon"
  23. sizes="180x180"
  24. href="/static/david/icons2/apple-touch-icon.png">
  25. <link rel="icon"
  26. type="image/png"
  27. sizes="32x32"
  28. href="/static/david/icons2/favicon-32x32.png">
  29. <link rel="icon"
  30. type="image/png"
  31. sizes="16x16"
  32. href="/static/david/icons2/favicon-16x16.png">
  33. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  34. <link rel="mask-icon"
  35. href="/static/david/icons2/safari-pinned-tab.svg"
  36. color="#07486c">
  37. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  38. <meta name="msapplication-TileColor" content="#f7f7f7">
  39. <meta name="msapplication-config"
  40. content="/static/david/icons2/browserconfig.xml">
  41. <meta name="theme-color"
  42. content="#f7f7f7"
  43. media="(prefers-color-scheme: light)">
  44. <meta name="theme-color"
  45. content="#272727"
  46. media="(prefers-color-scheme: dark)">
  47. <!-- Is that even respected? Retrospectively? What a shAItshow…
  48. https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
  49. <meta name="robots" content="noai, noimageai">
  50. <!-- Documented, feel free to shoot an email. -->
  51. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  52. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  53. <link rel="preload"
  54. href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2"
  55. as="font"
  56. type="font/woff2"
  57. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  58. crossorigin>
  59. <link rel="preload"
  60. href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2"
  61. as="font"
  62. type="font/woff2"
  63. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  64. crossorigin>
  65. <link rel="preload"
  66. href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2"
  67. as="font"
  68. type="font/woff2"
  69. media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  70. crossorigin>
  71. <link rel="preload"
  72. href="/static/david/css/fonts/triplicate_t3_regular.woff2"
  73. as="font"
  74. type="font/woff2"
  75. media="(prefers-color-scheme: dark)"
  76. crossorigin>
  77. <link rel="preload"
  78. href="/static/david/css/fonts/triplicate_t3_bold.woff2"
  79. as="font"
  80. type="font/woff2"
  81. media="(prefers-color-scheme: dark)"
  82. crossorigin>
  83. <link rel="preload"
  84. href="/static/david/css/fonts/triplicate_t3_italic.woff2"
  85. as="font"
  86. type="font/woff2"
  87. media="(prefers-color-scheme: dark)"
  88. crossorigin>
  89. <script>
  90. function toggleTheme(themeName) {
  91. document.documentElement.classList.toggle(
  92. 'forced-dark',
  93. themeName === 'dark'
  94. )
  95. document.documentElement.classList.toggle(
  96. 'forced-light',
  97. themeName === 'light'
  98. )
  99. }
  100. const selectedTheme = localStorage.getItem('theme')
  101. if (selectedTheme !== 'undefined') {
  102. toggleTheme(selectedTheme)
  103. }
  104. </script>
  105. <style type="text/css">
  106. details[open] summary {
  107. display: none;
  108. }
  109. </style>
  110. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick"
  111. data-instant-intensity="viewport-all">
  112. <header>
  113. <h1>Publications relatives au tag #nostalgie</h1>
  114. </header>
  115. <nav>
  116. <p class="center">
  117. <a href="/david/" title="Aller à l’accueil">
  118. <svg class="icon icon-home">
  119. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  120. </svg>
  121. Accueil</a>
  122. • <a rel="tags"
  123. href="/david/#tags-2023"
  124. title="Liste de toutes les étiquettes">
  125. <svg class="icon icon-tags">
  126. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  127. </svg>
  128. Étiquettes</a>
  129. </p>
  130. </nav>
  131. <hr>
  132. <main>
  133. <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  134. <h2>
  135. <a href="/david/2023/09/23/" title="Lien permanent vers cet article">Éco-conception</a> (2023-09-23)
  136. </h2>
  137. <blockquote>
  138. <p>De mon temps on disait pas «&nbsp;écoconception&nbsp;» on disait juste «&nbsp;appliquer les prérequis basiques du métier de dev&nbsp;» et on n’était pas plus&nbsp;malheureux.</p>
  139. <p>S’il vous faut une formation pour vous empêcher d’afficher 10&#8239;Mo d’images sur votre homepage et d’empiler 50&nbsp;frameworks JS pour faire un formulaire, <mark>c’est peut-être que votre titre initial de «&nbsp;dev full stack senior&nbsp;» était légèrement usurpé.</mark> Et si l’interopérabilité, la rétrocompatibilité, l’amélioration progressive, l’accessibilité et les perfs sont pour vous de nouvelles compétences tendance à faire valoir sur un CV, je suis navré de vous annoncer que vous étiez jusque ici un&nbsp;escroc.</p>
  140. <p><cite><a href="https://mastodon.social/@STPo/111101966708210843">STPo sur&nbsp;mastodon</a></cite></p>
  141. </blockquote>
  142. <p>Ce n’est pas vraiment un secret que je fasse partie de la team vieux-rageux-qui-lève-ses-poings-vers-le-ciel (et surtout les yeux&nbsp;🙄) lorsqu’on parle de technique et de web. Le pire étant que plus le temps passe et plus j’ai le sentiment que cette profession se crée sa propre utilité. Il faudrait que je lise <em>Bullshit Jobs</em> pour être certain de ne pas dire n’importe quoi mais je crois bien que ça s’en rapproche de plus en plus. Ou alors j’en prends davantage&nbsp;conscience.</p>
  143. <p>Et ça m’embête autant que de jardiner dans mon petit potager bio tout en vivant au milieu d’une zone commerciale géante bariolée de publicités et traversée par des <abbr title="sport utility vehicle">SUV</abbr> et autres <em>pickups</em>. Toute ressemblance avec ma dissonance cognitive actuelle serait bien évidemment&nbsp;fortuite.</p>
  144. <p>En ce moment, à 15h50, j’écoute les enfants à la fenêtre préparer la chanson de l’année où <a href="https://www.lafabriqueculturelle.tv/capsules/14586/le-grand-rendez-vous-de-fanny-bloom-et-l-osm-une-chanson-a-l-ecole-les-journees-de-la-culture">Fanny Bloom leur demande de planter des arbres</a> alors qu’il y a une file de voitures de plus de 2&nbsp;tonnes qui attendent la sortie de leurs chers bambins. Tout ça pour s’éviter de faire quelques centaines de mètres à&nbsp;pied.</p>
  145. <p>Je crois que c’est ça l’éco-conception sur le web&nbsp;: réduire la taille d’une image afin de réduire son empreinte carbone tout en ayant demandé à un <abbr title="Large Language Model">LLM</abbr> de l’avoir&nbsp;générée.</p>
  146. <hr />
  147. <blockquote lang="en">
  148. <p>🎯 However, despite recognizing the danger of an increasingly closed internet, many web developers don’t consider their own technical decisions and how those decisions can also contribute to the disappearance of web’s <em>culture</em> of&nbsp;openness.</p>
  149. <p>Inadvertently (for the most part) technical trends and decisions in web development in <mark>the last two decades have lead to what we term a “Technical Enclosure” of the web,</mark> a processes whereby technical decisions chip away at the #ViewSource affordance that Cory Doctorow discusses in the opening quote of this article, an affordance that existed as a commons for early web&nbsp;developers.</p>
  150. <p><cite><em><a href="https://htmx.org/essays/right-click-view-source/">The #ViewSource Affordance</a></em>&nbsp;(<a href="/david/cache/2023/2782723c95c98a22087e9954b07a8fba/">cache</a>)</cite></p>
  151. </blockquote>
  152. <blockquote lang="en">
  153. <p>🤗 I hate what data is doing to the web. I hate that some people get obsessed with data. I hate that the entire advertising and marketing world has evolved to only care about data. But I realize that this will not change. Still, <mark>I like to do my part</mark> which is why I try hard to not collect and keep any data about&nbsp;you.</p>
  154. <p><cite><em><a href="https://manuelmoreale.com/i-don-t-want-your-data">I don’t want your data</a></em>&nbsp;(<a href="/david/cache/2023/73f0ab0b4336be702e863205bd1bbace/">cache</a>)</cite></p>
  155. </blockquote>
  156. <blockquote lang="en">
  157. <p>🧑‍⚕️ We in software, sadly, tend to be in the treatments business, not in the patients business. <mark>We’re Big Pharma.</mark> And in the same way that Big Pharma invests massively in persuading us that we have the illness their potion cures, we have a tendency to try to get the customer’s problem to fit our solution. And so it is that “productivity” tends to be about the potion, and not the&nbsp;patient.</p>
  158. <p><cite><em><a href="https://codemanship.wordpress.com/2023/09/25/the-illusion-of-developer-productivity-opens-the-door-to-snake-oil/">The Illusion Of Developer “Productivity” Opens The Door To Snake Oil</a></em>&nbsp;(<a href="/david/cache/2023/d048e59b323783f6de3b03bda43a02cc/">cache</a>)</cite></p>
  159. </blockquote>
  160. <blockquote>
  161. <p>💜 Quand il laisse couler l’eau dans la casserole pour préparer un café, il pense aux instants qui continuent de glisser entre ses doigts et dont il a peur que l’oubli n’efface les derniers sourires jusqu’à ne plus reconnaître la personne sur la photo. Où bien est-ce la photo d’un ancêtre dont les cendres sont peut-être encore sur le coin d’une étagère dans la maison et dont on se dit que les minutes longues en nettoyant la vaisselle permettent la sérénité possible à l’évasion d’une enfance&nbsp;heureuse&#8239;?</p>
  162. <p><cite><em><a href="https://www.la-grange.net/2023/03/15/envers">endroit de l’envers</a></em>&nbsp;(<a href="/david/cache/2023/19a9d6fbfc9b17021f013e71ffb45593/">cache</a>)</cite></p>
  163. </blockquote>
  164. <h2>
  165. <a href="/david/2023/07/28/" title="Lien permanent vers cet article">France</a> (2023-07-28)
  166. </h2>
  167. <blockquote>
  168. <p>Si vous êtes venus pour m’aider, vous perdez votre temps. Mais si vous êtes venus parce que votre libération est liée à la mienne, alors travaillons&nbsp;ensemble.</p>
  169. <p><cite>Lilla Watson (militante autochtone&nbsp;australienne)</cite></p>
  170. </blockquote>
  171. <p>Sentiment toujours très particulier pour l’expatrié que je suis de faire un séjour dans son pays de&nbsp;naissance.</p>
  172. <p>Il y a les paysages, les personnes, les odeurs, les situations à la fois si réelles et si cotonneuses. Comme si les émotions étaient encore sous le coup du décalage horaire. Comme si l’éphémère se devait d’être intense, presque sur-joué. Comme si l’enjeu pouvait être un retour. Ou encore plus de&nbsp;kérosène.</p>
  173. <p>Il y a le monde. Partout. Tout le temps. L’impression d’être asphyxié dans ces petites rues caniculaires (coucou Pomme). Et l’inquiétude qui monte de se demander ce qu’il va arriver à toutes ces personnes. Dans l’étuve, les grenouilles apprécient l’eau chaude tant qu’il y en a — moins les moustiques&nbsp;tigres.</p>
  174. <p>Il y a les montagnes, celles que l’on évalue en se cassant la nuque. Celles qui aspirent et inspirent. Qui permettent de se sentir vivant… à en perdre le souffle. Qui requièrent de s’élever pour élargir sa vision du monde. Celles qui me manquent tant. Je n’ai pas arrêté de faire du sport, j’ai arrêté d’être attiré par des&nbsp;sommets.</p>
  175. <p>Il y a <em>toujours</em> cette ambiance nauséabonde qui se traduit en un chapelet de micro-agressions auxquelles on ne peut être pleinement sensible lorsqu’on baigne dedans. C’est leur absence, ailleurs, qui les rend d’autant plus visibles. Ma parentalité en France serait une épreuve pour justifier des abus injustifiables (et je croule déjà sous mes propres&nbsp;contradictions).</p>
  176. <p>Il y a les retrouvailles, les fruits mûrs, les rigolades, le non soutenable qui étire les yeux et les sourires. La culpabilité d’imposer ce manque —&nbsp;et sa compensation&nbsp;— à un enfant aussi, qui peut difficilement rationaliser depuis le cocon familial si douillet des vacances. Il y a les reproches qui grandissent avec le besoin de se construire une jeune identité. Il y a les proches qui vieillissent avec la peur de devoir déconstruire leurs&nbsp;in·certitudes.</p>
  177. <p>Il y a læ covid. Ah non, pardon&nbsp;🫣.</p>
  178. <p>Il y a la&nbsp;France.</p>
  179. <h2>
  180. <a href="/david/2023/05/06/" title="Lien permanent vers cet article">SudWeb</a> (2023-05-06)
  181. </h2>
  182. <p>12&nbsp;mars&nbsp;2013&nbsp;:</p>
  183. <blockquote>
  184. <p>Je vais pas mal intervenir ces prochains mois, peut-être l’occasion de se rencontrer et&nbsp;d’échanger</p>
  185. <p><cite><em><a href="/david/blog/2013/conferences-diversite/">Conférences et&nbsp;diversité</a></em></cite></p>
  186. </blockquote>
  187. <p>13&nbsp;mars&nbsp;2013&nbsp;:</p>
  188. <blockquote>
  189. <p><em>Je pense maintenant qu’il est plus important d’avoir une ligne éditoriale cohérente et surprenante.</em> C’est un exercice très difficile de savoir répondre aux attentes d’un public tout en le bousculant (un peu). Qu’il ne reparte <strong>peut-être pas pleinement satisfait mais avec des questions restées sans réponses.</strong> Des pistes à creuser. Des mondes à explorer. […]</p>
  190. <p><strong>La question revient finalement à positionner pour les organisateurs le curseur de la curiosité.</strong> Doit-elle venir des participants ou être imposée par les organisateurs et les orateurs&#8239;? Vaste&nbsp;débat.</p>
  191. <p><cite><em><a href="/david/blog/2013/conferences-editorialisation/">Conférences et&nbsp;éditorialisation</a></em></cite></p>
  192. </blockquote>
  193. <p>19&nbsp;mai&nbsp;2013&nbsp;:</p>
  194. <blockquote>
  195. <p>Une question ouverte en guise de conclusion sans avoir vraiment de proposition technique concrète pour continuer le débat. Après réflexion (et de nombreuses discussions), je ne pense pas qu’il soit pertinent de continuer en ligne par contre je serais ravi que les discussions continuent ici ou ailleurs en espérant avoir semé quelques graines qui pourront germer de proche en&nbsp;proche.</p>
  196. <p><cite><em><a href="/david/blog/2013/quete-sens/">Une quête de&nbsp;sens</a></em></cite></p>
  197. </blockquote>
  198. <p>30&nbsp;mai&nbsp;2015&nbsp;:</p>
  199. <blockquote>
  200. <p><em>J’ai peur</em> de mes propres contradictions au sujet de la&nbsp;consanguinité.</p>
  201. <p><em>Je suis content</em> d’avoir pu voir autant d’orateurs qui n’ont pas l’habitude de s’exprimer en public. Ça change des rockstars qui en sont à la quinzième représentation de leur tournée de&nbsp;conférences.</p>
  202. <p><cite><em><a href="/david/stream/2015/05/30/">Je suis&nbsp;SudWeb</a></em></cite></p>
  203. </blockquote>
  204. <p>5&nbsp;février&nbsp;2016&nbsp;:</p>
  205. <blockquote>
  206. <p>Il y a beaucoup de choses à explorer pour changer la relation organisateur/conférencier/spectateur et la proposition est toujours la même&nbsp;: tous participants pour fluidifier les échanges et encourager l’intelligence collective. Passer du être ensemble au faire&nbsp;ensemble.</p>
  207. <p>On n’achète plus un billet mais on devient membre d’une association qui porte le projet auquel on peut participer financièrement et/ou par un travail avec une gouvernance démocratique. <em>La conférence n’est plus un évènement ponctuel mais un bien commun qui vit tout au long de l’année, que l’on s’approprie et que l’on fait évoluer&nbsp;ensemble.</em></p>
  208. <p><cite><em><a href="/david/blog/2016/coorganisation-conferences/">Co-organisation de&nbsp;conférences</a></em></cite></p>
  209. </blockquote>
  210. <p>28&nbsp;mai&nbsp;2016&nbsp;:</p>
  211. <blockquote>
  212. <p>Les éditions de cette conférence se suivent mais ne se ressemblent pas si ce n’est dans leur recherche de singularité. Chaque intervention donne envie d’aller interagir avec l’orateur pour échanger plus que d’ouvrir son <em>laptop</em>. Derrière ces sujets non-techniques se cachent des réflexions plus profondes qui n’interrogent plus le <em>comment</em> mais le <em>pourquoi</em> et de plus en plus le <em>pourquoi pas</em>&#8239;?</p>
  213. <p><cite><em><a href="/david/blog/2016/sudweb-2016/">SudWeb&nbsp;2016</a></em></cite></p>
  214. </blockquote>
  215. <p>29&nbsp;août&nbsp;2017&nbsp;:</p>
  216. <blockquote>
  217. <p>Avoir plusieurs années d’expérience donne d’autant plus de légitimité pour expérimenter et d’assurance pour se relever en cas d’échec (encore faudrait-il définir cette éventualité). Un événement récurrent donne la chance de pouvoir considérer chaque itération comme une page blanche, les «&nbsp;acquis&nbsp;» ne se font pas sur les formats mais sur le réseau (ou micro-culture) qui se recrée à chaque fois. Renforcer des liens pour le sentiment d’appartenance d’un côté, en relâcher d’autres pour être inclusif par ailleurs. <strong>Une communauté vieillissante aspirera toujours à plus de sécurité et de confort.</strong> Et est-ce une raison valable pour les lui&nbsp;accorder&#8239;?&nbsp;:-)</p>
  218. <p><cite><em><a href="/david/blog/2017/besoin-experience/">Besoin et&nbsp;expérience</a></em></cite></p>
  219. </blockquote>
  220. <p>12&nbsp;janvier&nbsp;2018&nbsp;:</p>
  221. <blockquote>
  222. <p>Est-ce qu’il y a des évènements où un incident a été à l’origine d’un dépôt de plainte de la part de l’organisation&#8239;? Et si oui quelles en ont été les suites&#8239;? Une jurisprudence serait la&nbsp;bienvenue.</p>
  223. <p><em>PS&nbsp;: ne croyez pas que je tape toujours sur SudWeb, ce n’est qu’un exemple (plutôt bon en l’occurence) et c’est surtout le seul événement pour lequel j’ai encore un intérêt car ils sont plein de vitalité et ça fait&nbsp;plaisir&nbsp;:-).</em></p>
  224. <p><cite><em><a href="/david/stream/2018/01/12/">Code&nbsp;d’(in)conduite</a></em></cite></p>
  225. </blockquote>
  226. <p>26&nbsp;janvier&nbsp;2021&nbsp;:</p>
  227. <blockquote>
  228. <p>Il y a peu, j’écrivais que je donnais des conférences &quot;avant de prendre conscience qu’il était important de laisser la place à d’autres moins privilégié·e·s/plus diversifié·e·s&quot;. Et indirectement, cela m’a permis de prendre du recul et eu aussi pour conséquence de ne plus me motiver du tout à aller dans les conférences «&nbsp;classiques&nbsp;». […]</p>
  229. <p>Je suis tiraillé entre co-créer de nouvelles choses ou faire acte de présence et de promotion des endroits qui comptent pour d’autres et leurs offrent un espace de visibilité non&nbsp;négligeable</p>
  230. <p><cite><em><a href="/david/2021/01/26/">Conférences</a></em></cite></p>
  231. </blockquote>
  232. <p>5&nbsp;octobre&nbsp;2021&nbsp;:</p>
  233. <blockquote>
  234. <p>Quel que soit le format, j’ai fini par remarquer (il m’a fallu une dizaine d’années tout de même…) que ces évènements favorisent l’entre-soi et donnent une ascendance aux organisateur·ices et participant·es actif·ves. Ce statut est malsain car il permet des comportements déplacés de la part des personnes ayant davantage de pouvoir, d’autant plus lorsqu’une foule est&nbsp;réunie.</p>
  235. <p><cite><em><a href="/david/2021/10/05/">Conférences&nbsp;2</a></em></cite></p>
  236. </blockquote>
  237. <p>J’avais besoin de cet historique incomplet pour me pointer mes propres incohérences et suivre l’évolution de ma pensée au cours des années. De l’avantage d’avoir une mémoire&nbsp;externalisée.</p>
  238. <p>SudWeb a une place toute particulière dans mon cœur, j’ai <a href="/david/stream/2010/#tw-27452935068">participé à sa création</a>, j’y suis intervenu dans ce que je considère être <a href="/david/blog/2013/quete-sens/">l’apogée de ce que je pouvais faire dans un groupe</a>, je m’y suis fait des ami·es (coucou Amanda 🇨🇦), j’y ai vu des personnes grandir, mûrir, se remettre en question et j’allais boucler la boucle en motivant une personne à&nbsp;participer.</p>
  239. <p>Lorsque j’ai appris que le sujet de <a href="https://ynote.hk/">Fanny</a> avait été retenu, j’étais vraiment très content qu’un espace de parole et d’interactions lui soit proposé. Lorsque le programme complet (qui n’est plus en ligne) est sorti, je me suis posé beaucoup de questions. Je ressentais un <a href="https://eldritch.cafe/@davidbruant/110311929122033704">certain malaise</a>&nbsp;(<a href="/david/cache/2023/e211e38b6e8dd18119e0ff18464d2414/">cache</a>) à ce que des personnes sur-représentées dans ces évènements le soient encore une fois. Je me suis vraiment demandé ce qui avait pu motiver ces choix et je crois que j’aurais aimé une communication plus claire à ce sujet pour essayer de comprendre plutôt que d’être dans&nbsp;l’interprétation.</p>
  240. <p>L’évènement a depuis été annulé car pas assez de personnes étaient motivées par cette rencontre. Difficile d’en tirer des conclusions à chaud. Difficile de savoir au bout de combien de personnes est-ce que ça devenait rentable (financièrement&#8239;?). Facile de faire des liens de cause à effet erronés en écoutant uniquement ma micro-bulle. Facile d’imaginer que ça n’ait pas été facile pour les personnes bénévoles qui se sont motivées pour l’organisation cette&nbsp;année.</p>
  241. <p>On peut lire actuellement sur la <a href="https://sudweb.fr/2023/">page 2023&nbsp;de l’évènement</a>&nbsp;(<a href="/david/cache/2023/32448878bfcad6dd5d1bcb2b626f1a9d/">cache</a>)&nbsp;:</p>
  242. <blockquote>
  243. <p>Ne vous arrêtez pas, ne vous arrêtez&nbsp;jamais.</p>
  244. </blockquote>
  245. <p>Ça me questionne beaucoup aussi&nbsp;: c’est correct de s’asseoir faire une pause pour ne pas se brûler, d’accepter la déception de ce qui vient de se produire, de prendre le temps d’aller demander pourquoi est-ce que ça ne s’est pas passé, de libérer ses émotions&nbsp;maladroitement.</p>
  246. <p>C’est ce que je suis en train d’essayer de faire à mon&nbsp;échelle.</p>
  247. <h2>
  248. <a href="/david/2023/02/07/" title="Lien permanent vers cet article">Madeleine</a> (2023-02-07)
  249. </h2>
  250. <details>
  251. <summary>Déplier pour lire le contenu de la publication</summary>
  252. <p>Ma madeleine du jour m’a été offerte par <a href="https://latitude77.org">Aurélien</a> qui pointait vers <a href="https://lightdock.org/">LightDock</a>, ce qui m’a rappelé mon stage de master et mes <a href="/david/biologeek/archives/20051017-parser-un-fichier-pdb-en-python-facilement-et-efficacement/">premiers pas en Python</a>. Où l’on remarque qu’il y a 18&nbsp;ans, les <em>list-comprehensions</em> et les <code>__methodes_magiques__</code> devaient être&nbsp;récentes…</p>
  253. <p>Mais au fait, que s’est-il passé ces 20&nbsp;dernières années en bio-informatique&#8239;? Est-ce encore une matière (hybride) à part entière ou le <em>in silico</em> a-t-il fini par bouffer la&nbsp;madeleine&#8239;?</p>
  254. <hr />
  255. <p>🚲 Où j’apprends que la piste cyclable en bas de chez moi est considéré comme «&nbsp;bonne&nbsp;» <a href="https://numerique.banq.qc.ca/patrimoine/details/52327/3393377">depuis pas mal de temps</a>.</p>
  256. <hr />
  257. <blockquote>
  258. <p>🌱 J’ai fait des études d’agriculture biologique et ce milieu m’a dégoûté. On est dans la production. Et dans la production, soit tu t’auto-exploites, soit tu exploites de la main-d’oeuvre. <mark>Dans le bio, l’essentiel de la main-d’oeuvre, ce sont des sans-papiers.</mark> Cette réalité embarrasse énormément ceux qui croient que le bio est le summum de l’alternative. À une époque, avec des copains, on avait organisé des dépôts de paniers de légumes à Bruxelles. On est allé travailler dans le lieu de production situé à une vingtaine de kilomètres de Bruxelles. On s’est retrouvé avec des sans-papiers. Les dessous de la production échappent aux radars. Pourtant, en y réfléchissant, si les gens étaient payés décemment, c’est le quadruple du prix qu’on devrait payer. Eux, aux Fraternités ouvrières, ils ne font pas de la production. Ils n’essaient pas de te vendre une production éthique ou biologique. Ils te disent&nbsp;: «&nbsp;Vas-y, expérimente&nbsp;». C’est une incitation à expérimenter&nbsp;l’autonomie.</p>
  259. <p><cite><em><a href="https://www.rayonvertcinema.org/benjamin-hennot-interview/">Benjamin Hennot&nbsp;: Interview</a></em>&nbsp;(<a href="/david/cache/2023/ee7eb9c245d1b2c4b91b8dda4cd7d318/">cache</a>)</cite></p>
  260. </blockquote>
  261. <blockquote lang="en">
  262. <p>🎯 No, we need to move our attention back to the folks that have been right all along. The people who never gave up on semantic markup, CSS, and progressive enhancement for most sites. The people who, when slinging JS, have treated it as special occasion food. <mark>The tools and communities whose culture puts the user ahead of the developer</mark> and hold evidence of doing better for users in the highest&nbsp;regard.</p>
  263. <p><cite><em><a href="https://infrequently.org/2023/02/the-market-for-lemons/">The Market for Lemons</a></em>&nbsp;(<a href="/david/cache/2023/5b35e3f3639ceb7d9f684aa81979f304/">cache</a>)</cite></p>
  264. </blockquote>
  265. <blockquote lang="en">
  266. <p>✍️ To feed my blogging, I am constantly reading books, magazine articles, academic papers, and a sprawling network of blogs (I follow about 400&nbsp;via my RSS feed on Feedly). Much as writing catalyzes thinking, <mark>reading catalyzes writing;</mark> the vast majority of ideas I get for blog posts come from reading something and having it trigger a “wait, what about …”&nbsp;moment.</p>
  267. <p><cite><em><a href="https://clivethompson.medium.com/how-blogging-changes-the-way-you-think-526734dc86d1">How Blogging Changes The Way You Think</a></em>&nbsp;(<a href="/david/cache/2023/9caf3cf36d339cfffad8582583493204/">cache</a>)</cite></p>
  268. </blockquote>
  269. <hr />
  270. <blockquote lang="en">
  271. <p>🙈 Wikis, unless you have someone whose job it is to maintain the wiki, is where knowledge goes to&nbsp;die</p>
  272. <p><cite><em><a href="https://cloudisland.nz/@aurynn/109808680824741796">@aurynn@cloudisland.nz sur&nbsp;mastodon</a></em></cite></p>
  273. </blockquote>
  274. <blockquote>
  275. <p>🤯 une voiture, c’est jamais qu’un gros fauteuil roulant, hein.</p>
  276. <p><cite><em><a href="https://mamot.fr/@ffoodd/109796035120760099">@ffoodd@mamot.fr sur&nbsp;mastodon</a></em></cite></p>
  277. </blockquote>
  278. <blockquote lang="en">
  279. <p>👀 I have been in tech so long, I only have one question when I hear of a new invention.<br />
  280. Will it be used for war, porn or&nbsp;surveillance?</p>
  281. <p><cite><em><a href="https://eupolicy.social/@why0hy/109749311459562949">@why0hy@eupolicy.social sur&nbsp;mastodon</a></em></cite></p>
  282. </blockquote>
  283. </details>
  284. </main>
  285. <hr>
  286. <footer>
  287. <p>
  288. <nobr>
  289. <a href="/david/" title="Aller à l’accueil">
  290. <svg class="icon icon-home">
  291. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-home"></use>
  292. </svg>
  293. Accueil</a>
  294. </nobr>
  295. <nobr>
  296. <a href="/david/log/" title="Accès au flux RSS">
  297. <svg class="icon icon-rss2">
  298. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-rss2"></use>
  299. </svg>
  300. Suivre</a>
  301. </nobr>
  302. <nobr>
  303. <a href="http://larlet.com"
  304. title="Go to my English profile"
  305. data-instant>
  306. <svg class="icon icon-user-tie">
  307. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-user-tie"></use>
  308. </svg>
  309. Pro</a>
  310. </nobr>
  311. <nobr>
  312. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">
  313. <svg class="icon icon-mail">
  314. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-mail"></use>
  315. </svg>
  316. Email</a>
  317. </nobr>
  318. <nobr>
  319. <abbr class="nowrap"
  320. title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">
  321. <svg class="icon icon-hammer2">
  322. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-hammer2"></use>
  323. </svg>
  324. Légal</abbr>
  325. </nobr>
  326. </p>
  327. <template id="theme-selector">
  328. <form>
  329. <fieldset>
  330. <legend>
  331. <svg class="icon icon-brightness-contrast">
  332. <use xlink:href="/static/david/icons2/symbol-defs-2022-03.svg#icon-brightness-contrast"></use>
  333. </svg>
  334. Thème
  335. </legend>
  336. <label>
  337. <input type="radio" value="auto" name="chosen-color-scheme" checked>
  338. Auto
  339. </label>
  340. <label>
  341. <input type="radio" value="dark" name="chosen-color-scheme">
  342. Foncé
  343. </label>
  344. <label>
  345. <input type="radio" value="light" name="chosen-color-scheme">
  346. Clair
  347. </label>
  348. </fieldset>
  349. </form>
  350. </template>
  351. </footer>
  352. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  353. <script>
  354. function loadThemeForm(templateName) {
  355. const themeSelectorTemplate = document.querySelector(templateName)
  356. const form = themeSelectorTemplate.content.firstElementChild
  357. themeSelectorTemplate.replaceWith(form)
  358. form.addEventListener('change', (e) => {
  359. const chosenColorScheme = e.target.value
  360. localStorage.setItem('theme', chosenColorScheme)
  361. toggleTheme(chosenColorScheme)
  362. })
  363. const selectedTheme = localStorage.getItem('theme')
  364. if (selectedTheme && selectedTheme !== 'undefined') {
  365. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  366. }
  367. }
  368. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  369. window.addEventListener('load', () => {
  370. let hasDarkRules = false
  371. for (const styleSheet of Array.from(document.styleSheets)) {
  372. let mediaRules = []
  373. for (const cssRule of styleSheet.cssRules) {
  374. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  375. continue
  376. }
  377. // WARNING: Safari does not have/supports `conditionText`.
  378. if (cssRule.conditionText) {
  379. if (cssRule.conditionText !== prefersColorSchemeDark) {
  380. continue
  381. }
  382. } else {
  383. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  384. continue
  385. }
  386. }
  387. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  388. }
  389. // WARNING: do not try to insert a Rule to a styleSheet you are
  390. // currently iterating on, otherwise the browser will be stuck
  391. // in a infinite loop…
  392. for (const mediaRule of mediaRules) {
  393. styleSheet.insertRule(mediaRule.cssText)
  394. hasDarkRules = true
  395. }
  396. }
  397. if (hasDarkRules) {
  398. loadThemeForm('#theme-selector')
  399. }
  400. })
  401. </script>
  402. </body>
  403. </html>