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.xml 155KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <?xml-stylesheet href="/david/log/feed.xsl" type="text/xsl"?>
  3. <feed xmlns="http://www.w3.org/2005/Atom">
  4. <title>David Larlet</title>
  5. <subtitle>Dernières mises à jour du site</subtitle>
  6. <link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
  7. <link href="https://larlet.fr/david/log/" rel="self" />
  8. <id>https://larlet.fr/david/</id>
  9. <updated>2024-05-06T12:00:00+01:00</updated>
  10. <author>
  11. <name>David Larlet</name>
  12. <uri>https://larlet.fr/david/</uri>
  13. </author>
  14. <rights>Copyright (c) 2004-2024, David Larlet</rights>
  15. <entry xml:lang="fr">
  16. <title type="html">Jour 2</title>
  17. <link href="https://larlet.fr/david/2024/05/05/" rel="alternate" type="text/html" />
  18. <updated>2024-05-05T12:00:00+01:00</updated>
  19. <id>https://larlet.fr/david/2024/05/05/</id>
  20. <summary type="html">
  21. &lt;blockquote&gt;
  22. &lt;p&gt;Un ultratrail est un concours de bouffe, itinérant.&lt;/p&gt;
  23. &lt;p&gt;&lt;cite&gt;Kilian Jornet, de&amp;nbsp;mémoire.&lt;/cite&gt;&lt;/p&gt;
  24. &lt;/blockquote&gt;
  25. &lt;p&gt;Réveil à 5h-&lt;em&gt;ish&lt;/em&gt;, départ à 6h-&lt;em&gt;ish&lt;/em&gt;. Cette journée va être une course contre la météo. De la pluie en continu est annoncée à partir de 9h et je veux avoir dépassé la section avec les ponts en bois et les rochers avant cela car ça devient rapidement glissant. Je trottine tout ce que je peux tout en sachant que les dénivelés sont en fin de parcours. Cruels choix entre les craintes et les&amp;nbsp;douleurs.&lt;/p&gt;
  26. &lt;p&gt;Le sac fait un bon kilo de moins, ce qui aide pas mal. J’ai appris à mieux le charger aussi et à utiliser les compartiments à bon escient pour éviter de mouiller mes affaires en allant chercher de la nourriture par exemple. Beaucoup d’apprentissages pendant cette sortie d’initiation au &lt;em&gt;fastpacking&lt;/em&gt; (pour lâcher les gros&amp;nbsp;mots).&lt;/p&gt;
  27. &lt;p&gt;Chaque partie de la chaine musculaire de la jambe se fait connaitre tour à tour, pour l’instant les maillons tiennent le coup et je réussis à passer le &lt;em&gt;crux&lt;/em&gt; presque dans les temps. Il y a un jeu dangereux à être en équilibre sur cette limite. Je sens bien que j’ai encore une marge de progression physique non négligeable à acquérir pour aller plus&amp;nbsp;loin.&lt;/p&gt;
  28. &lt;p&gt;La suite se fait intégralement sous la pluie et lorsque le vent s’en mêle c’est la douche assurée en raison des branches gorgées d’eau. Je choisis l’option de rester en t-shirt à manches longues plutôt que de mettre une protection étanche, il y a suffisamment de montées pour éviter l’hypothermie et ça permet de sécher en continu. Encore une journée assez intense pour les pieds. Entre l’humidité et les frottements, il faut que je trouve de meilleures options. Le &lt;a href=&quot;https://larlet.fr/david/2024/03/21/#hr-129&quot;&gt;traitement&lt;/a&gt; que j’ai entamé il y a plus d’un mois n’a pas l’air très efficace (ou alors ce serait pire&amp;nbsp;sans&amp;#8239;?).&lt;/p&gt;
  29. &lt;p&gt;J’ai amené pas mal de personnes dans cette forêt, aussi il y a des passages qui ont maintenant une valeur sentimentale. Je me rends compte que cela m’aide pour passer certaines parties et garder la lucidité nécessaire en fin de parcours. J’ai du mal à décrire à quel point le profil et les efforts sont différents d’une randonnée dans les Alpes françaises par exemple. Il y a notamment une charge mentale constante relative au terrain qui peut vite être fatigante. C’est aussi ce qui rend si difficile une progression&amp;nbsp;rapide.&lt;/p&gt;
  30. &lt;p&gt;J’arrive encore à trottiner dans le vingtième et dernier kilomètre de cette sortie. Ça n’a plus rien d’aérien (doux euphémisme) mais ça augure de bonnes choses pour la suite de mes projets. Peut-être une autre &lt;a href=&quot;https://clubpleinairsaint-donat.org/cartes-et-sentiers/la-grande-boucle/&quot;&gt;grande boucle&lt;/a&gt;&amp;#8239;?&lt;/p&gt;
  31. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  32. </entry>
  33. <entry xml:lang="fr">
  34. <title type="html">Jour 1</title>
  35. <link href="https://larlet.fr/david/2024/05/04/" rel="alternate" type="text/html" />
  36. <updated>2024-05-04T12:00:00+01:00</updated>
  37. <id>https://larlet.fr/david/2024/05/04/</id>
  38. <summary type="html">
  39. &lt;blockquote lang=&quot;en&quot;&gt;
  40. &lt;p&gt;There’s a difference between knowing the path and walking the&amp;nbsp;path.&lt;/p&gt;
  41. &lt;p&gt;&lt;cite&gt;Morpheus, donnant des conseils Komoot à&amp;nbsp;Néo.&lt;/cite&gt;&lt;/p&gt;
  42. &lt;/blockquote&gt;
  43. &lt;p&gt;Réveil à 5h30. &lt;a href=&quot;https://larlet.fr/david/2024/04/20/&quot;&gt;Encore.&lt;/a&gt; En route vers la forêt Ouareau. Encore. Cette fois avec un peu moins d’ambition /&amp;nbsp;orgueil.&lt;/p&gt;
  44. &lt;p&gt;Niveau confiance, elle est assez haute tout de même car j’ai réussi à trottiner 24km la fin de semaine précédente. En bémol, je suis allé faire du tennis la veille et j’ai un peu mal au&amp;nbsp;dos.&lt;/p&gt;
  45. &lt;p&gt;Niveau matériel, j’ai réussi à faire descendre le sac à 7&amp;nbsp;kilos (sans eau) et je teste pour l’occasion un sac-gilet adapté à la course qui soit robuste et permette de transporter une&amp;nbsp;tente.&lt;/p&gt;
  46. &lt;p&gt;Le départ est très rapide, l’envie est bien là, la frustration des «&amp;nbsp;échecs&amp;nbsp;» précédents aussi. Je me rends bien compte que je ne vais pas pouvoir tenir toute la journée comme ça. Je mets une heure de moins que lors de ma précédente tentative dans la neige&amp;#8239;! Je prends le sac de nourriture dédié à la prochaine section et je m’attaque au mont 107. C’est le sommet de la sortie et déjà je me félicite d’avoir renoncé l’autre fois car le chemin est un torrent de fonte bien raide. Le reste de la journée viendra me confirmer la validité de ce&amp;nbsp;choix.&lt;/p&gt;
  47. &lt;p&gt;Je tente de petites foulées dans la descente et ça semble passer sans trop balloter en arrière. Je ne sais pas si c’est le format de sac ou son poids mais la différence en terme de mobilité est flagrante. J’apprécie ce sentiment de liberté physique. Notamment car ça glisse beaucoup avec l’humidité ambiante. Je découvre des sentiers que je n’avais pas encore arpentés et des points de vue… dans le&amp;nbsp;nuage.&lt;/p&gt;
  48. &lt;p&gt;Après une douzaine de kilomètres, je rejoins une piste forestière sur 2/3&amp;#8239;km, l’occasion de voir si je suis encore capable de courir (oui&amp;#8239;!). J’essaye vraiment de rester économe car le chemin restant pourrait être encore long, je n’ai pas de plan très précis cette fois-ci, je veux retrouver cette flexibilité que la trace numérique vient contenir. Je m’arrête lorsque je suis fatigué et je fais des détours si j’ai&amp;nbsp;envie.&lt;/p&gt;
  49. &lt;p&gt;La rivière Ouareau était en crue et je ne peux qu’observer les dégâts que cela a produit sur le «&amp;nbsp;Sentier des murmures&amp;nbsp;» qui porte assez mal son nom en cette saison. La plupart des ponts non arrimés ont bougé et/ou sont difficilement praticables. Cette partie qui devait être roulante est entrecoupée de crochets pour ne pas finir dans l’eau. J’arrive néanmoins à un premier emplacement que j’aime beaucoup mais le bruit de la rivière est trop important pour que je puisse dormir à ses côtés. Il y a une différence entre bruit blanc et eaux&amp;nbsp;blanches&amp;#8239;!&lt;/p&gt;
  50. &lt;p&gt;Je décide de remonter jusqu’à l’abri 3&amp;nbsp;côtés que je convoitais la fois précédente. Cela rajoute quelques kilomètres mais c’est aussi la possibilité de dormir au sec qui m’attire car la météo est incertaine. En arrivant en face de cet endroit, je tombe nez à nez avec une quinzaine de tentes, ce que je n’avais jamais croisé auparavant dans aucune de mes sorties. Un club de kayak est venu profiter des eaux en crue pour le weekend. J’allonge encore de quelques kilomètres, j’ai trop besoin de ma&amp;nbsp;tranquillité…&lt;/p&gt;
  51. &lt;p&gt;Je décide d’aller jusqu’au lac bœuf auquel j’avais &lt;a href=&quot;https://larlet.fr/david/2024/02/24/&quot;&gt;rendu visite&lt;/a&gt; il y a quelques mois. C’est un nouvel emplacement alors j’ai l’espoir qu’il soit libre et c’est le cas. Curieusement, je ne me sens pas épuisé mais j’appréhende tout de même le retour avec la fatigue. Ma montre m’indique 24&amp;#8239;km à l’arrivée après plus de 7&amp;nbsp;heures d’effort et environ 1000&amp;nbsp;mètres de dénivelé. La carte comptabilise 25,5&amp;#8239;km. Qui croire&amp;#8239;? Est-ce vraiment important&amp;#8239;? Je me réjouis d’être arrivé et d’explorer les différentes possibilités de couchage. Je vois le soleil pour la première fois de la&amp;nbsp;journée.&lt;/p&gt;
  52. &lt;p&gt;Le printemps québécois reste une saison très bruyante, surtout aux abords des lacs. Entre les oiseaux et les insectes, c’est la cacophonie &lt;strong&gt;toute la nuit&lt;/strong&gt;. Je suis très content d’avoir opté pour une tente fermée après avoir beaucoup hésité, la moustiquaire se retrouve constellée de bibittes après seulement une quinzaine de&amp;nbsp;minutes.&lt;/p&gt;
  53. &lt;p&gt;Côté &lt;a href=&quot;https://larlet.fr/david/2024/04/22/&quot;&gt;alimentation&lt;/a&gt;, cette nouvelle stratégie qui consiste à manger en permanence est une réussite. Par contre, il va falloir que je me fasse mes propres compositions car celles du commerce sont vraiment pas terribles. J’avais l’espoir que des choses aient changé au cours de ces 10&amp;nbsp;dernières années. Pareil pour les plats lyophilisés, deuxième fois que je trouve ça horrible. Rendez-moi ma semoule et mes nouilles&amp;nbsp;instantanées&amp;#8239;!&lt;/p&gt;
  54. &lt;figure&gt;
  55. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-05-04-bonheur-boules.jpg&quot;
  56. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  57. &lt;img
  58. src=&quot;https://larlet.fr/static/david/2024/2024-05-04-bonheur-boules.jpg&quot;
  59. width=&quot;2922&quot; height=&quot;2922&quot;
  60. srcset=&quot;/static/david/2024/2024-05-04-bonheur-boules.jpg 2922w, /static/david/2024/2024-05-04-bonheur-boules_660x440.jpg 660w, /static/david/2024/2024-05-04-bonheur-boules_990x660.jpg 990w, /static/david/2024/2024-05-04-bonheur-boules_1320x880.jpg 1320w&quot;
  61. sizes=&quot;min(100vw, calc(100vh * 2922 / 2922))&quot;
  62. loading=&quot;lazy&quot;
  63. decoding=&quot;async&quot;
  64. alt=&quot;Photo du livre «&amp;nbsp;Le bonheur est dans les boules&amp;nbsp;» emprunté à la bibliothèque.&quot;&gt;
  65. &lt;/a&gt;
  66. &lt;figcaption&gt;Le bonheur est dans les boules. #OhWait&lt;/figcaption&gt;
  67. &lt;/figure&gt;
  68. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  69. </entry>
  70. <entry xml:lang="fr">
  71. <title type="html">42</title>
  72. <link href="https://larlet.fr/david/2024/04/23/" rel="alternate" type="text/html" />
  73. <updated>2024-04-23T12:00:00+01:00</updated>
  74. <id>https://larlet.fr/david/2024/04/23/</id>
  75. <summary type="html">
  76. &lt;p&gt;Je me sens encore en vie, acceptant de ne pas avoir toutes les&amp;nbsp;réponses.&lt;/p&gt;
  77. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/gratitude/&quot;&gt;#gratitude&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/introspection/&quot;&gt;#introspection&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  78. </entry>
  79. <entry xml:lang="fr">
  80. <title type="html">Alimentation</title>
  81. <link href="https://larlet.fr/david/2024/04/22/" rel="alternate" type="text/html" />
  82. <updated>2024-04-22T12:00:00+01:00</updated>
  83. <id>https://larlet.fr/david/2024/04/22/</id>
  84. <summary type="html">
  85. &lt;p&gt;Je réfléchis beaucoup au nombre de &lt;a href=&quot;https://fr.wiktionary.org/wiki/Calorie&quot;&gt;Calories&lt;/a&gt; dont j’ai besoin sur une journée d’activités intensives. J’ai l’impression d’être autour de 3000-3500 —&amp;nbsp;selon la température notamment. Il m’est difficile d’arriver à une telle quantité en restant en-dessous du kilo par jour &lt;em&gt;et&lt;/em&gt; sans perdre l’appétit au cours du&amp;nbsp;temps.&lt;/p&gt;
  86. &lt;p&gt;J’en suis à me dire que pour de la rando-course, il faut que j’expérimente une approche nutritive hybride aussi avec un petit déjeuner, un repas complet le soir et entre les deux des «&amp;nbsp;collations&amp;nbsp;» variées / équilibrées / hypercaloriques tous les 4-5&amp;#8239;km par exemple. C’est très approximatif et à tester en conditions réelles bien sûr avant de&amp;nbsp;ré-adapter.&lt;/p&gt;
  87. &lt;p&gt;Je suis en train d’itérer sur ma propre recette de &lt;a href=&quot;https://fr.wikipedia.org/wiki/Bannique&quot;&gt;bannique&lt;/a&gt;, tiraillé entre l’appropriation culturelle et la reconnaissance qu’il y a eu des siècles d’itérations avant moi… l’avantage d’une base relativement neutre étant de pouvoir la décliner en de multiples saveurs car le &lt;em&gt;&lt;a href=&quot;https://fr.wikipedia.org/wiki/Lembas&quot;&gt;lembas&lt;/a&gt;&lt;/em&gt; c’est un peu lassant au bout de quelques&amp;nbsp;jours&amp;#8239;!&lt;/p&gt;
  88. &lt;p&gt;On va voir si j’arrive à perdre du poids —&amp;nbsp;dans le sac seulement&amp;nbsp;— avec cette stratégie. J’ai déjà l’impression d’être à bord du &lt;a href=&quot;https://en.wikipedia.org/wiki/Nebuchadnezzar_(The_Matrix)&quot;&gt;Nebuchadnezzar&lt;/a&gt; lorsque je mange mon gruau le matin, je ne suis pas encore prêt à me retrouver dans &lt;a href=&quot;https://en.wikipedia.org/wiki/Soylent_(meal_replacement)&quot;&gt;Soleil Vert&lt;/a&gt;.&lt;/p&gt;
  89. &lt;hr /&gt;
  90. &lt;blockquote lang=&quot;en&quot;&gt;
  91. &lt;p&gt;Too often, I notice that the instinct to give feedback works to cut off that kind of exploration. We assume that the person who is the object of our feedback has something to learn and fail to notice the same thing about ourselves. We presume that if something uncomfortable or unexpected happens, &lt;mark&gt;it represents an opportunity (or even an obligation) to give feedback—rather than an opportunity to get curious,&lt;/mark&gt; to inquire into what’s going&amp;nbsp;on.&lt;/p&gt;
  92. &lt;p&gt;We’ve funneled so much energy into feedback processes that I fear we’ve neglected more foundational skills: the ability to ask questions, to listen deeply, to see the things before us that we’re wont to&amp;nbsp;ignore.&lt;/p&gt;
  93. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://everythingchanges.us/blog/what-you-see/&quot;&gt;What you see | everything&amp;nbsp;changes&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  94. &lt;/blockquote&gt;
  95. &lt;p&gt;🤐&lt;/p&gt;
  96. &lt;hr /&gt;
  97. &lt;blockquote&gt;
  98. &lt;p&gt;Partout on dégaine l’adjectif «&amp;nbsp;systémique&amp;nbsp;» sauf là, où il serait pourtant bien utile. C’est pas un problème de personnes, c’est pas que les masculinités alternatives sont un modèle qui ne s’est pas encore assez diffusé, c’est parce que l’appartenance à une classe qui a des privilèges sur une autre produit quelque chose chez les dominants, une certaine répugnance à ne pas en profiter. Difficile dans ces conditions de se mettre au service du &lt;mark&gt;féminisme entendu comme l’émancipation des femmes et non comme une aventure de développement personnel&lt;/mark&gt;&amp;nbsp;[…]&lt;/p&gt;
  99. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.ecologie-politique.eu/post/Les-hommes-doux-sont-ils-l-avenir-du-feminisme&quot;&gt;Les hommes doux sont-ils l’avenir du&amp;nbsp;féminisme&amp;#8239;?&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  100. &lt;/blockquote&gt;
  101. &lt;p&gt;Ça pique là où il faut que ça&amp;nbsp;pique.&lt;/p&gt;
  102. &lt;hr /&gt;
  103. &lt;blockquote lang=&quot;en&quot;&gt;
  104. &lt;p&gt;Even if you decide not to post the comment or delete it after it is posted, the files are not deleted from GitHub’s CDN, and the download URLs continue to work&amp;nbsp;forever.&lt;/p&gt;
  105. &lt;p&gt;As the file’s URL contains the name of the repository the comment was created in, and as almost every software company uses GitHub, this flaw can allow threat actors to develop extraordinarily crafty and trustworthy&amp;nbsp;lures.&lt;/p&gt;
  106. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.bleepingcomputer.com/news/security/github-comments-abused-to-push-malware-via-microsoft-repo-urls/&quot;&gt;GitHub comments abused to push malware via Microsoft repo&amp;nbsp;URLs&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  107. &lt;/blockquote&gt;
  108. &lt;p&gt;Une astuce pour un hébergement d’images aux frais de Microsoft est en train d’être documentée. À juste titre, je n’avais pas conscience que l’URL était liée au dépôt ce qui ouvre pas mal de possibilités niveau&amp;nbsp;sécurité.&lt;/p&gt;
  109. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/adaptation/&quot;&gt;#adaptation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/laboratoire/&quot;&gt;#laboratoire&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  110. </entry>
  111. <entry xml:lang="fr">
  112. <title type="html">Jour 1</title>
  113. <link href="https://larlet.fr/david/2024/04/20/" rel="alternate" type="text/html" />
  114. <updated>2024-04-20T12:00:00+01:00</updated>
  115. <id>https://larlet.fr/david/2024/04/20/</id>
  116. <summary type="html">
  117. &lt;p&gt;Réveil à 5h30. Ce qui devait être une sortie &lt;em&gt;Légère &amp;amp; Rapide&lt;/em&gt; se révèle ne pas être si &lt;em&gt;Légère&lt;/em&gt; (autour de 12kg) car j’ai 4&amp;nbsp;jours de nourriture sur le dos et que des températures de -10°C sont annoncées ce qui décide de la taille (et donc poids) du duvet&amp;nbsp;notamment.&lt;/p&gt;
  118. &lt;p&gt;Niveau &lt;em&gt;Rapide&lt;/em&gt;, si les premiers kilomètres se déroulent bien car la neige a fondue, dès que je passe dans la vallée suivante je me retrouve avec de la neige jusqu’aux genoux mais surtout qui casse sans prévenir pour atterrir dans le torrent de fonte en dessous. Je suis en baskets. La saisonnalité de mes erreurs me&amp;nbsp;fatigue.&lt;/p&gt;
  119. &lt;p&gt;Dès le 5&lt;sup&gt;e&lt;/sup&gt; kilomètre, les pieds gelés et les chaussures trempées, je sens bien que ça ne va pas le faire. D’autant que je vais avoir du mal à faire sécher des chaussures avec les températures prévues en dormant dehors. Sans compter qu’à force de passer à travers la neige, j’ai ma cheville &lt;a href=&quot;https://larlet.fr/david/2024/01/09/&quot;&gt;encore fragile&lt;/a&gt; qui fatigue. Le vent se lève, il commence à grêler. Le moral&amp;nbsp;flanche.&lt;/p&gt;
  120. &lt;p&gt;Contre mauvaise fortune bon cœur, je décide de transformer ce Grand Tour en un Minuscule Tour à la journée. Il faut savoir ravaler son égo et accepter de revenir avec encore plus d’envie lorsque les conditions sont davantage acceptables —&amp;nbsp;et surtout compatibles avec mes explorations du&amp;nbsp;moment.&lt;/p&gt;
  121. &lt;p&gt;J’ai&amp;nbsp;appris&amp;nbsp;:&lt;/p&gt;
  122. &lt;ul&gt;
  123. &lt;li&gt;qu’il est possible de mettre chaque pied dans un sac type ZipLock pour essayer de garder ses chaussettes relativement sèches, attention une fois percés ça peut faire&amp;nbsp;garrot&amp;#8239;;&lt;/li&gt;
  124. &lt;li&gt;qu’il est possible de faire sécher des chaussettes sur le sac et de faire un roulement à trois paires (toujours avoir une épingle à nourrice sur le sac) en changeant à chaque&amp;nbsp;pause&amp;#8239;;&lt;/li&gt;
  125. &lt;li&gt;qu’il me faut des raquettes jusqu’à fin avril (je le réapprends tous les printemps, faudrait que ça commence à&amp;nbsp;rentrer…)&amp;#8239;;&lt;/li&gt;
  126. &lt;li&gt;qu’il faut que je me rappelle que cette forêt a beaucoup plus de précipitations que ses voisines… et donc une période de fonte plus&amp;nbsp;longue&amp;#8239;;&lt;/li&gt;
  127. &lt;li&gt;qu’il me faut trouver une meilleure manière de m’alimenter dans&amp;nbsp;l’effort.&lt;/li&gt;
  128. &lt;/ul&gt;
  129. &lt;p&gt;Retour à la maison avec le physique pas trop amoché, il va falloir soigner le mental&amp;nbsp;maintenant.&lt;/p&gt;
  130. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/deception/&quot;&gt;#déception&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/foret/&quot;&gt;#forêt&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  131. </entry>
  132. <entry xml:lang="fr">
  133. <title type="html">Calme</title>
  134. <link href="https://larlet.fr/david/2024/04/18/" rel="alternate" type="text/html" />
  135. <updated>2024-04-18T12:00:00+01:00</updated>
  136. <id>https://larlet.fr/david/2024/04/18/</id>
  137. <summary type="html">
  138. &lt;p&gt;Le calme avant la tempête ou la tempête avant le calme. Ces prochains jours en décideront. C’est peut-être aussi la tempête avant la tempête. Me voilà à la barre, en essayant de ne pas la mettre trop haute, acceptant que le cap puisse être réajusté en cours de&amp;nbsp;route.&lt;/p&gt;
  139. &lt;hr /&gt;
  140. &lt;blockquote lang=&quot;en&quot;&gt;
  141. &lt;p&gt;A calm company’s purpose is to provide exceptional service to customers while simultaneously improving the lives of the people who work&amp;nbsp;there.&lt;/p&gt;
  142. &lt;p&gt;&lt;mark&gt;By default, a calm company is profitable.&lt;/mark&gt; Those profits give a calm company its resilience: there’s no last-minute scramble to meet payroll or earn a last-minute sale to keep the business afloat. The company has enough financial margin to weather economic&amp;nbsp;storms.&lt;/p&gt;
  143. &lt;p&gt;Moreover, calm companies are fun to work for. The work is usually interesting and enjoyable. The team has been carefully selected, and there’s a good vibe in&amp;nbsp;meetings.&lt;/p&gt;
  144. &lt;p&gt;Calm companies provide meaningful work, healthy interactions, and flexibility for people’s lives. If your kid is home sick, you can set work aside and take care of them. If it’s a beautiful day, you can go for a run on the&amp;nbsp;beach.&lt;/p&gt;
  145. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://justinjackson.ca/calm-company&quot;&gt;We need more calm&amp;nbsp;companies&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  146. &lt;/blockquote&gt;
  147. &lt;p&gt;Par la force des choses, je me retrouve à réfléchir à cette histoire de profit. Peut-être que l’équilibre est suffisant. Peut-être même qu’il incite à rester frugal, à rester à une échelle humaine, à prendre soin de relations qui ne soient pas dégradées par l’argent. Peut-être que le profit introduit un déséquilibre en lui-même qui ne permet pas de rester&amp;nbsp;calme.&lt;/p&gt;
  148. &lt;hr /&gt;
  149. &lt;blockquote lang=&quot;en&quot;&gt;
  150. &lt;p&gt;&lt;code&gt;Line-height&lt;/code&gt; and &lt;code&gt;vertical-align&lt;/code&gt; are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature of CSS: inline formatting&amp;nbsp;context.&lt;/p&gt;
  151. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align&quot;&gt;Deep dive CSS: font metrics, line-height and&amp;nbsp;vertical-align&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  152. &lt;/blockquote&gt;
  153. &lt;p&gt;Centrer des éléments sur le web —&amp;nbsp;&lt;em&gt;a fortiori&lt;/em&gt; du texte&amp;nbsp;— a toujours été compliqué. &lt;a href=&quot;https://tonsky.me/blog/centering/&quot;&gt;Voire impossible.&lt;/a&gt; Je me demande si des unités comme &lt;code&gt;rlh&lt;/code&gt; on une chance de &lt;a href=&quot;https://pawelgrzybek.com/vertical-rhythm-using-css-lh-and-rlh-units/&quot;&gt;changer des choses&lt;/a&gt; à ce&amp;nbsp;sujet.&lt;/p&gt;
  154. &lt;p&gt;Je vous ai déjà dit que &lt;a href=&quot;https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/&quot;&gt;les CSS c’était devenu génial&amp;#8239;?&lt;/a&gt; Le temps que ça a dû prendre à Stephanie Eckles pour découvrir/collecter/tester/agencer/écrire tout&amp;nbsp;ça&amp;nbsp;😮.&lt;/p&gt;
  155. &lt;hr /&gt;
  156. &lt;blockquote lang=&quot;en&quot;&gt;
  157. &lt;p&gt;What is less thrilling is that, nevermind the basic accessibility requirements that are often missing like alt text on images, we stopped letting people do very normal web things. There are a number of avenues to route the blame to: rushing to release something midly usable for testing protocols in the wild, not having a UI engineer on the project, building things in a mobile “touch first” experience and ignoring other inputs or devices; the list goes on. In the end, &lt;mark&gt;it’s usually because we’ve JavaScript’ed our way out of these&amp;nbsp;things.&lt;/mark&gt;&lt;/p&gt;
  158. &lt;p&gt;Here are some things I wish people allowed to continue to work in their web&amp;nbsp;projects:&lt;/p&gt;
  159. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://heather-buchel.com/blog/2023/07/just-normal-web-things/&quot;&gt;Just normal web&amp;nbsp;things.&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  160. &lt;/blockquote&gt;
  161. &lt;p&gt;Oui. Les cas exceptionnels existent… dans la mesure où ils restent des cas exceptionnels. Ça arrive, mais ça doit rester très&amp;nbsp;rare.&lt;/p&gt;
  162. &lt;hr /&gt;
  163. &lt;blockquote lang=&quot;en&quot;&gt;
  164. &lt;p&gt;It comes down to this annoying, upsetting, stupid fact: the only way to build a great product is to use it every day, to stare at it, to hold it in your hands to feel its lumps. The data and customers will lie to you but the product never will. And &lt;mark&gt;most product orgs suck because they simply don’t use the products that they’re building;&lt;/mark&gt; they ship incremental nothings without direction because they’re looking at spreadsheets all day long filled with junk data&amp;nbsp;nothings.&lt;/p&gt;
  165. &lt;p&gt;See, I don’t know much about product stuff. I have no experience as a product manager, no experience running teams or building a company. Take everything I say here with an enormous silo of salt. But: I don’t care what the data shows me and I’m not sure I ever will. You can show me charts and spreadsheets all day long and I will not care. Tell me what your gut says instead after relentless experience of the product every day. This is the only way to see the world&amp;nbsp;clearly.&lt;/p&gt;
  166. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://robinrendle.com/notes/vibe-driven-development/&quot;&gt;Vibe Driven&amp;nbsp;Development&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  167. &lt;/blockquote&gt;
  168. &lt;p&gt;Je voulais en parler depuis bien longtemps. C’est l’une des raisons pour lesquelles j’essaye d’être acteur des &lt;a href=&quot;https://larlet.fr/david/2024/04/17/&quot;&gt;évènements&lt;/a&gt; que je produis. Entre égoïsme et altruisme la frontière peut être fine dans ce&amp;nbsp;domaine.&lt;/p&gt;
  169. &lt;hr /&gt;
  170. &lt;blockquote lang=&quot;en&quot;&gt;
  171. &lt;p&gt;I said “delve” was overused by ChatGPT compared to the internet at large. But there’s one part of the internet where “delve” is a much more common word: the African web. In Nigeria, “delve” is much more frequently used in business English than it is in England or the US. So the workers training their systems provided examples of input and output that used the same language, &lt;mark&gt;eventually ending up with an AI system that writes slightly like an&amp;nbsp;African.&lt;/mark&gt;&lt;/p&gt;
  172. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.theguardian.com/technology/2024/apr/16/techscape-ai-gadgest-humane-ai-pin-chatgpt&quot;&gt;TechScape: How cheap, outsourced labour in Africa is shaping AI&amp;nbsp;English&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  173. &lt;/blockquote&gt;
  174. &lt;p&gt;On ne sait plus qui donne la leçon à qui dans ces jeux d’apprentissages. La langue ne ment pas. J’attends qu’Olivier Ertzscheid en fasse un billet&amp;nbsp;🍿.&lt;/p&gt;
  175. &lt;p&gt;&lt;em&gt;Via &lt;a href=&quot;https://simonwillison.net/2024/Apr/18/delve/&quot;&gt;Simon Willison&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;
  176. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/introspection/&quot;&gt;#introspection&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  177. </entry>
  178. <entry xml:lang="fr">
  179. <title type="html">Échelle</title>
  180. <link href="https://larlet.fr/david/2024/04/17/" rel="alternate" type="text/html" />
  181. <updated>2024-04-17T12:00:00+01:00</updated>
  182. <id>https://larlet.fr/david/2024/04/17/</id>
  183. <summary type="html">
  184. &lt;blockquote lang=&quot;en&quot;&gt;
  185. &lt;p&gt;We have been obsessed with this scalability as the single differentiating factor that will tell us how well something will adapt to the changing requirements of an organization and increasing, diverse technical demand. But for businesses, scaling means that output remains the same or only slightly degrades while production costs&amp;nbsp;lower.&lt;/p&gt;
  186. &lt;p&gt;&lt;mark&gt;Scalability has become the leading differentiator, the Leitdifferenz, of almost everything in our industry.&lt;/mark&gt; From the tech we develop with, for, and on to what, how, and who we design for It’s almost like a trance that we keep repeating to ourselves.“But will it scale?” is first and foremost a matter of business. But in development and design, it also refers to other factors. Yet when it comes to matters of industrialization, these factors remain&amp;nbsp;secondary.&lt;/p&gt;
  187. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://helloyes.dev/blog/2023/craft-vs-industry/&quot;&gt;Craft vs Industry: Separating&amp;nbsp;Concerns&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  188. &lt;/blockquote&gt;
  189. &lt;p&gt;C’est la raison pour laquelle je suis de plus en plus attiré par de petits évènements (voir ci-dessous) qui peuvent avoir lieu dans des endroits différents —&amp;nbsp;de manière distribuée&amp;nbsp;— par des communautés qui peuvent y mettre leurs propres échelles pour embarquer de nouvelles&amp;nbsp;personnes.&lt;/p&gt;
  190. &lt;hr /&gt;
  191. &lt;blockquote lang=&quot;en&quot;&gt;
  192. &lt;p&gt;I don’t think we &lt;em&gt;need&lt;/em&gt; new metaphors for the things we do with computers. But I like thinking about &lt;mark&gt;creating software as organizing an event.&lt;/mark&gt; Here are some reasons why I think &lt;em&gt;event&lt;/em&gt; is a better metaphor than &lt;em&gt;product&lt;/em&gt;:&lt;/p&gt;
  193. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.kooslooijesteijn.net/blog/app-website-is-not-product&quot;&gt;Your app is not a&amp;nbsp;product&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  194. &lt;/blockquote&gt;
  195. &lt;p&gt;Je ne vais pas énumérer toute la liste ici mais il y a de bonnes choses à aller picorer pour alimenter mes propres réflexions à ce&amp;nbsp;sujet.&lt;/p&gt;
  196. &lt;hr /&gt;
  197. &lt;blockquote lang=&quot;en&quot;&gt;
  198. &lt;p&gt;Ecology knows that shifting baselines dampen collective urgency and deepen generational divides. People who care about internet monoculture and control are often told they’re nostalgists harkening back to a pioneer era. But it’s fiendishly hard to regenerate an open and competitive infrastructure for younger generations who’ve been raised to assume that two or three platforms, two app stores, two operating systems, two browsers, one cloud/mega-store and a single search engine for the world comprise the internet. If &lt;em&gt;the internet&lt;/em&gt; for you is the massive sky-scraping silo you happen to live inside and the only thing you can see outside is the single, other massive sky-scraping silo, then &lt;mark&gt;how can you imagine anything&amp;nbsp;else?&lt;/mark&gt;&lt;/p&gt;
  199. &lt;p&gt;[…] For tech giants, the long period of open internet evolution is over. Their internet is not an ecosystem. It’s a&amp;nbsp;zoo.&lt;/p&gt;
  200. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.noemamag.com/we-need-to-rewild-the-internet/&quot;&gt;We Need To Rewild The&amp;nbsp;Internet&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  201. &lt;/blockquote&gt;
  202. &lt;p&gt;Ce troisième lien est lui aussi une métaphore, combinant &lt;em&gt;forêt&lt;/em&gt; et &lt;em&gt;web&lt;/em&gt;. Lorsqu’on constate ce qu’il advient de nos forêts, je ne sais pas trop s’il est possible d’être optimiste à ce&amp;nbsp;sujet…&lt;/p&gt;
  203. &lt;hr /&gt;
  204. &lt;blockquote&gt;
  205. &lt;p&gt;Nous sommes un groupe d’étudiants dans les métiers du multimédia et de l’Internet. Pourtant nous n’avons pas numérisé. Il y a un an, &lt;mark&gt;nous nous empressions&lt;/mark&gt; de faire une solution numérique éco conçue pour répondre à un&amp;nbsp;problème.&lt;/p&gt;
  206. &lt;p&gt;Aujourd’hui, avec du recul, des connaissances supplémentaires et une nouvelle vision, nous nous demandons s’il est nécessaire de&amp;nbsp;numériser.&lt;/p&gt;
  207. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://nousnavonspasnumerise.mmibordeaux.com/autopsie/&quot;&gt;Nous n’avons pas&amp;nbsp;numérisé.&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  208. &lt;/blockquote&gt;
  209. &lt;p&gt;Un peu d’espoir tout de&amp;nbsp;même.&lt;/p&gt;
  210. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/decentralisation/&quot;&gt;#décentralisation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/protopie/&quot;&gt;#protopie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  211. </entry>
  212. <entry xml:lang="fr">
  213. <title type="html">Apex 2</title>
  214. <link href="https://larlet.fr/david/2024/04/14/" rel="alternate" type="text/html" />
  215. <updated>2024-04-14T12:00:00+01:00</updated>
  216. <id>https://larlet.fr/david/2024/04/14/</id>
  217. <summary type="html">
  218. &lt;p&gt;&lt;em&gt;Bon allez, retour &lt;a href=&quot;https://larlet.fr/david/2024/03/14/&quot;&gt;après un mois&lt;/a&gt;, autant dire que je manque de&amp;nbsp;recul.&lt;/em&gt;&lt;/p&gt;
  219. &lt;p&gt;Je l’ai porté tous les jours, et même la nuit, ce qui ne m’était jamais arrivé auparavant. C’est à la fois la légèreté (42&amp;nbsp;grammes&amp;#8239;!) et le bracelet très confortable (et qui sèche vite) qui permettent cela. La possibilité d’inverser le cadran de la montre pour avoir les boutons à l’opposé du poignet me correspond bien dans mes peurs à ce niveau là aussi. Côté ergonomie, j’adore qu’il n’y ait que 3&amp;nbsp;boutons, la roulette est un peu lente à mon goût par&amp;nbsp;contre.&lt;/p&gt;
  220. &lt;p&gt;Niveau motivation, je m’y attendais mais pas dans cette proportion là, j’ai fait énormément de sport(s) ce dernier mois. J’ai enregistré une cinquantaine d’activités mais je consigne aussi les aller-retours à l’école en vélo car je voulais vraiment identifier les moments de «&amp;nbsp;récupération active&amp;nbsp;». Il y en a d’autres que j’ai loupé donc ça compense. J’ai redécouvert ma &lt;em&gt;pain cave&lt;/em&gt; à cette occasion mais ça fera l’objet d’un billet distinct. J’ai redécouvert mes douleurs d’usure&amp;nbsp;aussi…&lt;/p&gt;
  221. &lt;p&gt;Je suis surpris qu’il n’y ait pas un mode pour générer des activités &lt;em&gt;a posteriori&lt;/em&gt; vu que tout est consigné au quotidien, même avec une fréquence de rafraichissement moindre qu’en effort explicite ça serait intéressant pour éviter d’avoir à y penser. Encore plus surprenant&amp;nbsp;: il n’est pas possible de changer un type d’activité après coup, ce qui me serait très utile quand je suis avec l’enfant car je ne sais jamais quand une marche va se transformer en course (et &lt;em&gt;vice versa&lt;/em&gt;).&lt;/p&gt;
  222. &lt;p&gt;Le GPS est suffisamment précis pour mon usage (vs. double fréquence), ce qui m’avait beaucoup fait hésité avec la version Pro. Je suis très content d’avoir parié sur des taille / poids qui me conviennent davantage. En contrepartie, la batterie tient pour 2 &lt;a href=&quot;https://larlet.fr/david/2024/03/29/&quot;&gt;longs&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/03/30/&quot;&gt;jours&lt;/a&gt; de randonnée, pas beaucoup plus. Un câble de plus à transporter, c’est acceptable. Niveau orientation, c’est pas mal fait, chaque déviation émet un son+vibration avec la distance et le chemin / direction pour rattraper. Je n’ai pas trouvé / cherché s’il était possible de lui dire que la déviation était intentionnelle en cours d’exercice. J’ai la crainte que ça sonne à un moment où je suis un animal selon le contexte… probablement un paramètre à&amp;nbsp;trouver.&lt;/p&gt;
  223. &lt;p&gt;J’ai redécouvert les zones d’effort, le seuil, la VMA, la charge d’entrainement et toutes ces choses là. C’était geekement plaisant de jouer avec ces données. Il y aussi celles relatives au sommeil qui me font réfléchir (pendant les insomnies par&amp;nbsp;exemple&amp;nbsp;🙃).&lt;/p&gt;
  224. &lt;blockquote&gt;
  225. &lt;p&gt;Il faut que j’apprenne à ne pas courir &lt;em&gt;contre&lt;/em&gt; mais &lt;em&gt;avec&lt;/em&gt; la montre. &lt;mark&gt;J’ai trop tendance à pousser&lt;/mark&gt; alors qu’elle sait bien à mon poignet que mon cœur ne va pas&amp;nbsp;suivre.&lt;/p&gt;
  226. &lt;p&gt;Il y a du travail à faire pour transformer un jugement en&amp;nbsp;allié.&lt;/p&gt;
  227. &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://larlet.fr/david/2024/03/14/&quot;&gt;Auto-citation&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  228. &lt;/blockquote&gt;
  229. &lt;p&gt;Bon sur ce plan là, je n’ai pas été très bon. J’ai l’impression de ne pas attendre suffisamment entre deux efforts &lt;em&gt;et&lt;/em&gt; en même temps il y a un autre panneau qui donne le moment optimal pour retourner s’entrainer et qui contredit celui-ci. Il faut que je prenne le temps de mieux me réécouter à ce&amp;nbsp;niveau.&lt;/p&gt;
  230. &lt;figure&gt;
  231. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-04-14-recuperation.jpg&quot;
  232. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  233. &lt;img
  234. src=&quot;https://larlet.fr/static/david/2024/2024-04-14-recuperation.jpg&quot;
  235. width=&quot;960&quot; height=&quot;2079&quot;
  236. srcset=&quot;/static/david/2024/2024-04-14-recuperation.jpg 960w, /static/david/2024/2024-04-14-recuperation_660x440.jpg 660w, /static/david/2024/2024-04-14-recuperation_990x660.jpg 990w, /static/david/2024/2024-04-14-recuperation_1320x880.jpg 1320w&quot;
  237. sizes=&quot;min(100vw, calc(100vh * 960 / 2079))&quot;
  238. loading=&quot;lazy&quot;
  239. decoding=&quot;async&quot;
  240. alt=&quot;Panneau de Récupération de l’application COROS.&quot;&gt;
  241. &lt;/a&gt;
  242. &lt;figcaption&gt;Suis-je vraiment en situation de fatigue / à 50% de mes capacités sur la majorité de mes sessions&amp;nbsp;?!&lt;/figcaption&gt;
  243. &lt;/figure&gt;
  244. &lt;p&gt;Je suis frustré par les capacités limitées de récupération des données (automatisée). J’ai le sentiment qu’il faut passer par une autre plateforme tierce, ou synchroniser à des «&amp;nbsp;services&amp;nbsp;» comme Strava, pour y avoir accès et ça me frustre. Je &lt;a href=&quot;https://larlet.fr/david/2024/03/19/#hr-124&quot;&gt;l’évoquais par ici&lt;/a&gt;. Sur des données de santé, ça me fait bien suer de sortir des serveurs de collecte que je tolère déjà à moitié. Autre déception&amp;nbsp;: ces outils sont vraiment faits pour être personnels et il n’y a pas de mode «&amp;nbsp;prêt&amp;nbsp;» pour une activité. La seule option trouvée pour ne pas fausser les statistiques personnelles semble être de supprimer l’activité après avoir récupéré les&amp;nbsp;données.&lt;/p&gt;
  245. &lt;p&gt;Le prédic(a)teur de course qui m’annonçait initialement un marathon à 5h, j’avoue, ça pique un peu. Et peut-être que ça a participé à ma motivation aussi&amp;nbsp;🤷. On apprend à mutuellement se connaître, on verra dans six mois une fois les courbes&amp;nbsp;stabilisées.&lt;/p&gt;
  246. &lt;p&gt;Niveau montre connectée, je pensais désactiver les notifications dès le premier jour et en fait c’est assez pratique pour trier ce qui est de l’information et ce qui demande une interaction. C’est sûr que je pourrais mieux filtrer à la base mais la plupart des outils ne permettent pas d’avoir une telle granularité. Cela m’a d’une certaine manière éloigné de mon temps d’écran de téléphone (un peu moins) indispensable. J’apprécie de pouvoir mettre des alarmes qui vibrent et qui ne dérangent vraiment que moi, surtout pour les&amp;nbsp;réveils.&lt;/p&gt;
  247. &lt;p&gt;J’ai fait trois &lt;a href=&quot;https://larlet.fr/david/2024/04/07/&quot;&gt;séances&lt;/a&gt; de &lt;a href=&quot;https://larlet.fr/david/2024/04/10/#hr-146&quot;&gt;piscine&lt;/a&gt; pour l’instant et c’est vraiment chouette d’avoir des chiffres à ce sujet, je pense que ça peut m’aider à progresser dans ce domaine. Je n’ai pas suffisamment repris le vélo pour voir si c’est pertinent dans ce contexte aussi. C’est une montre qui est quand même très orientée course dans l’ensemble, le couplage avec un &lt;a href=&quot;https://coros.ca/coros-pod2&quot;&gt;Pod 2&lt;/a&gt; est probablement un moyen d’aller plus loin dans l’amélioration de la foulée notamment. À voir si je creuse cet aspect, j’ai déjà de quoi&amp;nbsp;faire.&lt;/p&gt;
  248. &lt;p&gt;Je ne sais toujours pas à quoi cela sert de connaître le nombre de ses pas &lt;em&gt;estimés&lt;/em&gt; par jour. Encore moins le nombre d’étages… les &lt;em&gt;watchfaces&lt;/em&gt; par contre c’est marrant (au début&amp;#8239;?). Dans l’ensemble ça dépasse mes attentes qui étaient assez élevée, c’est rare. N’hésitez pas si vous avez des questions spécifiques auxquelles je peux&amp;nbsp;répondre.&lt;/p&gt;
  249. &lt;blockquote&gt;
  250. &lt;p&gt;&lt;em&gt;[Aujourd’hui, en allant à la piscine en courant]&lt;/em&gt;&lt;br /&gt;
  251. — Pfiou, j’ai pas encore bien récupéré depuis vendredi…&lt;br /&gt;
  252. — Ah je me disais bien que tu étais à la traîne, je pensais que c’était juste la vieillesse.&lt;br /&gt;
  253. —&amp;nbsp;🫠&lt;/p&gt;
  254. &lt;/blockquote&gt;
  255. &lt;p&gt;Difficile de vivre avec un &lt;del&gt;athlète élite&lt;/del&gt; enfant de 10&amp;nbsp;ans&amp;nbsp;parfois.&lt;/p&gt;
  256. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/enthousiasme/&quot;&gt;#enthousiasme&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/laboratoire/&quot;&gt;#laboratoire&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  257. </entry>
  258. <entry xml:lang="fr">
  259. <title type="html">Fondation</title>
  260. <link href="https://larlet.fr/david/2024/04/13/" rel="alternate" type="text/html" />
  261. <updated>2024-04-13T12:00:00+01:00</updated>
  262. <id>https://larlet.fr/david/2024/04/13/</id>
  263. <summary type="html">
  264. &lt;blockquote&gt;
  265. &lt;p&gt;— A mesure que Trantor devient plus spécialisée, dit Gaal, elle devient plus vulnérable, moins apte à se défendre. Qui plus est, à mesure que s’y développe l’administration centrale de l’Empire, la planète devient une proie plus enviable. Étant donné les difficultés croissantes que soulève le problème de la succession impériale, les querelles toujours plus violentes qui opposent les grandes familles les unes aux autres, le sentiment de la responsabilité envers la société va s’affaiblissant.&lt;br /&gt;
  266. — C’est suffisant. Et quelles sont les probabilités numériques de destruction totale d’ici trois siècles&amp;#8239;?&lt;br /&gt;
  267. — Je ne saurais vous le dire.&lt;br /&gt;
  268. — […] Le chiffre exact est 92,5&amp;#8239;%.&lt;br /&gt;
  269. — Voilà donc pourquoi on vous appelle Cassandre Seldon, dit Gaal. Je n’ai rien vu de tout cela dans les publications scientifiques.&lt;br /&gt;
  270. — On ne peut pas publier des choses pareilles, voyons. &lt;mark&gt;Vous ne pensez tout de même pas que l’Empire irait révéler ainsi sa faiblesse.&lt;/mark&gt; C’est la base de la psychohistoire la plus&amp;nbsp;élémentaire.&lt;/p&gt;
  271. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Fondation 1&lt;/em&gt;, Isaac Asimov, traduit de l’américain par Jean Rosenthal et Pierre Billon, complété et harmonisé par Philippe&amp;nbsp;Gindre&lt;/cite&gt;&lt;/p&gt;
  272. &lt;/blockquote&gt;
  273. &lt;p&gt;Après un &lt;a href=&quot;https://larlet.fr/david/2024/02/06/&quot;&gt;séjour en terre du milieu&lt;/a&gt;, me voici sur &lt;em&gt;Trantor&lt;/em&gt;. Je ne l’ai jamais lu mais c’est la série TV qui m’a donné envie de&amp;nbsp;creuser.&lt;/p&gt;
  274. &lt;p&gt;L’interprétation de ce passage est laissée comme&amp;nbsp;exercice.&lt;/p&gt;
  275. &lt;blockquote&gt;
  276. &lt;p&gt;D’après une ou deux personnes bien informées, je suis un genre de geek de tout. Un Sheldon en herbe, mais&amp;nbsp;sociable.&lt;/p&gt;
  277. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://nota-bene.org/Geek-de-tout&quot;&gt;Geek de tout |&amp;nbsp;nota-bene.org&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  278. &lt;/blockquote&gt;
  279. &lt;hr /&gt;
  280. &lt;blockquote lang=&quot;en&quot;&gt;
  281. &lt;p&gt;I’ve found I personally have three &lt;em&gt;states&lt;/em&gt; of&amp;nbsp;being…&lt;/p&gt;
  282. &lt;ul&gt;
  283. &lt;li&gt;&lt;strong&gt;Hyperfocus&lt;/strong&gt;, where I’m deeply focused on one thing and phenomenally&amp;nbsp;productive.&lt;/li&gt;
  284. &lt;li&gt;&lt;strong&gt;Physical&lt;/strong&gt;, where I have lots of energy, but little mental&amp;nbsp;focus.&lt;/li&gt;
  285. &lt;li&gt;&lt;strong&gt;Burnt out&lt;/strong&gt;, where both my mental and physical energy are&amp;nbsp;low.&lt;/li&gt;
  286. &lt;/ul&gt;
  287. &lt;p&gt;Your states of being might be different. These are three I tend to operate in most&amp;nbsp;frequently.&lt;/p&gt;
  288. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://adhdftw.com/follow-your-adhd-flow/&quot;&gt;Follow your ADHD&amp;nbsp;flow&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  289. &lt;/blockquote&gt;
  290. &lt;p&gt;Peut-être que cette notion de &lt;a href=&quot;https://larlet.fr/david/2024/03/08/&quot;&gt;flow&lt;/a&gt; n’est pas si anodine en fait&amp;nbsp;🤔. La communauté sur Discord évoque notamment l’importance de l’exercice comme outil de canalisation et &lt;a href=&quot;https://larlet.fr/david/2024/04/14/&quot;&gt;ce dernier mois&lt;/a&gt; je ne peux que constater à quel point c’est vrai &lt;em&gt;pour moi&lt;/em&gt;. J’ai un peu de mal avec les étiquettes d’auto-défintion/enfermement mais je constate aussi que pour beaucoup de personnes cela permet de reconsidérer ses propres fondations pour s’accepter et mieux se re·connaître&amp;nbsp;ainsi.&lt;/p&gt;
  291. &lt;p&gt;Une identité n’est pas une suite d’acronymes mais plutôt une suite d’explorations et de compréhensions de ce que signifient ces acronymes dans sa propre façon&amp;nbsp;d’être&amp;#8239;?&lt;/p&gt;
  292. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/dystopie/&quot;&gt;#dystopie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/lecture/&quot;&gt;#lecture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/psychologie/&quot;&gt;#psychologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  293. </entry>
  294. <entry xml:lang="fr">
  295. <title type="html">Weird</title>
  296. <link href="https://larlet.fr/david/2024/04/10/" rel="alternate" type="text/html" />
  297. <updated>2024-04-10T12:00:00+01:00</updated>
  298. <id>https://larlet.fr/david/2024/04/10/</id>
  299. <summary type="html">
  300. &lt;blockquote lang=&quot;en&quot;&gt;
  301. &lt;p&gt;&lt;em&gt;Say the weird&amp;nbsp;thing.&lt;/em&gt;&lt;/p&gt;
  302. &lt;p&gt;Okay, I’ll&amp;nbsp;play.&lt;/p&gt;
  303. &lt;p&gt;The self is an&amp;nbsp;illusion.&lt;/p&gt;
  304. &lt;p&gt;I’m a meat sack with electricity flying through&amp;nbsp;space.&lt;/p&gt;
  305. &lt;p&gt;I am the natural consequence of every action from the Big Bang to&amp;nbsp;today.&lt;/p&gt;
  306. &lt;p&gt;I don’t have free&amp;nbsp;will.&lt;/p&gt;
  307. &lt;p&gt;Most of what my brain does is done in the dark of my attention and even when I am making conscious choices I did not choose to become the type of person who would choose that choice over&amp;nbsp;another.&lt;/p&gt;
  308. &lt;p&gt;We created god because we got smart enough to realize that we were gonna die. Evolution rewarded religion because dogmatic bonded communities with a shared myth had ways of tending to one another in ways that other tribes&amp;nbsp;didn’t.&lt;/p&gt;
  309. &lt;p&gt;We are the product of superstitious ancestors who survived better because they believed in supernatural elements and that they made them more likely to&amp;nbsp;survive.&lt;/p&gt;
  310. &lt;p&gt;All we know is that there is consciousness and we are no closer to solving the hard problem of consciousness than when we first phrased it. And objects and consciousness which we cannot know if they are real because our brain is limited by its own perception of reality. And when we try to observe what is real, what is real&amp;nbsp;changes.&lt;/p&gt;
  311. &lt;p&gt;Our brain is doing so much that it created shortcuts so that you are not aware of most of it. And our brains are so wired into towards culting that even when we leave religion, we create a religion out of whatever our thing is: astrology, politics, whatever.&lt;/p&gt;
  312. &lt;p&gt;These evolutionary shortcuts worked when we were small tribes but now that our trews are bumping into each other, it will be the machine that destroys&amp;nbsp;ourselves.&lt;/p&gt;
  313. &lt;p&gt;We have a 180&amp;nbsp;catalog brain biases that tends towards simplicity over complexity, loyalty to our tribes, the illusion of the self and all of that is not compatible to what we know about the modern&amp;nbsp;world.&lt;/p&gt;
  314. &lt;p&gt;Anyone who accepts all this will inevitably be alone. There is a lot of lip service to leaving the matrix but in reality it’s very&amp;nbsp;lonely.&lt;/p&gt;
  315. &lt;p&gt;The machine of evolution that says to survive at all costs and all of the shortcuts that created that survival will eventually be a machine that eats itself. Individuals can remove themselves to some degree but &lt;mark&gt;if you try to change the world, you will inevitably become a cult and you will become the monster that you were trying to&amp;nbsp;destroy.&lt;/mark&gt;&lt;/p&gt;
  316. &lt;p&gt;And even with all of that, there’s a way to structure with meaning and purpose and experiencing being, and being able to pop your head up in this universe, and check out what is going on where you still are glad you got to be alive, and it probably takes a little bit of privilege because you have to die so many times to get there and it’s very&amp;nbsp;hard.&lt;/p&gt;
  317. &lt;p&gt;And in the end the only benefit that you get is that you know that you’re playing in reality which is little more than a shared hallucination rather than being in a delusion and not knowing that you&amp;nbsp;are.&lt;/p&gt;
  318. &lt;p&gt;Invite me to your next party! ✌️&lt;/p&gt;
  319. &lt;p&gt;&lt;cite&gt;@nononsensespirituality, &lt;a href=&quot;https://mamot.fr/@jcfrog/112245851038854526&quot;&gt;via masto&lt;/a&gt;, que l’on retrouve &lt;a href=&quot;https://www.instagram.com/nononsensespirituality/reel/C5SRDzTLqAh/&quot;&gt;aussi sur&amp;nbsp;Instagram&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  320. &lt;/blockquote&gt;
  321. &lt;p&gt;Bienvenue dans mon cerveau&amp;nbsp;😅.&lt;/p&gt;
  322. &lt;hr /&gt;
  323. &lt;blockquote&gt;
  324. &lt;p&gt;The Swolf is a composite measurement in sports swimming that reflects how fast and &lt;mark&gt;how efficiently somebody is swimming.&lt;/mark&gt; In contrast, time per distance (speed) neglects swimming technique, and the number of swimming strokes per lap neglects the purpose of competitive swimming: Covering a given distance in the shortest&amp;nbsp;time.&lt;/p&gt;
  325. &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Swolf&quot;&gt;Swolf&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  326. &lt;/blockquote&gt;
  327. &lt;p&gt;Découverte du jour grâce à la montre&amp;nbsp;: la mesure du Swolf en natation. Voilà un calcul qui m’intéresse davantage que la&amp;nbsp;vitesse.&lt;/p&gt;
  328. &lt;p&gt;J’ai fait mon premier kilomètre (avec pauses) de l’année. Mon Swolf actuel a l’air de tourner autour de 40-45&amp;nbsp;lorsque je ne suis pas trop dérangé par les autres nageur·euses, on va voir si ça évolue ces prochains&amp;nbsp;mois.&lt;/p&gt;
  329. &lt;hr /&gt;
  330. &lt;blockquote&gt;
  331. &lt;p&gt;The other maintainer suddenly&amp;nbsp;disappeared.&lt;/p&gt;
  332. &lt;p&gt;&lt;cite&gt;&lt;a href=&quot;https://github.com/tukaani-project/xz/commit/77a294d98a9d2d48f7e4ac273711518bf689f5c4&quot;&gt;Update maintainer and author&amp;nbsp;info.&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  333. &lt;/blockquote&gt;
  334. &lt;p&gt;Le &lt;em&gt;commit&lt;/em&gt; du&amp;nbsp;jour.&lt;/p&gt;
  335. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/communaute/&quot;&gt;#communauté&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/poesie/&quot;&gt;#poésie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/psychologie/&quot;&gt;#psychologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  336. </entry>
  337. <entry xml:lang="fr">
  338. <title type="html">Éclipse</title>
  339. <link href="https://larlet.fr/david/2024/04/08/" rel="alternate" type="text/html" />
  340. <updated>2024-04-08T12:00:00+01:00</updated>
  341. <id>https://larlet.fr/david/2024/04/08/</id>
  342. <summary type="html">
  343. &lt;p&gt;Il y a l’éclipse et puis il y a toute l’ambiance autour. Je crois que c’est ce qui m’a le plus marqué, cet émerveillement doublé d’un enthousiasme collectif. Lorsque tout le monde retire les lunettes ou même un peu avant lorsque la lumière change et que l’on voit un coucher (??) de soleil en version accéléré qui s’avance vers nous en pleine&amp;nbsp;après-midi.&lt;/p&gt;
  344. &lt;p&gt;L’éclipse totale était censée être de 1&amp;#8239;min 45&amp;#8239;sec à ma position mais alors en ressenti derrière l’objectif c’était du 20&amp;nbsp;secondes&amp;#8239;! À peine le temps de réduire au maximum l’exposition et de déclencher. J’avais fait une mise au point sur un avion au préalable et j’étais passé en manuel mais c’était stupide et ça a rendu floues toutes les photos… jusqu’aux deux dernières. Coup de bol d’avoir pris le temps de tester l’autofocus en sentant venir la&amp;nbsp;fin.&lt;/p&gt;
  345. &lt;figure&gt;
  346. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-04-08-eclipse-1.jpg&quot;
  347. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  348. &lt;img
  349. src=&quot;https://larlet.fr/static/david/2024/2024-04-08-eclipse-1.jpg&quot;
  350. width=&quot;2000&quot; height=&quot;2000&quot;
  351. srcset=&quot;/static/david/2024/2024-04-08-eclipse-1.jpg 2000w, /static/david/2024/2024-04-08-eclipse-1_660x440.jpg 660w, /static/david/2024/2024-04-08-eclipse-1_990x660.jpg 990w, /static/david/2024/2024-04-08-eclipse-1_1320x880.jpg 1320w&quot;
  352. sizes=&quot;min(100vw, calc(100vh * 2000 / 2000))&quot;
  353. loading=&quot;lazy&quot;
  354. decoding=&quot;async&quot;
  355. alt=&quot;Le moment de l’éclipse où la lune passe totalement devant le soleil.&quot;&gt;
  356. &lt;/a&gt;
  357. &lt;figcaption&gt;J’étais tellement content de découvrir des éruptions solaires au développement&amp;nbsp;!&lt;/figcaption&gt;
  358. &lt;/figure&gt;
  359. &lt;p&gt;En étant sur la fin, cela permet d’être vraiment à la limite de la couronne solaire et de photographier un phénomène que je ne pensait pas possible avec mon&amp;nbsp;matériel.&lt;/p&gt;
  360. &lt;p&gt;Et puis, il y a ce moment où l’hystérie collective redevient sérieuse car il faut remettre les lunettes et prendre le temps de se demander ce qu’il vient de se&amp;nbsp;passer.&lt;/p&gt;
  361. &lt;figure&gt;
  362. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-04-08-eclipse-2.jpg&quot;
  363. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  364. &lt;img
  365. src=&quot;https://larlet.fr/static/david/2024/2024-04-08-eclipse-2.jpg&quot;
  366. width=&quot;3840&quot; height=&quot;2560&quot;
  367. srcset=&quot;/static/david/2024/2024-04-08-eclipse-2.jpg 3840w, /static/david/2024/2024-04-08-eclipse-2_660x440.jpg 660w, /static/david/2024/2024-04-08-eclipse-2_990x660.jpg 990w, /static/david/2024/2024-04-08-eclipse-2_1320x880.jpg 1320w&quot;
  368. sizes=&quot;min(100vw, calc(100vh * 3840 / 2560))&quot;
  369. loading=&quot;lazy&quot;
  370. decoding=&quot;async&quot;
  371. alt=&quot;Le moment de l’éclipse où la lune va découvrir le soleil.&quot;&gt;
  372. &lt;/a&gt;
  373. &lt;figcaption&gt;En mode halo au développement car c’est quand même&amp;nbsp;sympa.&lt;/figcaption&gt;
  374. &lt;/figure&gt;
  375. &lt;p&gt;Fait étonnant, quelques petites minutes après l’apogée, on voyait un avion et surtout son ombre projetée de manière inhabituelle. J’ai l’intuition qu’il était dans une zone qui n’arrive jamais en temps normal car cet angle lumineux n’est pas possible. J’aurais dû prendre une photo pour pouvoir faire des calculs à ce&amp;nbsp;sujet.&lt;/p&gt;
  376. &lt;hr /&gt;
  377. &lt;p&gt;Aussi, je suis en train de regarder &lt;a href=&quot;https://en.wikipedia.org/wiki/3_Body_Problem_(TV_series&quot;&gt;3&amp;nbsp;Body Problem&lt;/a&gt;).&lt;/p&gt;
  378. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/enthousiasme/&quot;&gt;#enthousiasme&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/photographie/&quot;&gt;#photographie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  379. </entry>
  380. <entry xml:lang="fr">
  381. <title type="html">Piscine</title>
  382. <link href="https://larlet.fr/david/2024/04/07/" rel="alternate" type="text/html" />
  383. <updated>2024-04-07T12:00:00+01:00</updated>
  384. <id>https://larlet.fr/david/2024/04/07/</id>
  385. <summary type="html">
  386. &lt;p&gt;Il est tellement difficile de se remettre à nager. La première séance de l’année est toujours une agonie. Cent mètres, les bras qui brûlent et le souffle court. Cinq cent et déjà incapable d’aller plus loin. Heureusement que c’est le même rituel chaque année… et la promesse des lacs qui dégèlent participe à ma&amp;nbsp;motivation.&lt;/p&gt;
  387. &lt;hr /&gt;
  388. &lt;blockquote lang=&quot;en&quot;&gt;
  389. &lt;p&gt;While global variables scoped to the &lt;code&gt;:root&lt;/code&gt; let me define system-wide defaults, I also like to scope variables for styles that change with utility classes to the element&amp;nbsp;itself.&lt;/p&gt;
  390. &lt;p&gt;CSS variables scoped to an element can use other CSS variables as their value. But &lt;mark&gt;scoping them to the element provides an easy way to modify&amp;nbsp;them.&lt;/mark&gt;&lt;/p&gt;
  391. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://gomakethings.com/an-advanced-way-to-use-css-variables/&quot;&gt;An advanced way to use CSS&amp;nbsp;variables&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  392. &lt;/blockquote&gt;
  393. &lt;p&gt;Les variables CSS combinées à &lt;code&gt;:has()&lt;/code&gt; + &lt;code&gt;:is()&lt;/code&gt; + &lt;code&gt;:where()&lt;/code&gt; transforment complètement la façon d’interagir avec une page pour pouvoir la styler. &lt;a href=&quot;https://larlet.fr/david/2024/01/02/&quot;&gt;Je&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/03/07/#hr-102&quot;&gt;me&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/03/08/#hr-104&quot;&gt;répète&lt;/a&gt; mais vraiment je ne m’en remets pas. À mon niveau de bidouilleur, c’est un pan entier de mon métier qui est en train d’être transformé. Si je savais ce dont je parlais, je comparerais ça à un changement de paradigme aussi fondamental que de l’objet au fonctionnel par exemple. &lt;em&gt;Prends tes gouttes&amp;nbsp;papi.&lt;/em&gt;&lt;/p&gt;
  394. &lt;p&gt;D’autres exemples documentés &lt;a href=&quot;https://dev.37signals.com/modern-css-patterns-and-techniques-in-campfire/&quot;&gt;sur le blog dev de 37signals&lt;/a&gt; (oui, je&amp;nbsp;sais…).&lt;/p&gt;
  395. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/courage/&quot;&gt;#courage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  396. </entry>
  397. <entry xml:lang="fr">
  398. <title type="html">Productivité</title>
  399. <link href="https://larlet.fr/david/2024/04/05/" rel="alternate" type="text/html" />
  400. <updated>2024-04-05T12:00:00+01:00</updated>
  401. <id>https://larlet.fr/david/2024/04/05/</id>
  402. <summary type="html">
  403. &lt;blockquote lang=&quot;en&quot;&gt;
  404. &lt;p&gt;You see, the more I wrote about “productivity”, the more I found myself falling into a trap. &lt;mark&gt;It’s very difficult to write in this space without approaching the topic in a way that’s weirdly moralistic.&lt;/mark&gt; It’s difficult to avoid implying that “being productive” is some sort of objectively virtuous behavior – and that conversely a lack of “productivity” is some sort of moral failing. I don’t believe this. Nor do I believe that we have any sort of imperative to be maximally-productive at work. You don’t need to “give 110%” to your job. You don’t “owe” your employer any sort of maximal time and&amp;nbsp;attention.&lt;/p&gt;
  405. &lt;p&gt;I do think that “productivity” is important, but it’s a more subtle importance. It’s not about being a nice little compliant worker drone and maximizing your contributions to capitalism! Productivity is important to me in the way that it contributes to feeling content and&amp;nbsp;fulfilled.&lt;/p&gt;
  406. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jacobian.org/2024/apr/4/not-writing-about-productivity/&quot;&gt;Why I’m Not Writing a Productivity&amp;nbsp;Series&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  407. &lt;/blockquote&gt;
  408. &lt;p&gt;Il y a des tâches à l’état gazeux, qui remplissent tout le temps que l’on est prêt à leur&amp;nbsp;laisser.&lt;/p&gt;
  409. &lt;p&gt;Il y a des tâches à l’état liquide, qui vont se répandre dans tous les interstices de temps d’autres&amp;nbsp;tâches.&lt;/p&gt;
  410. &lt;p&gt;Il y a des tâches à l’état solide, que l’on peine à sup·porter et dont on a du mal à se&amp;nbsp;défaire.&lt;/p&gt;
  411. &lt;p&gt;Il y a des tâches qui sont des réactions en chaîne, dont il faut attendre le point de bascule en préparant les matières&amp;nbsp;premières.&lt;/p&gt;
  412. &lt;p&gt;La classification périodique des tâches, un autre moyen de les&amp;nbsp;qualifier&amp;#8239;?&lt;/p&gt;
  413. &lt;hr /&gt;
  414. &lt;blockquote lang=&quot;en&quot;&gt;
  415. &lt;p&gt;The fast, feature-rich, GPU based terminal&amp;nbsp;emulator&lt;/p&gt;
  416. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://sw.kovidgoyal.net/kitty/&quot;&gt;kitty&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  417. &lt;/blockquote&gt;
  418. &lt;p&gt;Je me demande souvent si d’autres outils me permettraient d’être plus efficace / rapide. C’est le temps d’apprentissage puis la robustesse de l’outil et la communauté (et son support) qui m’importent. J’ai aussi cette croyance qu’en altérant trop les outils par défaut, je vais être moins à même de pouvoir accompagner des personnes moins techniques lorsque l’occasion se&amp;nbsp;présente.&lt;/p&gt;
  419. &lt;p&gt;Aujourd’hui, j’ai repris à zéro mes &lt;em&gt;packages&lt;/em&gt; de &lt;a href=&quot;https://www.sublimetext.com/&quot;&gt;Sublime Text 4&lt;/a&gt; car j’avais un &lt;a href=&quot;https://github.com/wbond/package_control/issues/1612&quot;&gt;souci avec Package Control&lt;/a&gt; et le &lt;em&gt;log&lt;/em&gt; des 27&amp;nbsp;paquets installés me masquait la vraie erreur. Je n’ai ensuite installé que &lt;a href=&quot;https://packagecontrol.io/packages/LSP&quot;&gt;LSP&lt;/a&gt;, &lt;a href=&quot;https://packagecontrol.io/packages/LSP-ruff&quot;&gt;LSP-ruff&lt;/a&gt; et &lt;a href=&quot;https://packagecontrol.io/packages/LSP-rome&quot;&gt;LSP-rome&lt;/a&gt;. Peut-être que c’est suffisant à mes besoins actuels&amp;#8239;? (Merci&amp;nbsp;Rust.)&lt;/p&gt;
  420. &lt;p&gt;Je suis toujours assez effaré par les performances de&amp;nbsp;VSCodium…&lt;/p&gt;
  421. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/documentation/&quot;&gt;#documentation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/psychologie/&quot;&gt;#psychologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  422. </entry>
  423. <entry xml:lang="fr">
  424. <title type="html">Décision</title>
  425. <link href="https://larlet.fr/david/2024/04/03/" rel="alternate" type="text/html" />
  426. <updated>2024-04-03T12:00:00+01:00</updated>
  427. <id>https://larlet.fr/david/2024/04/03/</id>
  428. <summary type="html">
  429. &lt;blockquote&gt;
  430. &lt;p&gt;La prise de décision par consentement se différencie de la prise de décision par consensus&amp;nbsp;: &lt;strong&gt;en consensus tout le monde dit «&amp;nbsp;oui&amp;nbsp;», en consentement, personne ne dit&amp;nbsp;«&amp;nbsp;non&amp;nbsp;».&lt;/strong&gt;&lt;/p&gt;
  431. &lt;p&gt;Cela sous-entend que lorsque l’on prend une décision par consentement, on ne va pas chercher la «&amp;nbsp;meilleure solution&amp;nbsp;» mais l’on va partir du principe qu’une bonne décision est celle qui respecte les limites de celles et ceux qui devront l’assumer, et qui ne compromet en rien la capacité de l’organisation à mener à bien sa mission. &lt;mark&gt;Le consentement implique qu’une décision ne peut être prise que lorsqu’il n’y a plus d’objection raisonnable à celle-ci.&lt;/mark&gt; Tant qu’il y a des objections, l’ensemble du groupe est mobilisé pour bonifier la proposition. Ainsi, les objections permettent de révéler les limites avec lesquelles le groupe devra composer et indiquent donc l’espace de liberté dont le cercle&amp;nbsp;dispose.&lt;/p&gt;
  432. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;http://pilavenir.canalblog.com/archives/2017/10/21/35793152.html&quot;&gt;La prise décision par consentement&amp;nbsp;: un outil au service du&amp;nbsp;groupe&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  433. &lt;/blockquote&gt;
  434. &lt;p&gt;La prise de décision lorsqu’on se retrouve à &lt;a href=&quot;http://scopyleft.fr/&quot;&gt;7&amp;nbsp;co-gérant·es&lt;/a&gt; distribué·es sur deux continents n’est pas une mince affaire. Rythme lent/asynchrone, légitimité, culpabilité, ambiguïté, les raisons ne manquent pas pour générer des&amp;nbsp;frustrations.&lt;/p&gt;
  435. &lt;p&gt;Aujourd’hui, nous avons réussi à définir ce dont nous avions besoin en amont, pendant et après une prise de décision. Cela a permis au passage de rendre explicite la légitimité des décisions prises et la façon d’améliorer les propositions itérativement par&amp;nbsp;consentement.&lt;/p&gt;
  436. &lt;p&gt;Je suis content de faire partie d’un &lt;a href=&quot;https://larlet.fr/david/2024/03/28/&quot;&gt;collectif&lt;/a&gt; qui prend le temps de se poser ces questions. C’est rare et&amp;nbsp;précieux.&lt;/p&gt;
  437. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/equipe/&quot;&gt;#équipe&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/gratitude/&quot;&gt;#gratitude&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  438. </entry>
  439. <entry xml:lang="fr">
  440. <title type="html">Porte</title>
  441. <link href="https://larlet.fr/david/2024/04/02/" rel="alternate" type="text/html" />
  442. <updated>2024-04-02T12:00:00+01:00</updated>
  443. <id>https://larlet.fr/david/2024/04/02/</id>
  444. <summary type="html">
  445. &lt;blockquote lang=&quot;en&quot;&gt;
  446. &lt;p&gt;For me, the two big lessons from #XZ were first, the lack of resources supporting crucial Open-Source infrastructure, but then and especially, the demonstration that the attackers are numerous, skilled &lt;em&gt;and patient&lt;/em&gt;. We already knew about numerous and skilled but this episode, where the attacker was already well-embedded in the project by May 2022, opened a few eyes, including&amp;nbsp;mine.&lt;/p&gt;
  447. &lt;p&gt;The advantage, to various flavors of malefactor, of subverting core pieces of Open-Source infrastructure, is incalculable. &lt;mark&gt;#XZ was the one we caught; how many have we&amp;nbsp;missed?&lt;/mark&gt;&lt;/p&gt;
  448. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.tbray.org/ongoing/When/202x/2024/04/01/OSQI&quot;&gt;ongoing by Tim Bray ·&amp;nbsp;OSQI&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  449. &lt;/blockquote&gt;
  450. &lt;p&gt;J’ai laissé le web 2&amp;nbsp;jours et hop, une &lt;a href=&quot;https://fr.wikipedia.org/wiki/Porte_d%C3%A9rob%C3%A9e&quot;&gt;porte dérobée&lt;/a&gt; a été fermée à temps. C’est &lt;a href=&quot;https://boehs.org/node/everything-i-know-about-the-xz-backdoor&quot;&gt;la chronologie&lt;/a&gt; qui est surprenante dans sa durée et pose immédiatement la question de savoir s’il s’agit d’une exception ou s’il y a déjà des portes un peu partout, exploitées par plus ou moins de&amp;nbsp;monde.&lt;/p&gt;
  451. &lt;p&gt;Lorsqu’on voit ce que &lt;a href=&quot;https://larlet.fr/david/2024/03/28/#hr-140&quot;&gt;sont prêts à faire les GAFAM+&lt;/a&gt;, je n’ai aucun doute sur le fait qu’ils se rueraient sur de telles «&amp;nbsp;opportunités&amp;nbsp;». On parle souvent de malveillance dans ces cas là, je pense que l’on peut facilement mettre tout ce qui est &lt;em&gt;growth hacking&lt;/em&gt; et &lt;em&gt;marketing&lt;/em&gt; dans ce&amp;nbsp;périmètre.&lt;/p&gt;
  452. &lt;p&gt;Pour en revenir à des OSQI (Open Source Quality Institutes) nationaux, cela me rappelle des initiatives comme &lt;a href=&quot;https://copiepublique.fr/&quot;&gt;copie publique&lt;/a&gt; ou cette idée de &lt;a href=&quot;https://larlet.fr/david/2023/01/11/&quot;&gt;MécénatDeCompétencesPublic&lt;/a&gt;&amp;#8239;.&lt;/p&gt;
  453. &lt;p&gt;Transformer l’Open-Source en bien commun est peut-être le chantier de la décennie à venir. J’espère en faire partie à mon&amp;nbsp;échelle.&lt;/p&gt;
  454. &lt;blockquote lang=&quot;en&quot;&gt;
  455. &lt;p&gt;Tuesday, Hans-Christoph Steiner, a longtime developer of F-Droid, explained that a very similar situation nearly led F-Droid to push an update that would have introduced a security vulnerability into the product three years ago: “Three years ago, F-Droid had a similar kind of attempt as the Xz backdoor,” he posted on Mastodon. “A new contributor submitted a merge request to improve the search, which was oft requested but the maintainers hadn’t found time to work on. There was also pressure from other random accounts to merge it. In the end, it became clear that it added a SQL injection vulnerability. In this case, we managed to catch it before it was merged. Since similar tactics were used, I think it’s relevant&amp;nbsp;now.”&lt;/p&gt;
  456. &lt;p&gt;Other open source developers and security experts have pointed to the dynamic of bullying and the general reliance on a small number of volunteer developers. They explained that it’s a problem across much of the open source software ecosystem, and is definitely a problem for the large tech companies and infrastructure who rely on these often volunteer-led projects to build their for-profit software on top&amp;nbsp;of.&lt;/p&gt;
  457. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.404media.co/xz-backdoor-bullying-in-open-source-software-is-a-massive-security-vulnerability/&quot;&gt;Bullying in Open Source Software Is a Massive Security&amp;nbsp;Vulnerability&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  458. &lt;/blockquote&gt;
  459. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/protopie/&quot;&gt;#protopie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  460. </entry>
  461. <entry xml:lang="fr">
  462. <title type="html">Jour 2</title>
  463. <link href="https://larlet.fr/david/2024/03/30/" rel="alternate" type="text/html" />
  464. <updated>2024-03-30T12:00:00+01:00</updated>
  465. <id>https://larlet.fr/david/2024/03/30/</id>
  466. <summary type="html">
  467. &lt;blockquote&gt;
  468. &lt;p&gt;Le vent fera tomber des branches,&lt;br /&gt;
  469. L’aube viendra dans sa mârde&amp;nbsp;blanche.&lt;/p&gt;
  470. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Mars&lt;/em&gt;, Cissou du «&amp;nbsp;vrai&amp;nbsp;» sud-ouest (fin du&amp;nbsp;débat)&lt;/cite&gt;&lt;/p&gt;
  471. &lt;/blockquote&gt;
  472. &lt;p&gt;La montre m’indique avoir dormi 5h. Optimiste. Je me lève relativement tôt car je ne veux pas trop m’enfoncer dans la neige en début d’après-midi. Les seules traces de retour bien profondes de la veille m’ont fait un peu peur à ce sujet. J’ai greloté une partie de la nuit (oups, des calories en moins), ça motive à s’extirper du duvet&amp;nbsp;aussi…&lt;/p&gt;
  473. &lt;p&gt;Le temps de déjeuner et de plier le camp, la neige se met à tomber. Il neige faiblement pendant les 2&amp;#8239;km d’ascension qui m’ont séché la veille. Vu le nombre de nouvelles branches que je dois enjamber, je suis bien content de ne pas m’en être pris une sur la tête cette nuit. J’espérais pouvoir bénéficier d’un lever de soleil mais c’est compter sans la couverture&amp;nbsp;nuageuse.&lt;/p&gt;
  474. &lt;figure&gt;
  475. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-30-lac.jpg&quot;
  476. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  477. &lt;img
  478. src=&quot;https://larlet.fr/static/david/2024/2024-03-30-lac.jpg&quot;
  479. width=&quot;3024&quot; height=&quot;4032&quot;
  480. srcset=&quot;/static/david/2024/2024-03-30-lac.jpg 3024w, /static/david/2024/2024-03-30-lac_660x440.jpg 660w, /static/david/2024/2024-03-30-lac_990x660.jpg 990w, /static/david/2024/2024-03-30-lac_1320x880.jpg 1320w&quot;
  481. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  482. loading=&quot;lazy&quot;
  483. decoding=&quot;async&quot;
  484. alt=&quot;Un lac gelé.&quot;&gt;
  485. &lt;/a&gt;
  486. &lt;figcaption&gt;Un de ces paysages&amp;nbsp;typiques.&lt;/figcaption&gt;
  487. &lt;/figure&gt;
  488. &lt;p&gt;Je découvre qu’il faut avoir une trace aller et une autre retour car la montre ne sait pas réaliser que je ne fais pas du &lt;em&gt;moonwalk&lt;/em&gt; toute seule. Étonnant.&lt;/p&gt;
  489. &lt;p&gt;L’un des inconvénient d’être reparti à la fraîche, c’est que les rochers mouillés sont devenus bien glissants mais la boue a gelé. Il faut bien savoir choisir son poison dans ces&amp;nbsp;circonstances&amp;nbsp;😅.&lt;/p&gt;
  490. &lt;p&gt;Au fil du chemin, je réalise que je ne suis pas prêt à enchaîner en rando-course sur plusieurs jours et qu’il va falloir travailler l’endurance avant, ce que j’ai commencé mais ça va me prendre plusieurs mois pour arriver à la forme qui me semble&amp;nbsp;nécessaire.&lt;/p&gt;
  491. &lt;figure&gt;
  492. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-30-ruisseau.jpg&quot;
  493. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  494. &lt;img
  495. src=&quot;https://larlet.fr/static/david/2024/2024-03-30-ruisseau.jpg&quot;
  496. width=&quot;3024&quot; height=&quot;4032&quot;
  497. srcset=&quot;/static/david/2024/2024-03-30-ruisseau.jpg 3024w, /static/david/2024/2024-03-30-ruisseau_660x440.jpg 660w, /static/david/2024/2024-03-30-ruisseau_990x660.jpg 990w, /static/david/2024/2024-03-30-ruisseau_1320x880.jpg 1320w&quot;
  498. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  499. loading=&quot;lazy&quot;
  500. decoding=&quot;async&quot;
  501. alt=&quot;Un ruisseau gelé.&quot;&gt;
  502. &lt;/a&gt;
  503. &lt;figcaption&gt;La couche de glace depuis hier me permet de mesurer la température&amp;nbsp;nocturne.&lt;/figcaption&gt;
  504. &lt;/figure&gt;
  505. &lt;p&gt;J’espère pouvoir alléger le sac aussi avec les températures qui remontent. Je peux probablement réduire de 2&amp;nbsp;kilos par dizaine de degrés gagnée, ce qui n’est pas&amp;nbsp;négligeable&amp;#8239;!&lt;/p&gt;
  506. &lt;p&gt;Une sortie plus en mode recherche que l’habituelle exploration / contemplation / plaisir. Toujours cet arbitrage pour réussir à être dans de bonnes conditions tout en recherchant l’isolement&amp;nbsp;relatif.&lt;/p&gt;
  507. &lt;p&gt;Les derniers kilomètres sont bien longs (je suis limite en hypo), surtout que je m’étais garé assez loin du départ pour estimer ce que pourrait être une jonction du &lt;a href=&quot;https://www.randoquebec.ca/sentier-national-au-quebec/&quot;&gt;sentier national&lt;/a&gt; qui enchainerait trois tronçons dont j’ai maintenant fait tous les morceaux. Envisageable dans des conditions non-hivernales mais il faut que j’arrive à me faire déposer à l’une des&amp;nbsp;extrémités.&lt;/p&gt;
  508. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  509. </entry>
  510. <entry xml:lang="fr">
  511. <title type="html">Jour 1</title>
  512. <link href="https://larlet.fr/david/2024/03/29/" rel="alternate" type="text/html" />
  513. <updated>2024-03-29T12:00:00+01:00</updated>
  514. <id>https://larlet.fr/david/2024/03/29/</id>
  515. <summary type="html">
  516. &lt;p&gt;Réveil à 6h. Je veux tenter une sortie longue en prévision d’une &lt;a href=&quot;https://larlet.fr/david/2024/03/11/#hr-109&quot;&gt;encore plus longue&lt;/a&gt;. Comme chaque printemps, j’ai l’espoir de ne pas tomber sur des conditions trop pénibles lorsque ça fond. Comme chaque printemps, je me retrouve à viser les arbres entre deux plaques de verglas pour pouvoir me rattraper dans les dévers. Sans compter le fait que le sentier qui a été tapé par les raquettes tout l’hiver est bien souvent le seul serpent de glace restant. Un exemple parmi tant d’autres un peu plus&amp;nbsp;critiques&amp;nbsp;:&lt;/p&gt;
  517. &lt;figure&gt;
  518. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-29-chemin-glace.jpg&quot;
  519. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  520. &lt;img
  521. src=&quot;https://larlet.fr/static/david/2024/2024-03-29-chemin-glace.jpg&quot;
  522. width=&quot;3024&quot; height=&quot;4032&quot;
  523. srcset=&quot;/static/david/2024/2024-03-29-chemin-glace.jpg 3024w, /static/david/2024/2024-03-29-chemin-glace_660x440.jpg 660w, /static/david/2024/2024-03-29-chemin-glace_990x660.jpg 990w, /static/david/2024/2024-03-29-chemin-glace_1320x880.jpg 1320w&quot;
  524. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  525. loading=&quot;lazy&quot;
  526. decoding=&quot;async&quot;
  527. alt=&quot;Un chemin gelé.&quot;&gt;
  528. &lt;/a&gt;
  529. &lt;figcaption&gt;Sur 100 mètres ça va, mais sur plusieurs kilomètres c’est usant&amp;nbsp;!&lt;/figcaption&gt;
  530. &lt;/figure&gt;
  531. &lt;p&gt;Il y a vraiment deux faces, deux ambiances dans ces situations avec d’un côté du gel et de l’autre le sol déjà fondu mais parfois boueux et donc tout autant&amp;nbsp;glissant…&lt;/p&gt;
  532. &lt;p&gt;Je découvre un emplacement de camping à une dizaine de kilomètres du départ, ce qui me permettra de revenir cet été avec l’enfant. J’aime bien ce genre de découverte non&amp;nbsp;documentée.&lt;/p&gt;
  533. &lt;figure&gt;
  534. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-29-riviere.jpg&quot;
  535. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  536. &lt;img
  537. src=&quot;https://larlet.fr/static/david/2024/2024-03-29-riviere.jpg&quot;
  538. width=&quot;3024&quot; height=&quot;4032&quot;
  539. srcset=&quot;/static/david/2024/2024-03-29-riviere.jpg 3024w, /static/david/2024/2024-03-29-riviere_660x440.jpg 660w, /static/david/2024/2024-03-29-riviere_990x660.jpg 990w, /static/david/2024/2024-03-29-riviere_1320x880.jpg 1320w&quot;
  540. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  541. loading=&quot;lazy&quot;
  542. decoding=&quot;async&quot;
  543. alt=&quot;Une rivière avec les bords enneigés.&quot;&gt;
  544. &lt;/a&gt;
  545. &lt;figcaption&gt;Je chiale beaucoup mais il y a aussi des décors qui valent le coup&amp;nbsp;hein.&lt;/figcaption&gt;
  546. &lt;/figure&gt;
  547. &lt;p&gt;J’avais fait la &lt;a href=&quot;https://www.komoot.com/fr-fr/plan&quot;&gt;trace sur Komoot&lt;/a&gt; pour tester le suivi avec &lt;a href=&quot;https://larlet.fr/david/2024/03/14/&quot;&gt;la montre&lt;/a&gt; (je ferai un retour complet à son sujet plus tard) ce qui a eu pour effet de m’encourager &lt;em&gt;et&lt;/em&gt; de me décourager à la fois. D’un côté la certitude d’être sur le «&amp;nbsp;droit&amp;nbsp;» chemin et d’anticiper les côtes, de l’autre se rendre compte en cours de route que l’estimation initiale en terme de distance / dénivelé était très optimiste (+25% en distance et +50% en dénivelé ça fait une&amp;nbsp;différence&amp;#8239;!).&lt;/p&gt;
  548. &lt;p&gt;Je pensais être déjà limite niveau capacités physiques mais de voir le chemin s’allonger et le temps passer a fini par avoir raison de mon énergie. Lorsque la lucidité flanche après presque 7h d’effort à &lt;del&gt;lutter&lt;/del&gt; m’adapter aux éléments, il vaut mieux faire une pause en pensant au retour. Je retiens qu’il faut démarrer plus tôt aussi pour être plus serein en cas&amp;nbsp;d’imprévu.&lt;/p&gt;
  549. &lt;p&gt;La nourriture était un autre test important de cette sortie. Je me suis rendu compte que de s’alimenter sur 4&amp;nbsp;jours intensifs allait peser lourd. Lorsque j’ai enregistré le parcours, la montre m’a indiqué 2300&amp;nbsp;kcal de dépensées ce qui me donne une idée des ordres de grandeur. Pour une fois, je voulais tenter les plats lyophilisés et non seulement c’était pas bon mais en plus j’avais faim avant de me coucher&amp;#8239;! Il faut que j’essaye de déshydrater mes propres&amp;nbsp;plats.&lt;/p&gt;
  550. &lt;p&gt;En parlant du couchage, trouver un emplacement en pleine forêt québécoise qui soit suffisamment plat &lt;em&gt;et&lt;/em&gt; sec non gelé &lt;em&gt;et&lt;/em&gt; proche d’eau courante revient bien souvent à s’installer sur le sentier. Ce que j’ai fait après n’avoir croisé personne de la&amp;nbsp;journée.&lt;/p&gt;
  551. &lt;figure&gt;
  552. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-29-couchage-sentier.jpg&quot;
  553. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  554. &lt;img
  555. src=&quot;https://larlet.fr/static/david/2024/2024-03-29-couchage-sentier.jpg&quot;
  556. width=&quot;3024&quot; height=&quot;4032&quot;
  557. srcset=&quot;/static/david/2024/2024-03-29-couchage-sentier.jpg 3024w, /static/david/2024/2024-03-29-couchage-sentier_660x440.jpg 660w, /static/david/2024/2024-03-29-couchage-sentier_990x660.jpg 990w, /static/david/2024/2024-03-29-couchage-sentier_1320x880.jpg 1320w&quot;
  558. sizes=&quot;min(100vw, calc(100vh * 3024 / 4032))&quot;
  559. loading=&quot;lazy&quot;
  560. decoding=&quot;async&quot;
  561. alt=&quot;Un campement en plein chemin.&quot;&gt;
  562. &lt;/a&gt;
  563. &lt;figcaption&gt;On ne dirait pas sur la photo mais le sol est bien&amp;nbsp;humide.&lt;/figcaption&gt;
  564. &lt;/figure&gt;
  565. &lt;p&gt;La météo indiquait -5°C, je prévoyais un -10°C niveau équipement et… il a bien fait -15°C avec le vent qui a soufflé par rafales toute la nuit. Difficile de réussir à être minimaliste / léger dans ces conditions sans prendre quelques&amp;nbsp;risques.&lt;/p&gt;
  566. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/foret/&quot;&gt;#forêt&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  567. </entry>
  568. <entry xml:lang="fr">
  569. <title type="html">Collectif</title>
  570. <link href="https://larlet.fr/david/2024/03/28/" rel="alternate" type="text/html" />
  571. <updated>2024-03-28T12:00:00+01:00</updated>
  572. <id>https://larlet.fr/david/2024/03/28/</id>
  573. <summary type="html">
  574. &lt;p&gt;Il est parfois difficile pour un collectif existant &lt;em&gt;de fait&lt;/em&gt; de définir ce qui le relie (encore), de travailler sur sa raison d’être et/ou ses valeurs. Le regroupement a pu être économique, idéologique, par affinités, un peu des trois à la fois sûrement et à un moment on se retrouve devant le fait accompli. Presque surpris de se retrouver ensemble, à se demander&amp;nbsp;pourquoi.&lt;/p&gt;
  575. &lt;p&gt;Cela m’arrive dans trois situations à la fois en ce moment. À différentes échelles mais le parallèle est frappant. Le plus difficile (pour moi) est de se retenir d’être le seul moteur du groupe car le temps individuel est aussi important que l’action collective qu’il&amp;nbsp;précède.&lt;/p&gt;
  576. &lt;p&gt;Je vais aller m’épuiser sur ces sages paroles en forêt. Seul.&lt;/p&gt;
  577. &lt;hr /&gt;
  578. &lt;blockquote lang=&quot;en&quot;&gt;
  579. &lt;p&gt;In 2016, Facebook launched a secret project designed to intercept and decrypt the network traffic between people using Snapchat’s app and its servers. The goal was to understand users’ behavior and help Facebook compete with Snapchat, according to newly unsealed court documents. Facebook called this “Project Ghostbusters,” in a clear reference to Snapchat’s ghost-like&amp;nbsp;logo.&lt;/p&gt;
  580. &lt;p&gt;On Tuesday, a federal court in California released new documents discovered as part of the class action lawsuit between consumers and Meta, Facebook’s parent&amp;nbsp;company.&lt;/p&gt;
  581. &lt;p&gt;The newly released documents reveal how Meta tried to gain a competitive advantage over its competitors, including Snapchat and later Amazon and YouTube, &lt;mark&gt;by analyzing the network traffic of how its users were interacting with Meta’s competitors.&lt;/mark&gt; Given these apps’ use of encryption, Facebook needed to develop special technology to get around&amp;nbsp;it.&lt;/p&gt;
  582. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://techcrunch.com/2024/03/26/facebook-secret-project-snooped-snapchat-user-traffic/&quot;&gt;Facebook snooped on users’ Snapchat traffic in secret project, documents&amp;nbsp;reveal&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  583. &lt;/blockquote&gt;
  584. &lt;p&gt;J’ai du mal à réaliser que je suis en train de faire un lien vers TechCrunch mais c’est trop gros pour laisser passer. Je ne vois pas comment un tel stratagème pourrait être justifiable, et si les GAFAM+ en sont là ça fait froid dans le&amp;nbsp;dos.&lt;/p&gt;
  585. &lt;p&gt;Le manque de déontologie dans ma profession m’attriste. Savoir que cette nouvelle ne va rien changer aux monopoles actuels&amp;nbsp;m’achève.&lt;/p&gt;
  586. &lt;blockquote lang=&quot;en&quot;&gt;
  587. &lt;p&gt;People who point out what needs to be improved are generally disappointed optimists. Only an optimist would believe that pointing out what has gone wrong could ever result in said issue being fixed. Only somebody who believes that software could be universally useful to everybody in society is going to spend time discovering and highlighting accessibility&amp;nbsp;issues.&lt;/p&gt;
  588. &lt;p&gt;You don’t spend years of your life figuring out how the flaws of the web can be fixed unless you thinks the web has massive unfulfilled&amp;nbsp;potential.&lt;/p&gt;
  589. &lt;p&gt;&lt;mark&gt;We’re not cynics.&lt;/mark&gt; If we were, we wouldn’t waste so much energy being&amp;nbsp;hopeful.&lt;/p&gt;
  590. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.baldurbjarnason.com/2024/the-software-crisis-easter-sale/&quot;&gt;“I’m not a cynic, I’m&amp;nbsp;disappointed”&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  591. &lt;/blockquote&gt;
  592. &lt;hr /&gt;
  593. &lt;blockquote lang=&quot;en&quot;&gt;
  594. &lt;p&gt;As such, I’ve become more attuned to what my goal really &lt;em&gt;should be&lt;/em&gt; with Buttondown. Most tech companies have a goal centered around some flavor of maximalism: disrupting an industry, revolutionizing a process, that kind of thing. Buttondown is not that kind of product; &lt;mark&gt;I am not that kind of&amp;nbsp;person.&lt;/mark&gt;&lt;/p&gt;
  595. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jmduke.com/posts/microblog/why-should-a-company/&quot;&gt;Why should a company? · Applied&amp;nbsp;Cartography&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  596. &lt;/blockquote&gt;
  597. &lt;p&gt;Et puis soudain un peu d’espoir. Tout n’est pas si terrible finalement. Quelques villages ici et là résistent. Quelques personnes et collectifs font la&amp;nbsp;différence.&lt;/p&gt;
  598. &lt;blockquote lang=&quot;en&quot;&gt;
  599. &lt;p&gt;But it’s our fault. Our as a society. We celebrate when Apple becomes the first trillion-dollar company but we don’t celebrate when someone says &lt;mark&gt;“You know what? I think I have&amp;nbsp;enough”.&lt;/mark&gt;&lt;/p&gt;
  600. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://manuelmoreale.com/growth-is-a-mind-cancer&quot;&gt;Growth is a mind&amp;nbsp;cancer&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  601. &lt;/blockquote&gt;
  602. &lt;hr /&gt;
  603. &lt;blockquote&gt;
  604. &lt;p&gt;À l’origine, Make est un outil conçu pour le développement de logiciels&amp;nbsp;: il sert à automatiser la fabrication de programmes exécutables à partir de fichiers contenant du&amp;nbsp;code.&lt;/p&gt;
  605. &lt;p&gt;Mais en réalité, &lt;mark&gt;Make peut être utilisé pour gérer toutes sortes de projets.&lt;/mark&gt; En tant que langage, il permet de définir des processus de manière très simple (encore plus simple que les scripts shell). Et en tant qu’outil, il permet de gagner du temps, avec une gestion efficace des états des fichiers qui fait économiser du travail aussi bien à l’humain qu’à la&amp;nbsp;machine.&lt;/p&gt;
  606. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.arthurperret.fr/cours/make.html&quot;&gt;Make&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  607. &lt;/blockquote&gt;
  608. &lt;p&gt;Superbe cours par Arthur Perret, j’ai appris plein de choses en le relisant. J’emploie &lt;code&gt;make&lt;/code&gt; au quotidien, ne serait-ce que pour construire ce site et pourtant il y a pas mal de complexité/raccourcis vers lesquels je ne suis pas encore&amp;nbsp;allé.&lt;/p&gt;
  609. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/commun/&quot;&gt;#commun&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/equipe/&quot;&gt;#équipe&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/protopie/&quot;&gt;#protopie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  610. </entry>
  611. <entry xml:lang="fr">
  612. <title type="html">GPX Viewer</title>
  613. <link href="https://larlet.fr/david/2024/03/26/" rel="alternate" type="text/html" />
  614. <updated>2024-03-26T12:00:00+01:00</updated>
  615. <id>https://larlet.fr/david/2024/03/26/</id>
  616. <summary type="html">
  617. &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/03/25/&quot;&gt;Suite de mes expérimentations&lt;/a&gt; de la veille à la fois en cartographie et en &lt;em&gt;web components&lt;/em&gt;. Je me suis demandé s’il était possible de faire un composant qui ne dépende pas de uMap pour afficher une trace GPX. Le fait d’avoir passé une heure à trouver la bonne &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP&quot;&gt;CSP&lt;/a&gt; pour arriver à afficher une carte m’a d’une certaine manière motivé (c’était une journée&amp;nbsp;galère).&lt;/p&gt;
  618. &lt;p&gt;Il se trouve qu’il existe &lt;a href=&quot;https://github.com/mpetazzoni/leaflet-gpx&quot;&gt;leaflet-gpx&lt;/a&gt; qui fait exactement ce que je voulais. Il ne me restait «&amp;nbsp;plus qu’à&amp;nbsp;» en faire un composant web, ce que j’avais déjà &lt;a href=&quot;https://gitlab.com/umap-project/leaflet-webcomponents/&quot;&gt;fait par ailleurs&lt;/a&gt;&amp;nbsp;:&lt;/p&gt;
  619. &lt;gpx-viewer data-height=&quot;500px&quot; data-width=&quot;800px&quot;&gt;
  620. &lt;p&gt;
  621. Vous devriez voir s’afficher une carte de mon « Grand Tour de la forêt de Ouareau »,
  622. qui contient &lt;a data-gpx href=&quot;https://larlet.fr/static/david/2024/grand_tour_de_la_foret_de_ouareau.gpx&quot;&gt;cette trace GPX&lt;/a&gt;,
  623. centrée sur &lt;span data-latitude&gt;46.2117&lt;/span&gt;, &lt;span data-longitude&gt;-73.9335&lt;/span&gt;
  624. avec un zoom de &lt;span data-zoom&gt;12&lt;/span&gt;.
  625. Il est probable que cela ne s’exécute pas dans un agrégateur par exemple.
  626. &lt;/p&gt;
  627. &lt;/gpx-viewer&gt;
  628. &lt;script type=&quot;module&quot;&gt;
  629. import * as L from &#x27;/static/david/2024/leaflet.1.9.4/leaflet.1.9.4.js&#x27;
  630. window.L = L // Hack for leaflet-gpx, youpi.
  631. &lt;/script&gt;
  632. &lt;script type=&quot;module&quot; nonce=&quot;oembed-web-component&quot;&gt;
  633. class GPXViewer extends HTMLElement {
  634. static tagName = &#x27;gpx-viewer&#x27;
  635. static register(tagName, registry) {
  636. if(!registry &amp;&amp; (&#x27;customElements&#x27; in globalThis)) {
  637. registry = globalThis.customElements
  638. }
  639. registry?.define(tagName || this.tagName, this)
  640. }
  641. #attachCSS(path) {
  642. const linkElement = document.createElement(&#x27;link&#x27;)
  643. linkElement.setAttribute(&#x27;rel&#x27;, &#x27;stylesheet&#x27;)
  644. linkElement.setAttribute(&#x27;href&#x27;, path)
  645. this.shadowRoot.appendChild(linkElement)
  646. }
  647. #computeDimensions(mapContainer) {
  648. // There has to be a better way but I feel lazy tonight.
  649. let height = this.dataset.height
  650. let width = this.dataset.width
  651. // Size is in px so we strip these chars and convert to int.
  652. const heightValue = Number(height.slice(0, -2))
  653. const widthValue = Number(width.slice(0, -2))
  654. const mediaQueryMiddle = window.matchMedia(`(max-width: ${widthValue}px)`)
  655. const mediaQuerySmall = window.matchMedia(`(max-width: ${widthValue / 2}px)`)
  656. if (mediaQueryMiddle.matches) {
  657. height = `${heightValue / 2}px`
  658. width = `${widthValue / 2}px`
  659. }
  660. if (mediaQuerySmall.matches) {
  661. height = `${heightValue / 3}px`
  662. width = `${widthValue / 3}px`
  663. }
  664. mapContainer.style.height = height
  665. mapContainer.style.width = width
  666. }
  667. #createMapContainer() {
  668. const mapContainer = document.createElement(&#x27;div&#x27;)
  669. this.#computeDimensions(mapContainer)
  670. this.shadowRoot.appendChild(mapContainer)
  671. return mapContainer
  672. }
  673. #createMap(mapContainer) {
  674. const map = L.map(mapContainer).setView(
  675. [
  676. this.querySelector(&#x27;[data-latitude]&#x27;).textContent,
  677. this.querySelector(&#x27;[data-longitude]&#x27;).textContent,
  678. ],
  679. this.querySelector(&#x27;[data-zoom]&#x27;).textContent
  680. )
  681. L.tileLayer(&#x27;https://tile.openstreetmap.org/{z}/{x}/{y}.png&#x27;, {
  682. attribution:
  683. &#x27;&amp;copy; &lt;a href=&quot;https://www.openstreetmap.org/copyright&quot;&gt;OpenStreetMap&lt;/a&gt; contributors&#x27;,
  684. }).addTo(map)
  685. return map
  686. }
  687. #attachGPX(map) {
  688. const gpxUrl = this.querySelector(&#x27;[data-gpx]&#x27;).href
  689. new GPX(gpxUrl, {
  690. async: true,
  691. marker_options: {
  692. startIconUrl: &#x27;/static/david/2024/leaflet-gpx.1.7.0-custom/pin-icon-start.png&#x27;,
  693. endIconUrl: &#x27;/static/david/2024/leaflet-gpx.1.7.0-custom/pin-icon-end.png&#x27;,
  694. shadowUrl: &#x27;/static/david/2024/leaflet-gpx.1.7.0-custom/pin-shadow.png&#x27;
  695. }
  696. }).on(&#x27;loaded&#x27;, (e) =&gt; {
  697. map.fitBounds(e.target.getBounds())
  698. }).addTo(map)
  699. }
  700. constructor() {
  701. super()
  702. this.attachShadow({ mode: &#x27;open&#x27; })
  703. }
  704. async connectedCallback() {
  705. this.#attachCSS(&#x27;/static/david/2024/leaflet.1.9.4/leaflet.css&#x27;)
  706. const mapContainer = this.#createMapContainer()
  707. const map = this.#createMap(mapContainer)
  708. this.#attachGPX(map)
  709. }
  710. }
  711. import GPX from &#x27;/static/david/2024/leaflet-gpx.1.7.0-custom/gpx.1.7.0-custom.js&#x27;
  712. GPXViewer.register()
  713. &lt;/script&gt;
  714. &lt;p&gt;Alors en fait, comme rien n’est jamais simple en JS, il a fallu que j’adapte le plugin qui n’était pas compatible avec les modules JS et que je fasse des galipettes pour que ça finisse par tomber en marche&amp;nbsp;🤸. Cet écosystème est merveilleux (quel métier&amp;#8239;!). J’ai quand même &lt;a href=&quot;https://github.com/mpetazzoni/leaflet-gpx/issues/153&quot;&gt;remonté le problème&lt;/a&gt;.&lt;/p&gt;
  715. &lt;p&gt;Au passage, inspiré par &lt;a href=&quot;https://blog.k-nut.eu/leaflet-microdata-html-webcomponent&quot;&gt;le travail de Knut Hühne&lt;/a&gt; sur la sémantique des données d’une carte, je me suis demandé si j’allais définir un &lt;a href=&quot;https://schema.org/itinerary&quot;&gt;itinerary&lt;/a&gt; pour un &lt;a href=&quot;https://schema.org/Trip&quot;&gt;Trip&lt;/a&gt; avec des &lt;a href=&quot;https://schema.org/GeoCoordinates&quot;&gt;GeoCoordinates&lt;/a&gt; mais ça m’a fait tirer un fil beaucoup trop long. Je garde l’idée sous le coude &lt;a href=&quot;https://umap-project.gitlab.io/leaflet-webcomponents/&quot;&gt;pour mes propres recherches&lt;/a&gt; dans le domaine cela&amp;nbsp;dit.&lt;/p&gt;
  716. &lt;p&gt;Un composant de plus, je ne suis pas très satisfait de celui-ci car j’avais l’espoir d’arriver à quelque chose de facilement réutilisable. J’aurais au moins commencé à mettre les doigts dans le XML du format GPX. Il est possible de définir plusieurs segments au sein d’une même trace. Il peut y avoir pas mal de métadonnées, notamment de mise en forme de la trace mais aussi de caractéristiques (biologiques, physiques, etc).&lt;/p&gt;
  717. &lt;hr /&gt;
  718. &lt;blockquote lang=&quot;en&quot;&gt;
  719. &lt;p&gt;The fact is that we can’t rely on any single website to hold the whole world’s knowledge, because it can be corrupted sooner or later. The only solution is a distributed architecture, with many smaller websites connecting with each other and sharing information. This is where ActivityPub comes in, the protocol used by Mastodon, Lemmy, Peertube and many other federated social media&amp;nbsp;projects.&lt;/p&gt;
  720. &lt;p&gt;I have worked on Lemmy for the past four years, bringing it from a prototype to a fully functional Reddit alternative. I wrote the entire federation code and became very familiar with the protocol. &lt;mark&gt;I realized that the same technology easily be used to create a federated encyclopedia.&lt;/mark&gt; As no one else took up such a project, I finally decided to do it on my own and create Ibis. Thanks to my previous experience with the tech stack and the ActivityPub library I created, I was able to complete a proof of concept in a relatively short time of four&amp;nbsp;months.&lt;/p&gt;
  721. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://ibis.wiki/article/Announcing_Ibis,_the_federated_Wikipedia_Alternative@ibis.wiki&quot;&gt;Announcing Ibis, the federated Wikipedia&amp;nbsp;Alternative&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  722. &lt;/blockquote&gt;
  723. &lt;p&gt;Wikipedia décentralisé, je dis oui&amp;#8239;! Merci &lt;a href=&quot;https://alexsirac.com/activitypub-powered-wikis/&quot;&gt;Alex&lt;/a&gt;.&lt;/p&gt;
  724. &lt;p&gt;C’est important pour &lt;a href=&quot;https://larlet.fr/david/2024/02/29/&quot;&gt;diverses&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/03/07/&quot;&gt;raisons&lt;/a&gt;.&lt;/p&gt;
  725. &lt;hr /&gt;
  726. &lt;blockquote lang=&quot;en&quot;&gt;
  727. &lt;p&gt;I think it’s time to admit that my hobby is buying stuff for my new&amp;nbsp;hobby.&lt;/p&gt;
  728. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Chris Hallbeck&lt;/em&gt;, &lt;a href=&quot;https://mastodon.social/@Chrishallbeck/112153815963114685&quot;&gt;sur&amp;nbsp;masto&lt;/a&gt;&lt;/cite&gt;&lt;/p&gt;
  729. &lt;/blockquote&gt;
  730. &lt;p&gt;&lt;em&gt;Touché.&lt;/em&gt;&lt;/p&gt;
  731. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  732. </entry>
  733. <entry xml:lang="fr">
  734. <title type="html">Inclusion</title>
  735. <link href="https://larlet.fr/david/2024/03/25/" rel="alternate" type="text/html" />
  736. <updated>2024-03-25T12:00:00+01:00</updated>
  737. <id>https://larlet.fr/david/2024/03/25/</id>
  738. <summary type="html">
  739. &lt;p&gt;Dans le cadre de &lt;del&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Eating_your_own_dog_food&quot;&gt;manger ma propre bouffe pour chien&lt;/a&gt;&lt;/del&gt; mon &lt;a href=&quot;https://fr.wikipedia.org/wiki/Auto%C3%A9quipement&quot;&gt;autoéquipement&lt;/a&gt;, je voulais vérifier si l’implémentation de &lt;a href=&quot;https://oembed.com/&quot;&gt;oEmbed&lt;/a&gt; dans &lt;a href=&quot;https://umap-project.org/fr/&quot;&gt;uMap&lt;/a&gt; était utilisable… et il se trouve que ce n’était pas le cas avant aujourd’hui. Il y aurait encore des pistes d’améliorations mais au moins ça affiche une carte (si vous autorisez les requêtes externes en&amp;nbsp;JS)&amp;nbsp;:&lt;/p&gt;
  740. &lt;style type=&quot;text/css&quot;&gt;
  741. o-embed {
  742. /* Size of the oembed + paragraph + margins. */
  743. height: calc(300px + 1rem + 3rem);
  744. }
  745. &lt;/style&gt;
  746. &lt;o-embed url=&quot;https://umap.openstreetmap.fr/fr/map/grand-tour-de-la-foret-de-ouareau_1037457&quot;&gt;
  747. &lt;p&gt;
  748. Vous devriez voir s’afficher une carte de mon « Grand Tour de la forêt de Ouareau »,
  749. il est probable que cela ne s’exécute pas dans un agrégateur par exemple.
  750. &lt;/p&gt;
  751. &lt;/o-embed&gt;
  752. &lt;script type=&quot;module&quot;&gt;
  753. class OEmbed extends HTMLElement {
  754. static tagName = &#x27;o-embed&#x27;
  755. static register(tagName, registry) {
  756. if(!registry &amp;&amp; (&#x27;customElements&#x27; in globalThis)) {
  757. registry = globalThis.customElements
  758. }
  759. registry?.define(tagName || this.tagName, this)
  760. }
  761. get url() {
  762. return this.getAttribute(&#x27;url&#x27;) || &#x27;&#x27;
  763. }
  764. constructor() {
  765. super()
  766. this.attachShadow({ mode: &#x27;open&#x27; })
  767. }
  768. async connectedCallback() {
  769. let slot = document.createElement(&#x27;slot&#x27;)
  770. this.shadowRoot.appendChild(slot)
  771. const html = await this.fetchText(this.url)
  772. const oEmbedLink = this.extractOembedLink(html)
  773. const oEmbedJson = await this.fetchJson(oEmbedLink)
  774. this.innerHTML = oEmbedJson.html
  775. }
  776. fetchText(url) {
  777. return fetch(url)
  778. .then((data) =&gt; data.text())
  779. .catch(console.error.bind(this))
  780. }
  781. fetchJson(url) {
  782. return fetch(url, { type: &#x27;json&#x27; })
  783. .then((data) =&gt; data.json())
  784. .catch(console.error.bind(this))
  785. }
  786. extractOembedLink(html) {
  787. const parser = new DOMParser()
  788. const htmlDocument = parser.parseFromString(html, &quot;text/html&quot;)
  789. const oEmbedMeta = htmlDocument.documentElement.querySelector(
  790. &#x27;link[type=&quot;application/json+oembed&quot;]&#x27;
  791. )
  792. return oEmbedMeta.href
  793. }
  794. }
  795. OEmbed.register()
  796. &lt;/script&gt;
  797. &lt;p&gt;J’en ai fait un &lt;em&gt;web component&lt;/em&gt; car je compte explorer / publier davantage de cartes par la suite. Je vais essayer d’ajouter des options lorsqu’elles deviendront disponibles côté uMap. Pour l’instant, il faudra vous contenter d’un &lt;code&gt;view-source:&lt;/code&gt; (meilleure fonctionnalité du Web, ne l’oublions&amp;nbsp;jamais).&lt;/p&gt;
  798. &lt;p&gt;Au passage, j’ai mis à jour le moteur de ce site pour pouvoir injecter des morceaux de HTML (et donc CSS/JS) sur des billets en particulier. Je m’amuse&amp;nbsp;bien&amp;nbsp;🧑‍🔬.&lt;/p&gt;
  799. &lt;p&gt;Je compte &lt;a href=&quot;https://larlet.fr/david/2024/03/11/#hr-109&quot;&gt;reparler de cette carte&lt;/a&gt;.&lt;/p&gt;
  800. &lt;hr /&gt;
  801. &lt;p&gt;Beaucoup moins glorieux, j’ai participé à &lt;a href=&quot;https://forum.openstreetmap.fr/t/mise-en-production-umap-v2-1-x-compliquee-perte-des-dernieres-donnees-sauvegardees-sur-52-cartes/22336&quot;&gt;de la perte de données&lt;/a&gt; aujourd’hui. Nous avons eu besoin de trois cerveaux et pas mal d’heures pour comprendre ce qu’il se passait. Il était difficile de tester / imaginer / reproduire autrement que sur le serveur de production. C’est déjà pas mal d’avoir eu la possibilité de passer en lecture seule avant que ça ne touche trop de&amp;nbsp;cartes.&lt;/p&gt;
  802. &lt;p&gt;J’ai appris qu’il ne fallait pas se fier à l’ordre des IDs… lorsqu’ils deviennent des&amp;nbsp;UUIDs&amp;#8239;!&lt;/p&gt;
  803. &lt;hr /&gt;
  804. &lt;blockquote lang=&quot;en&quot;&gt;
  805. &lt;p&gt;A data hoarder’s dream come true: bundle any web page into a single HTML file. You can finally replace that gazillion of open tabs with a gazillion of .html files stored somewhere on your precious little&amp;nbsp;drive.&lt;/p&gt;
  806. &lt;p&gt;Unlike the conventional “Save page as”, monolith not only saves the target document, &lt;mark&gt;it embeds CSS, image, and JavaScript assets all at once,&lt;/mark&gt; producing a single HTML5 document that is a joy to store and&amp;nbsp;share.&lt;/p&gt;
  807. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://github.com/Y2Z/monolith&quot;&gt;monolith&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  808. &lt;/blockquote&gt;
  809. &lt;p&gt;Je me demande si je ne devrais pas avoir recours à ce type d’outil plutôt que de n’extraire que la partie de HTML qui m’intéresse pour garder &lt;a href=&quot;https://larlet.fr/david/2024/02/03/&quot;&gt;une copie des liens&lt;/a&gt; que je lie par ici. C’est pour l’instant un peu fastidieux mais ça me fait aussi découvrir des choses en explorant le code des&amp;nbsp;autres.&lt;/p&gt;
  810. &lt;hr /&gt;
  811. &lt;blockquote lang=&quot;en&quot;&gt;
  812. &lt;p&gt;For this reason, I got more into &lt;mark&gt;“Conflict-free Resolution Data Types” (CRDTs),&lt;/mark&gt; with the goal of understanding what they are, how they work, what are the different libraries out there, and which one would be a good fit for us, if&amp;nbsp;any.&lt;/p&gt;
  813. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.notmyidea.org/a-comparison-of-javascript-crdts.html&quot;&gt;A comparison of JavaScript&amp;nbsp;CRDTs&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  814. &lt;/blockquote&gt;
  815. &lt;p&gt;J’apprends plein de choses à ce sujet grâce à Alexis, c’est chouette à explorer par&amp;nbsp;procuration.&lt;/p&gt;
  816. &lt;hr /&gt;
  817. &lt;blockquote lang=&quot;en&quot;&gt;
  818. &lt;p&gt;To summarize, digital information requires maintenance. It&#x27;s not sufficient to make backups; the backups also need to be maintained, upgraded, transferred, and curated. Without conscientious care, the data of today will be lost forever in a few years. Even with care, it&#x27;s possible through software or hardware changes to lose access forever. That shoebox of old backup CDs will be unreadable&amp;nbsp;soon.&lt;/p&gt;
  819. &lt;p&gt;Which brings us back to those old photo caches. They held negatives and prints, physical objects that stored images. They needed no attention, no curating, no updating. They sat untended and forgotten for decades, but through all that time faithfully held their information, waiting for a future discoverer. As a result, we can all see what the Scott Antarctic expedition saw, and I can see what my great-grandparents looked&amp;nbsp;like.&lt;/p&gt;
  820. &lt;p&gt;&lt;mark&gt;It is a sad irony that modern technology makes it unlikely that future generations will see the images made&amp;nbsp;today.&lt;/mark&gt;&lt;/p&gt;
  821. &lt;p&gt;Ask yourself whether your great-grandchildren will be able to see your photographs. If the images exist only as a digital image file, the answer is almost certainly, &amp;quot;No&amp;quot;. If, however, there are physical prints, the odds improve. Those digital images need to be made real to endure. Without a print, a digital photograph has no&amp;nbsp;future.&lt;/p&gt;
  822. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://commandcenter.blogspot.com/2014/08/prints.html&quot;&gt;command center: Prints&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  823. &lt;/blockquote&gt;
  824. &lt;p&gt;Très vrai &lt;em&gt;et&lt;/em&gt; je me demande si le fait d’avoir des artefacts qui perdurent sur plusieurs générations sans entretien / transmission n’est pas justement un épiphénomène. Le numérique est peut-être plus proche de la transmission orale, une information qui a besoin d’être appropriée par læ récepteur·ice pour qu’elle continue à&amp;nbsp;vivre.&lt;/p&gt;
  825. &lt;p&gt;Ce sera à moi d’apprendre à ma descendance comment garder en vie cette flamme numérique qui vacille à chaque coup de vent de format&amp;nbsp;propriétaire.&lt;/p&gt;
  826. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/dependance/&quot;&gt;#dépendance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  827. </entry>
  828. <entry xml:lang="fr">
  829. <title type="html">Cage</title>
  830. <link href="https://larlet.fr/david/2024/03/24/" rel="alternate" type="text/html" />
  831. <updated>2024-03-24T12:00:00+01:00</updated>
  832. <id>https://larlet.fr/david/2024/03/24/</id>
  833. <summary type="html">
  834. &lt;blockquote&gt;
  835. &lt;p&gt;«&amp;nbsp;Serai-je toujours choisie&amp;#8239;? dit-elle avec amertume. Serai-je toujours laissée derrière quand les cavaliers partiront, pour garder la maison pendant qu’ils se couvrent de gloire, et veiller à ce que le repas et le lit soient prêts à leur&amp;nbsp;retour&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
  836. &lt;p&gt;«&amp;nbsp;Un jour viendra bientôt, peut-être, où nul ne rentrera, dit-il. Alors, il y aura besoin de courage sans gloire, car nul ne se souviendra des exploits accomplis dans l’ultime défense de vos foyers. Mais ces exploits n’auront pas été moins vaillants pour être restés sans&amp;nbsp;éloges.&amp;nbsp;»&lt;/p&gt;
  837. &lt;p&gt;Et elle répondit: «&amp;nbsp;Tout cela revient à dire&amp;nbsp;: vous êtes une femme, et votre place est à la maison. Mais quand les hommes seront morts au combat, dans l’honneur, vous pourrez brûler avec elle, car les hommes n’auront plus besoin d’un toit. Mais je suis de la Maison d’Eorl, et non une femme servante. Je puis monter à cheval, je sais manier l’épée&amp;#8239;; et je ne crains ni la souffrance, ni la&amp;nbsp;mort.&amp;nbsp;»&lt;/p&gt;
  838. &lt;p&gt;«&amp;nbsp;Que craignez-vous donc, madame&amp;#8239;?&amp;nbsp;»&amp;nbsp;demanda-t-il.&lt;/p&gt;
  839. &lt;p&gt;«&amp;nbsp;&lt;mark&gt;Une cage&lt;/mark&gt;, dit-elle. Vivre derrière des barreaux, jusqu’à ce que l’habitude et la vieillesse s’en accommodent, et que l’espoir d’accomplir de hauts faits soit au-delà de tout souvenir et de toute&amp;nbsp;envie.&amp;nbsp;»&lt;/p&gt;
  840. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Le Seigneur des Anneaux&lt;/em&gt;, J.R.R. Tolkien, traduction de Daniel&amp;nbsp;Lauzon&lt;/cite&gt;&lt;/p&gt;
  841. &lt;/blockquote&gt;
  842. &lt;p&gt;Il s’agit de mon extrait favori de la trilogie. &lt;em&gt;Éowyn forever&amp;nbsp;&amp;lt;3.&lt;/em&gt;&lt;/p&gt;
  843. &lt;hr /&gt;
  844. &lt;blockquote&gt;
  845. &lt;p&gt;Bref, il s’agit de modéliser le mieux possible les &lt;strong&gt;besoins éditoriaux&lt;/strong&gt; pour ensuite – &lt;em&gt;et seulement ensuite&amp;#8239;!&lt;/em&gt; – réunir les ingrédients techniques. (On voit souvent le contraire arriver en pratique&amp;nbsp;: on plaque des solutions existantes sans nécessairement tenir compte des spécificités propres à un problème, un contexte, une communauté.) Il existe souvent plusieurs solutions possibles, plusieurs morceaux de code différents qui produisent, à première vue, un effet similaire&amp;#8239;; &lt;mark&gt;sauf que les démarches ne se valent pas toutes,&lt;/mark&gt; et c’est justement en tenant compte du contexte particulier qu’on peut trouver chaussure à son pied (ou à celui des&amp;nbsp;autres).&lt;/p&gt;
  846. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.lobrassard.net/carnet/2024-03-22-ecrire-coder-editorial.html&quot;&gt;Écrire ou coder&amp;nbsp;l’éditorial&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  847. &lt;/blockquote&gt;
  848. &lt;p&gt;CSS ⨯ Grec ancien ⨯&amp;nbsp;poésie.&lt;/p&gt;
  849. &lt;hr /&gt;
  850. &lt;blockquote lang=&quot;en&quot;&gt;
  851. &lt;p&gt;In principle, these modern pages that burn a ton of CPU when loading could be doing pre-work that means that later interactions on the page are faster and cheaper than on the pages that do less up-front work (this is a common argument in favor of these kinds of pages), &lt;mark&gt;but that’s not the case for pages tested, which are slower&lt;/mark&gt; to load initially, slower on subsequent loads, and slower after they’ve&amp;nbsp;loaded.&lt;/p&gt;
  852. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://danluu.com/slow-device/&quot;&gt;How web bloat impacts users with slow&amp;nbsp;devices&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  853. &lt;/blockquote&gt;
  854. &lt;p&gt;L’article déprimant du jour que devraient lire tou·tes les dévelopeur·euses avec leurs processeurs MX et leurs&amp;nbsp;iPhones.&lt;/p&gt;
  855. &lt;p&gt;&lt;em&gt;Je l’ai&amp;nbsp;lu.&lt;/em&gt;&lt;/p&gt;
  856. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/courage/&quot;&gt;#courage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/lecture/&quot;&gt;#lecture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/poesie/&quot;&gt;#poésie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  857. </entry>
  858. <entry xml:lang="fr">
  859. <title type="html">Intendant</title>
  860. <link href="https://larlet.fr/david/2024/03/23/" rel="alternate" type="text/html" />
  861. <updated>2024-03-23T12:00:00+01:00</updated>
  862. <id>https://larlet.fr/david/2024/03/23/</id>
  863. <summary type="html">
  864. &lt;blockquote lang=&quot;en&quot;&gt;
  865. &lt;p&gt;In &lt;a href=&quot;https://andrewkelley.me/post/why-we-cant-have-nice-software.html&quot;&gt;Why We Can’t Have Nice Software&lt;/a&gt;, I point out this pattern of needless software churn in the mindless quest for profit. This is a perfect example occurring right now. Redict has already reached its peak; it does not need any more serious software development to occur. It does not need to &lt;a href=&quot;https://redis.com/blog/the-future-of-redis/&quot;&gt;pivot to AI&lt;/a&gt;. It can be maintained for decades to come with minimal effort. It can continue to provide a high amount of value for a low amount of labor. That’s the entire point of&amp;nbsp;software!&lt;/p&gt;
  866. &lt;p&gt;Redict does not have any profit left to offer. It no longer needs a fund-raising entity behind it anymore. &lt;mark&gt;It just needs a good project&amp;nbsp;steward.&lt;/mark&gt;&lt;/p&gt;
  867. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://andrewkelley.me/post/redis-renamed-to-redict.html&quot;&gt;Redis Renamed to&amp;nbsp;Redict&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  868. &lt;/blockquote&gt;
  869. &lt;p&gt;Je me pose beaucoup de questions sur cette notion de finitude logicielle. Et sur le fait de parfois créer ma propre nécessité, sans en avoir forcément conscience ou&amp;nbsp;l’intention.&lt;/p&gt;
  870. &lt;p&gt;J’y vois un parallèle avec une frugalité que je n’arrive pas à atteindre, les deux étant probablement&amp;nbsp;liés.&lt;/p&gt;
  871. &lt;p&gt;Il me reste encore tellement de choses à&amp;nbsp;démêler…&lt;/p&gt;
  872. &lt;hr /&gt;
  873. &lt;blockquote lang=&quot;en&quot;&gt;
  874. &lt;p&gt;So, yeah, I’ve been at this for a while, and this is the answer: Write CSS. Not too much. Mostly&amp;nbsp;scoped.&lt;/p&gt;
  875. &lt;p&gt;I’m sure we’ll never argue about how to manage CSS ever&amp;nbsp;again.&lt;/p&gt;
  876. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.leereamsnyder.com/write-css-not-too-much-mostly-scoped&quot;&gt;Write CSS. Not too much. Mostly&amp;nbsp;scoped.&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  877. &lt;/blockquote&gt;
  878. &lt;p&gt;Ça commence par le classique «&amp;nbsp;pour ou contre Tailwind&amp;nbsp;» mais après il y a des choses&amp;nbsp;inspirantes.&lt;/p&gt;
  879. &lt;hr /&gt;
  880. &lt;blockquote lang=&quot;en&quot;&gt;
  881. &lt;p&gt;quick q, however: how do they get off the worm when they’ve arrived at their&amp;nbsp;destination&lt;/p&gt;
  882. &lt;p&gt;keep noticing that the movie cuts before they get off, Denis my friend you can’t fool me, how do you stop riding the worm, answer&amp;nbsp;us&lt;/p&gt;
  883. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://youngvulgarian.substack.com/p/sydney-sweeney-if-youre-free-on-thursday&quot;&gt;Sydney Sweeney, if you’re free on&amp;nbsp;Thursday,&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  884. &lt;/blockquote&gt;
  885. &lt;p&gt;Tiens c’est vrai ça&amp;#8239;! 🤔🤯&lt;/p&gt;
  886. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/dependance/&quot;&gt;#dépendance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/psychologie/&quot;&gt;#psychologie&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  887. </entry>
  888. <entry xml:lang="fr">
  889. <title type="html">Fourchette</title>
  890. <link href="https://larlet.fr/david/2024/03/21/" rel="alternate" type="text/html" />
  891. <updated>2024-03-21T12:00:00+01:00</updated>
  892. <id>https://larlet.fr/david/2024/03/21/</id>
  893. <summary type="html">
  894. &lt;p&gt;&lt;em&gt;&lt;a href=&quot;https://larlet.fr/david/2024/03/19/&quot;&gt;Suite&lt;/a&gt; des &lt;a href=&quot;https://larlet.fr/david/2024/03/20/&quot;&gt;aventures&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;
  895. &lt;p&gt;Un peu &lt;a href=&quot;https://gitlab.com/davidbgk/page-crypt-web-component#pagecrypt-web-component&quot;&gt;plus de documentation&lt;/a&gt; (&lt;a href=&quot;https://davidbgk.gitlab.io/page-crypt-web-component/&quot;&gt;la démo&lt;/a&gt; servant aussi d’introduction). Une &lt;a href=&quot;https://gitlab.com/davidbgk/page-crypt-web-component/-/blob/main/LICENSE&quot;&gt;licence AGPLv3&lt;/a&gt; qui soit &lt;a href=&quot;https://github.com/Greenheart/pagecrypt?tab=AGPL-3.0-1-ov-file#readme&quot;&gt;compatible avec l’implémentation principale&lt;/a&gt; dont je m’inspire. Je ne sais pas trop si c’est un &lt;em&gt;fork&lt;/em&gt; au final, c’est assez hybride comme nouvelle branche, j’ai plus l’impression d’une&amp;nbsp;convergence.&lt;/p&gt;
  896. &lt;p&gt;J’ai surtout travaillé sur l’intégration du formulaire de saisie du mot de passe qui se situe maintenant dans le &lt;em&gt;Web Component&lt;/em&gt;. Je voulais privilégier la simplicité d’usage, ce qui implique de prendre quelques raccourcis. J’ai beaucoup hésité à utiliser &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog&quot;&gt;un élément &lt;code&gt;&amp;lt;dialog&amp;gt;&lt;/code&gt;&lt;/a&gt; pour le formulaire mais j’ai préféré rester&amp;nbsp;basique.&lt;/p&gt;
  897. &lt;p&gt;Il y a encore du travail mais la base me semble utilisable. C’est en essayant de l’intégrer par ailleurs que je vais me rendre compte de tous les défauts&amp;nbsp;actuels.&lt;/p&gt;
  898. &lt;hr /&gt;
  899. &lt;p&gt;&lt;a href=&quot;https://redis.io/&quot;&gt;Redis&lt;/a&gt; a maintenant un &lt;em&gt;fork&lt;/em&gt;&amp;nbsp;: &lt;a href=&quot;https://codeberg.org/redict/redict&quot;&gt;redict&lt;/a&gt; suite à un &lt;a href=&quot;https://github.com/redis/redis-doc/commit/69921f506c02f65606498cfb4c083c6d8f91f125&quot;&gt;changement de licence&lt;/a&gt; qui n’est plus tout à fait open-source, du moins tel que défini par &lt;a href=&quot;https://opensource.org/&quot;&gt;l’OSI&lt;/a&gt;.&lt;/p&gt;
  900. &lt;hr /&gt;
  901. &lt;p&gt;En ayant repris un entraînement physique assez intensif pour récupérer une forme acceptable (car &lt;a href=&quot;https://larlet.fr/david/2024/01/09/&quot;&gt;j’ai quand même été immobilisé&lt;/a&gt; un moment), je me rends compte que ça prend un temps non&amp;nbsp;négligeable.&lt;/p&gt;
  902. &lt;p&gt;Un peu par hasard, je commence un traitement AKiLEiNE TANO(+NOK). On va voir si ça permet de gagner du temps dans la préparation des pieds, retours dans un&amp;nbsp;mois.&lt;/p&gt;
  903. &lt;p&gt;J’ai aussi réduit mon coup de fourchette car le printemps s’en vient et je vais moins avoir besoin de me protéger du froid. Même si cette sortie course du jour par -15°C en ressenti était&amp;nbsp;piquante&amp;#8239;!&lt;/p&gt;
  904. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/communaute/&quot;&gt;#communauté&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  905. </entry>
  906. <entry xml:lang="fr">
  907. <title type="html">PageCrypt</title>
  908. <link href="https://larlet.fr/david/2024/03/20/" rel="alternate" type="text/html" />
  909. <updated>2024-03-20T12:00:00+01:00</updated>
  910. <id>https://larlet.fr/david/2024/03/20/</id>
  911. <summary type="html">
  912. &lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/03/19/&quot;&gt;J’y ai passé ma soirée&lt;/a&gt; mais j’ai un &lt;a href=&quot;https://davidbgk.gitlab.io/page-crypt-web-component/&quot;&gt;truc qui fonctionne pour une démo&lt;/a&gt;. Ça ressemble beaucoup à un &lt;em&gt;patchwork&lt;/em&gt; de bouts de code récupérés &lt;a href=&quot;https://www.maxlaumeister.com/pagecrypt/&quot;&gt;ici&lt;/a&gt; et &lt;a href=&quot;https://github.com/Greenheart/pagecrypt&quot;&gt;là&lt;/a&gt; puis &lt;a href=&quot;https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py&quot;&gt;aussi là&lt;/a&gt; pour la partie&amp;nbsp;Python.&lt;/p&gt;
  913. &lt;p&gt;Il y a encore pas mal de travail —&amp;nbsp;notamment pour rendre la page suffisamment accessible&amp;nbsp;— mais au moins la partie crypto / boîte noire semble fonctionner à la fois du côté génération en Python et consommation en JS. C’est la partie qui me faisait un peu peur et sur laquelle j’ai un peu patiné car c’est bien au-delà de mes compétences et que je ne veux pas prendre l’initiative de trop adapter sans comprendre les enjeux niveau&amp;nbsp;sécurité.&lt;/p&gt;
  914. &lt;p&gt;Le dépôt est &lt;a href=&quot;https://gitlab.com/davidbgk/page-crypt-web-component&quot;&gt;par ici&lt;/a&gt;. Il faut encore que je décide si le formulaire pour le mot de passe devient un &lt;em&gt;web component&lt;/em&gt; dédié et/ou un sous-composant, je ne suis pas satisfait du couplage implicite actuel. Itération, itération.&lt;/p&gt;
  915. &lt;p&gt;En bonus, il est possible d’accéder directement au contenu de la page en mettant le mot de passe en ancre de l’URL. J’ai appris au passage que ce fragment d’URL n’était pas transmis dans la requête et ne restait que dans l’historique du&amp;nbsp;navigateur.&lt;/p&gt;
  916. &lt;p&gt;&lt;em&gt;Si tu n’as pas honte de ton premier commit, tout ça… la suite&amp;nbsp;demain.&lt;/em&gt;&lt;/p&gt;
  917. &lt;hr /&gt;
  918. &lt;blockquote&gt;
  919. &lt;p&gt;Les mots ont un impact et, inconsciemment, quand vous ne les utilisez pas dans la bonne manière, vous minimisez mon handicap et donc vous faites moins d&#x27;effort que&amp;nbsp;nécessaire.&lt;/p&gt;
  920. &lt;p&gt;Autre point, dit-on «&amp;nbsp;personne en situation en handicap&amp;nbsp;» ou «&amp;nbsp;personne&amp;nbsp;handicapée&amp;#8239;?&amp;nbsp;»&lt;/p&gt;
  921. &lt;p&gt;Là, encore, il y a une&amp;nbsp;subtilité.&lt;/p&gt;
  922. &lt;p&gt;Je vais à un événement tech où les conférences ne sont pas sous-titrées. Je suis en situation de handicap puisque les conférences ne me sont pas du tout&amp;nbsp;accessibles.&lt;/p&gt;
  923. &lt;p&gt;Je vais à un événement tech où les conférences sont toutes sous-titrées. Je ne suis pas en situation de handicap puisque les conférences me sont totalement&amp;nbsp;accessibles.&lt;/p&gt;
  924. &lt;p&gt;Voici la différence. &lt;mark&gt;Être en situation de handicap, c’est subir la situation faute&amp;nbsp;d’accessibilité.&lt;/mark&gt;&lt;/p&gt;
  925. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://emmanuelle-aboaf.netlify.app/blog/article/n-ayez-pas-peur-des-mots&quot;&gt;N’ayez pas peur des&amp;nbsp;mots&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  926. &lt;/blockquote&gt;
  927. &lt;p&gt;Cette page ne contient pas le contenu du HTML qui s’affiche et ça me rend triste car j’en apprécie le contenu qui m’apprend des choses / me fait&amp;nbsp;réfléchir.&lt;/p&gt;
  928. &lt;p&gt;Un autre angle de&amp;nbsp;l’accessibilité&amp;#8239;?&lt;/p&gt;
  929. &lt;hr /&gt;
  930. &lt;blockquote lang=&quot;en&quot;&gt;
  931. &lt;p&gt;So don’t publish for the&amp;nbsp;world.&lt;/p&gt;
  932. &lt;p&gt;When I write something here on my website, I’m not thinking about the world reading it. That would be paralyzing. I do sometimes imagine that one person is reading it; someone just like me who hasn’t yet had this particular thought, or come up with that particular&amp;nbsp;idea.&lt;/p&gt;
  933. &lt;p&gt;I’m writing for myself. &lt;mark&gt;I write to figure out what I think.&lt;/mark&gt; I also publish mostly for myself—a public archive for future me. But if what I publish just happens to connect with one other person, I’m&amp;nbsp;glad.&lt;/p&gt;
  934. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://adactio.com/journal/20996&quot;&gt;What the world&amp;nbsp;needs&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  935. &lt;/blockquote&gt;
  936. &lt;hr /&gt;
  937. &lt;blockquote lang=&quot;en&quot;&gt;
  938. &lt;p&gt;My goal, for this digital place I’m creating, is to make you go away. And that’s not because I want to be left alone but because &lt;mark&gt;I hope to help you discover new digital places to explore.&lt;/mark&gt; If I see you again, it’s because you decided to come back, and not because you got lost and trapped inside the digital walls I&amp;nbsp;erected.&lt;/p&gt;
  939. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://manuelmoreale.com/digital-walled-gardens&quot;&gt;Digital walled&amp;nbsp;gardens&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  940. &lt;/blockquote&gt;
  941. &lt;p&gt;🌱&lt;/p&gt;
  942. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/laboratoire/&quot;&gt;#laboratoire&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  943. </entry>
  944. <entry xml:lang="fr">
  945. <title type="html">Excitation</title>
  946. <link href="https://larlet.fr/david/2024/03/19/" rel="alternate" type="text/html" />
  947. <updated>2024-03-19T12:00:00+01:00</updated>
  948. <id>https://larlet.fr/david/2024/03/19/</id>
  949. <summary type="html">
  950. &lt;p&gt;Il y a cette petite étincelle qui s’allume lorsque j’entrevois la possibilité de démarrer un petit bout de code qui pourrait changer mon/le monde (en toute&amp;nbsp;modestie).&lt;/p&gt;
  951. &lt;p&gt;Idée du jour&amp;nbsp;: faire un &lt;em&gt;web component&lt;/em&gt; qui s’intitulerait &lt;code&gt;&amp;lt;page-crypt&amp;gt;&lt;/code&gt; en s’inspirant grandement de &lt;a href=&quot;https://github.com/MaxLaumeister/PageCrypt/&quot;&gt;PageCrypt&lt;/a&gt; (et de sa &lt;a href=&quot;https://github.com/Greenheart/pagecrypt&quot;&gt;version à jour&lt;/a&gt;). La génération de la page chiffrée pourrait &lt;a href=&quot;https://github.com/MaxLaumeister/PageCrypt/blob/master/python/encrypt.py&quot;&gt;se faire en Python&lt;/a&gt;.&lt;/p&gt;
  952. &lt;p&gt;Cela essayerait de résoudre une problématique d’accès à du contenu privé sur des pages pré-générées de manière statique. Il est probable que j’en ai besoin sous peu afin d’afficher une progression personnalisée d’informations sensibles dans un contexte pro, ce qui me motive d’autant&amp;nbsp;plus.&lt;/p&gt;
  953. &lt;p&gt;Je découvre au passage qu’il n’est pas trivial de &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Glossary/Base64#the_unicode_problem&quot;&gt;convertir de l’unicode en base64 via JS&lt;/a&gt;.&lt;/p&gt;
  954. &lt;p&gt;Note&amp;nbsp;: il existe aussi &lt;a href=&quot;https://github.com/robinmoisson/staticrypt&quot;&gt;StatiCrypt&lt;/a&gt;.&lt;/p&gt;
  955. &lt;hr /&gt;
  956. &lt;blockquote lang=&quot;en&quot;&gt;
  957. &lt;p&gt;If majority is always right – let’s eat shit… millions of flies can’t be&amp;nbsp;wrong.&lt;/p&gt;
  958. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Statek&lt;/em&gt;, Waldemar Łysiak, 1994&lt;/cite&gt;&lt;/p&gt;
  959. &lt;/blockquote&gt;
  960. &lt;p&gt;Cette citation aura fait ma&amp;nbsp;journée.&lt;/p&gt;
  961. &lt;hr /&gt;
  962. &lt;p&gt;Je suis frustré par les capacités d’export des données de &lt;a href=&quot;https://larlet.fr/david/2024/03/14/&quot;&gt;la montre&lt;/a&gt;. En inspectant, je pourrais récupérer les JSON qui passent avec Playwright mais c’est un peu la face nord. &lt;em&gt;Ça me fait glousser qu’un tel site utilise&amp;nbsp;Vite.&lt;/em&gt;&lt;/p&gt;
  963. &lt;p&gt;Il faut que je teste &lt;a href=&quot;https://github.com/xballoy/coros-api&quot;&gt;coros-api&lt;/a&gt; (TypeScript) et/ou &lt;a href=&quot;https://github.com/futoshita/Coros-Training-Hub-Exporter&quot;&gt;Coros-Training-Hub-Exporter&lt;/a&gt; (Java), je ne suis pas le seul à vouloir récupérer ces&amp;nbsp;données.&lt;/p&gt;
  964. &lt;p&gt;Aussi, il y a des données qui ne sont pas exposées par le TrainingHub mais auxquelles on semble avoir accès &lt;a href=&quot;https://tryterra.co/integrations/coros&quot;&gt;via une API tierce&lt;/a&gt; (et très dispendieuse&amp;#8239;!). Étrange et&amp;nbsp;décevant…&lt;/p&gt;
  965. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/apprentissage/&quot;&gt;#apprentissage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/enthousiasme/&quot;&gt;#enthousiasme&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  966. </entry>
  967. <entry xml:lang="fr">
  968. <title type="html">Casquettes</title>
  969. <link href="https://larlet.fr/david/2024/03/18/" rel="alternate" type="text/html" />
  970. <updated>2024-03-18T12:00:00+01:00</updated>
  971. <id>https://larlet.fr/david/2024/03/18/</id>
  972. <summary type="html">
  973. &lt;p&gt;L’impression de porter beaucoup de casquettes dans la même journée en ce moment. Genre ces dernières années en fait. Je ne sais pas encore si ça mène à l’épuisement ou si c’est ce qui me permet de ne pas&amp;nbsp;m’ennuyer.&lt;/p&gt;
  974. &lt;p&gt;Je vais bientôt pouvoir ajouter «&amp;nbsp;nocoder&amp;nbsp;» à mon CV. Petite joie technique&amp;nbsp;(?) de la journée, on a réussi à connecter une feuille AiTable à la banque. On place une date dans une cellule et ça programme un virement de l’autre côté. C’était marrant de le faire en&amp;nbsp;binôme.&lt;/p&gt;
  975. &lt;hr /&gt;
  976. &lt;blockquote lang=&quot;en&quot;&gt;
  977. &lt;p&gt;When you’re designing a piece of software, the single most important thing to design for is understandability. Security, performance, and correctness are all important, but &lt;mark&gt;they come after&amp;nbsp;understandability.&lt;/mark&gt;&lt;/p&gt;
  978. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://ntietz.com/blog/the-most-important-goal-in-designing-software-is-understandability/&quot;&gt;The most important goal in designing software is&amp;nbsp;understandability&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  979. &lt;/blockquote&gt;
  980. &lt;hr /&gt;
  981. &lt;blockquote lang=&quot;en&quot;&gt;
  982. &lt;p&gt;Open Source is rewarding- but it can also be&amp;nbsp;exhausting.&lt;/p&gt;
  983. &lt;p&gt;The linking project’s code is provided as-is, and is not actively&amp;nbsp;maintained.&lt;/p&gt;
  984. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://unmaintained.tech/&quot;&gt;No Maintenance&amp;nbsp;Intended&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  985. &lt;/blockquote&gt;
  986. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/adaptation/&quot;&gt;#adaptation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/addiction/&quot;&gt;#addiction&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/evolution/&quot;&gt;#évolution&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  987. </entry>
  988. <entry xml:lang="fr">
  989. <title type="html">Descriptions</title>
  990. <link href="https://larlet.fr/david/2024/03/16/" rel="alternate" type="text/html" />
  991. <updated>2024-03-16T12:00:00+01:00</updated>
  992. <id>https://larlet.fr/david/2024/03/16/</id>
  993. <summary type="html">
  994. &lt;blockquote&gt;
  995. &lt;p&gt;Le crépuscule était tombé lorsqu’ils partirent enfin&amp;nbsp;: rampant par-dessus le bord ouest du vallon, ils passèrent comme des fantômes dans le pays accidenté en bordure de la route. La Lune n’était plus qu’à trois nuits de son plein, mais elle ne devait pas franchir les Montagnes avant minuit ou presque, et le début de leur voyage se fit dans la plus grande obscurité. […]&lt;/p&gt;
  996. &lt;p&gt;&lt;mark&gt;Enfin, quand la nuit se fit vieille et que la fatigue les eut déjà rattrapés&lt;/mark&gt;&amp;nbsp;[…]&lt;/p&gt;
  997. &lt;p&gt;Dès la tombée de la nuit, la terre s’étant évanouie en un gris informe, ils se remirent en route. […]&lt;/p&gt;
  998. &lt;p&gt;Le jour était en train d’éclore, et ils virent que les Montagnes étaient à présent beaucoup plus distantes, fuyant vers l’est en une longue courbe qui se perdait à l’horizon. […]&lt;/p&gt;
  999. &lt;p&gt;La lumière croissante leur révéla une terre déjà moins aride et moins ravagée. Les Montagnes se dressaient encore de façon menaçante sur leur gauche, mais la route du Sud était visible tout près d’eux, et elle s’éloignait à présent des racines noires des collines, obliquant vers l’ouest. […]&lt;/p&gt;
  1000. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Le Seigneur des Anneaux&lt;/em&gt;, J.R.R. Tolkien, traduction de Daniel&amp;nbsp;Lauzon&lt;/cite&gt;&lt;/p&gt;
  1001. &lt;/blockquote&gt;
  1002. &lt;p&gt;Je ne sais pas si j’y suis plus sensible à &lt;a href=&quot;https://larlet.fr/david/2024/02/06/&quot;&gt;cette relecture&lt;/a&gt; ou s’il s’agit d’améliorations avec la nouvelle traduction mais je remarque des tournures de phrases qui m’inspirent pour raconter des aventures en nature. Le sujet devenant l’environnement pour traduire les contraintes qu’il&amp;nbsp;impose.&lt;/p&gt;
  1003. &lt;p&gt;Puisqu’il faut s’éloigner du style de &lt;a href=&quot;https://comptoir.org/2024/03/11/sylvain-tesson-les-vers-de-la-reaction/&quot;&gt;Sylvain Tesson&lt;/a&gt;…&lt;/p&gt;
  1004. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/aventure/&quot;&gt;#aventure&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/lecture/&quot;&gt;#lecture&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  1005. </entry>
  1006. <entry xml:lang="fr">
  1007. <title type="html">Montre 2</title>
  1008. <link href="https://larlet.fr/david/2024/03/14/" rel="alternate" type="text/html" />
  1009. <updated>2024-03-14T12:00:00+01:00</updated>
  1010. <id>https://larlet.fr/david/2024/03/14/</id>
  1011. <summary type="html">
  1012. &lt;p&gt;J’ai reçu un &lt;a href=&quot;https://larlet.fr/david/2024/03/02/&quot;&gt;nouveau jouet&lt;/a&gt; aujourd’hui. Alors je me suis amusé. Il me reste beaucoup de données et fonctionnalités à&amp;nbsp;explorer.&lt;/p&gt;
  1013. &lt;p&gt;J’ai finalement opté pour la version non-Pro afin de privilégier un format qui me convient mieux (taille / poids), j’ai pu tester en magasin les deux&amp;nbsp;auparavant.&lt;/p&gt;
  1014. &lt;p&gt;Il faut que j’apprenne à ne pas courir &lt;em&gt;contre&lt;/em&gt; mais &lt;em&gt;avec&lt;/em&gt; la montre. J’ai trop tendance à pousser alors qu’elle sait bien à mon poignet que mon cœur ne va pas&amp;nbsp;suivre.&lt;/p&gt;
  1015. &lt;p&gt;Il y a du travail à faire pour transformer un jugement en&amp;nbsp;allié.&lt;/p&gt;
  1016. &lt;blockquote&gt;
  1017. &lt;p&gt;Tu peux parler fort, exhiber ton savoir, assener tes arguments, brandir ta culture…&lt;br /&gt;
  1018. … mais la conversation est à sens unique et totalement stérile.&lt;br /&gt;
  1019. Au terme de l’échange tu demeures exactement le même, tu n’as pas évolué d’un&amp;nbsp;pouce.&lt;/p&gt;
  1020. &lt;p&gt;La rencontre n’a pas eu&amp;nbsp;lieu.&lt;/p&gt;
  1021. &lt;p&gt;Ou bien, tu peux laisser l’autre s’exprimer, l’écouter. Et alors te hisser sur la marche qu’il érige puis en poser une à ton tour.&lt;br /&gt;
  1022. Vois ta balle de tennis comme le lien qui te rattache aux autres. Cultive-le tant que tu peux.&lt;br /&gt;
  1023. Ne cherche plus à lutter contre les autres pour être meilleur, Max, mais deviens meilleur grâce à&amp;nbsp;eux.&lt;/p&gt;
  1024. &lt;p&gt;Le tennis est un art. L’art de&amp;nbsp;l’échange.&lt;/p&gt;
  1025. &lt;p&gt;&lt;cite&gt;&lt;em&gt;Max Winson&lt;/em&gt;, Jérémie&amp;nbsp;Moreau&lt;/cite&gt;&lt;/p&gt;
  1026. &lt;/blockquote&gt;
  1027. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/deception/&quot;&gt;#déception&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/enthousiasme/&quot;&gt;#enthousiasme&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/sport/&quot;&gt;#sport&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  1028. </entry>
  1029. <entry xml:lang="fr">
  1030. <title type="html">Sérendipité</title>
  1031. <link href="https://larlet.fr/david/2024/03/13/" rel="alternate" type="text/html" />
  1032. <updated>2024-03-13T12:00:00+01:00</updated>
  1033. <id>https://larlet.fr/david/2024/03/13/</id>
  1034. <summary type="html">
  1035. &lt;blockquote lang=&quot;en&quot;&gt;
  1036. &lt;p&gt;Discovering things via links is way more fun than most algorithmically-driven discovery — in my humble&amp;nbsp;opinion.&lt;/p&gt;
  1037. &lt;p&gt;As an analogy, it’s kind of like going on vacation to a new place and staying/living amongst the locals vs. staying at a manicured 5-star hotel that gives you no reason to leave. &lt;mark&gt;Can you really say you visited the location if you never left the&amp;nbsp;hotel?&lt;/mark&gt;&lt;/p&gt;
  1038. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://blog.jim-nielsen.com/2024/following-links/&quot;&gt;Following Links - Jim Nielsen’s&amp;nbsp;Blog&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1039. &lt;/blockquote&gt;
  1040. &lt;p&gt;Je suis toujours étonné qu’il n’y ait pas des navigateurs qui affichent la toile de nos navigations de manière plus ou moins artistiques. On pourrait avoir des topologies de navigations, potentiellement quotidiennes, des points de comparaison avec d’autres personnes, une représentation de la curiosité, de l’enfermement dans des silos, etc.&lt;/p&gt;
  1041. &lt;blockquote lang=&quot;en&quot;&gt;
  1042. &lt;p&gt;A surprising number of other features can be expressed in terms of&amp;nbsp;links.&lt;/p&gt;
  1043. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://subconscious.substack.com/p/all-you-need-is-links&quot;&gt;All you need is&amp;nbsp;links&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1044. &lt;/blockquote&gt;
  1045. &lt;hr /&gt;
  1046. &lt;blockquote lang=&quot;en&quot;&gt;
  1047. &lt;p&gt;&lt;code&gt;printf &#x27;\e]8;;http://example.com\e\\This is a link\e]8;;\e\\\n&#x27;&lt;/code&gt;&lt;/p&gt;
  1048. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://notes.billmill.org/programming/bash/Hyperlink_escape_codes.html&quot;&gt;Hyperlink escape&amp;nbsp;codes&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1049. &lt;/blockquote&gt;
  1050. &lt;p&gt;Qui me fait découvre &lt;a href=&quot;https://github.com/nedbat/watchgha&quot;&gt;watchgha&lt;/a&gt;, bien pratique pour avoir un accès rapide aux résultats de l’intégration&amp;nbsp;continue.&lt;/p&gt;
  1051. &lt;figure&gt;
  1052. &lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-13-watchgha.png&quot;
  1053. title=&quot;Cliquer pour une version haute résolution&quot;&gt;
  1054. &lt;img
  1055. src=&quot;https://larlet.fr/static/david/2024/2024-03-13-watchgha.png&quot;
  1056. width=&quot;2422&quot; height=&quot;192&quot;
  1057. srcset=&quot;/static/david/2024/2024-03-13-watchgha.png 2422w, /static/david/2024/2024-03-13-watchgha.png 660w, /static/david/2024/2024-03-13-watchgha.png 990w, /static/david/2024/2024-03-13-watchgha.png 1320w&quot;
  1058. sizes=&quot;min(100vw, calc(100vh * 2422 / 192))&quot;
  1059. loading=&quot;lazy&quot;
  1060. decoding=&quot;async&quot;
  1061. alt=&quot;Capture d’écran du résultat de la commande git runs avec l’alias git qui pointe vers watchgha.&quot;&gt;
  1062. &lt;/a&gt;
  1063. &lt;figcaption&gt;Ça passe 🎉 (je vais essayer de faire une démo d’oEmbed par ici à un&amp;nbsp;moment).&lt;/figcaption&gt;
  1064. &lt;/figure&gt;
  1065. &lt;hr /&gt;
  1066. &lt;blockquote&gt;
  1067. &lt;p&gt;Le constat est simple&amp;nbsp;: je trouve que le Web ne va pas fort en ce moment, et je voulais à ma petite échelle montrer un peu&amp;nbsp;l’exemple.&lt;/p&gt;
  1068. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://vincent-valentin.name/articles/motivation-s&quot;&gt;Motivation(s) chez Vincent&amp;nbsp;Valentin.&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1069. &lt;/blockquote&gt;
  1070. &lt;p&gt;Très chouettes publications cette dernière semaine en tout cas&amp;nbsp;&amp;lt;3.&lt;/p&gt;
  1071. &lt;hr /&gt;
  1072. &lt;p&gt;Rétropédalage sur &lt;a href=&quot;https://larlet.fr/david/2024/03/12/&quot;&gt;le surlignage&lt;/a&gt;. Beaucoup trop de retours qui trouvent cela davantage distrayant qu’utile. Pour l’instant, j’ai gardé la logique mais sans animation. Je me demande si je vais en faire un &lt;em&gt;opt-in&lt;/em&gt; à un&amp;nbsp;moment.&lt;/p&gt;
  1073. &lt;hr /&gt;
  1074. &lt;blockquote&gt;
  1075. &lt;p&gt;Puisque la demi-mesure ne fait pas partie de mon vocabulaire, j’ai tenu à travailler au plus proche des techniques médiévales. &lt;mark&gt;J’ai ainsi appris à encrer à la plume, dorer à la feuille d’or pur, peindre aux pigments en poudre et relier au cuir de chèvre.&lt;/mark&gt; Je m’y suis dévouée corps et âme, dédiant le moindre de mon temps libre à la concrétisation de ce projet qui devait se mener dans le plus grand secret. Je m’attelais à l’ouvrage à la moindre opportunité, me levant parfois à l’aube pour grappiller une heure de calligraphie avant d’aller bosser ou prolongeant des soirées jusqu’au petit matin lorsque K travaillait de&amp;nbsp;nuit.&lt;/p&gt;
  1076. &lt;p&gt;Au total j’ai passé plus de 230&amp;nbsp;heures sur ce&amp;nbsp;projet&lt;/p&gt;
  1077. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.hypothermia.fr/2024/03/chiroto-t-datoca/&quot;&gt;Chiroto T. Datoca&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1078. &lt;/blockquote&gt;
  1079. &lt;p&gt;Ce moment où tu te rends compte que tu n’es pas perfectionniste en fait 🤯. Chapeau bas&amp;nbsp;l’artiste.&lt;/p&gt;
  1080. &lt;hr /&gt;
  1081. &lt;blockquote lang=&quot;en&quot;&gt;
  1082. &lt;p&gt;Rust-like error handling in Python, with type-safety in&amp;nbsp;mind.&lt;/p&gt;
  1083. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://github.com/alexandermalyga/poltergeist&quot;&gt;poltergeist&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1084. &lt;/blockquote&gt;
  1085. &lt;p&gt;J’ai très souvent retrouvé le besoin de ce &lt;em&gt;pattern&lt;/em&gt; dans mes&amp;nbsp;projets.&lt;/p&gt;
  1086. &lt;hr /&gt;
  1087. &lt;p&gt;Sortie de la &lt;a href=&quot;https://pypi.org/project/pressoir-cli/2.0.0/&quot;&gt;version 2.0&amp;nbsp;de pressoir-cli&lt;/a&gt; (oui, &lt;a href=&quot;https://larlet.fr/david/2024/02/16/&quot;&gt;c’est ma période&lt;/a&gt;). L’une des prochaines étapes sera de générer sa propre documentation en l’utilisant. Ça peut paraitre stupide mais c’est trop &lt;em&gt;meta&lt;/em&gt; pour ne pas le&amp;nbsp;faire&amp;nbsp;😇.&lt;/p&gt;
  1088. &lt;hr /&gt;
  1089. &lt;blockquote&gt;
  1090. &lt;p&gt;Nginx de part sa robustesse, sa structure minimaliste et son fonctionnement événementiel asynchrone est un serveur web plébiscité pour ses performances. Mais ce n’est pas parce qu’on a une Porsche qu’il ne faut pas tenter de la rendre encore plus&amp;nbsp;puissante&amp;#8239;!&lt;/p&gt;
  1091. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://buzut.net/optimiser-nginx/&quot;&gt;Optimisez Nginx pour de meilleurs&amp;nbsp;performances&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1092. &lt;/blockquote&gt;
  1093. &lt;p&gt;Pour lecture&amp;nbsp;ultérieure.&lt;/p&gt;
  1094. &lt;hr /&gt;
  1095. &lt;blockquote&gt;
  1096. &lt;p&gt;&lt;code&gt;font-size: calc(1rem + 0.25vw);&lt;/code&gt;&lt;/p&gt;
  1097. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/&quot;&gt;A formula for responsive&amp;nbsp;font-size&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1098. &lt;/blockquote&gt;
  1099. &lt;p&gt;Moins poussé que le &lt;a href=&quot;https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&amp;amp;s=0.75%7C0.5%7C0.25,1.5%7C2%7C3%7C4%7C6,s-l&amp;amp;g=s,l,xl,12&quot;&gt;Fluid type scale calculator&lt;/a&gt; mais dans un contexte plus minimaliste / simple ça fait déjà le&amp;nbsp;taf.&lt;/p&gt;
  1100. &lt;hr /&gt;
  1101. &lt;blockquote lang=&quot;en&quot;&gt;
  1102. &lt;p&gt;To enable such progress, &lt;strong&gt;the Web Consortium too has evolved, always taking a people-first approach:&lt;/strong&gt; the Web must continue to serve humanity. The first such inflection point was the creation of the patent policy in 2003&amp;nbsp;which assures that specifications can be implemented on a Royalty-Free basis and used at no cost, thus boosting adoption and usage. Another is the creation in 2011&amp;nbsp;of W3C Community and Business Groups which enable everyone –not just W3C Members– to participate in the development of the Web or its technologies. Our most recent inflection point was &lt;mark&gt;re-launching the Consortium in 2023&amp;nbsp;as a public-interest non-profit organization&lt;/mark&gt; to work for the good of the&amp;nbsp;public.&lt;/p&gt;
  1103. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://www.w3.org/blog/2024/from-a-humble-beginning-35-years-ago-the-web-is-now-central-to-the-daily-lives-of-billions/&quot;&gt;From a humble beginning 35&amp;nbsp;years ago, the Web is now central to the daily lives of&amp;nbsp;billions&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1104. &lt;/blockquote&gt;
  1105. &lt;p&gt;35&amp;nbsp;ans de liens. Merci Tim &lt;em&gt;et al.&lt;/em&gt; d’avoir permis&amp;nbsp;cela.&lt;/p&gt;
  1106. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/liens/&quot;&gt;#liens&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  1107. </entry>
  1108. <entry xml:lang="fr">
  1109. <title type="html">Surligner</title>
  1110. <link href="https://larlet.fr/david/2024/03/12/" rel="alternate" type="text/html" />
  1111. <updated>2024-03-12T12:00:00+01:00</updated>
  1112. <id>https://larlet.fr/david/2024/03/12/</id>
  1113. <summary type="html">
  1114. &lt;blockquote lang=&quot;en&quot;&gt;
  1115. &lt;p&gt;A small JavaScript library &lt;mark&gt;to create and animate annotations on a web&amp;nbsp;page&lt;/mark&gt;&lt;/p&gt;
  1116. &lt;p&gt;Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned&amp;nbsp;off.&lt;/p&gt;
  1117. &lt;p&gt;Rough Notation is 3.8kb in size when gzipped, and the code is available on&amp;nbsp;GitHub.&lt;/p&gt;
  1118. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://roughnotation.com/&quot;&gt;Rough&amp;nbsp;Notation&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1119. &lt;/blockquote&gt;
  1120. &lt;p&gt;J’utilise cette façon de mettre en avant des fragments de citations &lt;a href=&quot;https://larlet.fr/david/2020/02/21/#surlignage&quot;&gt;depuis un petit moment&lt;/a&gt; et en passant &lt;a href=&quot;https://vanschklift.com/blog/post/2020/06/19/Time-for-a-refresh%21&quot;&gt;par chez Biou&lt;/a&gt; aujourd’hui, j’ai trouvé l’effet bien sympathique. Je ne l’applique pour l’instant(?) que sur la balise &lt;code&gt;&amp;lt;mark&amp;gt;&lt;/code&gt; (relativement inoffensif si ça casse), en respectant &lt;code&gt;prefers-reduced-motion&lt;/code&gt; et en animant que lorsque la partie surlignée devient visible grâce à &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver&quot;&gt;IntersectionObserver&lt;/a&gt;.&lt;/p&gt;
  1121. &lt;p&gt;Cela peut se révéler être distrayant pour certaines personnes car ça bouge à un endroit éloigné du point de lecture (merci @maiwann), invisible pour d’autres qui chargent les onglets sans être dessus (merci @lamecarlate). Il s’agit d’une famille d’animations pas trop invasives, encore moins essentielles, qui peuvent se révéler être de fausses bonnes idées. Je vais tester pour un temps, toujours dans cette recherche d’aller &lt;a href=&quot;https://larlet.fr/david/2024/03/09/#hr-106&quot;&gt;vers un peu plus de fantaisie&lt;/a&gt;.&lt;/p&gt;
  1122. &lt;p&gt;N’hésitez pas à me faire des&amp;nbsp;retours.&lt;/p&gt;
  1123. &lt;p&gt;&lt;mark&gt;Plus tard dans la journée&lt;/mark&gt;, Nicolas Hoizey m’indique qu’il sera possible d’avoir un &lt;a href=&quot;https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text/&quot;&gt;comportement approchant en CSS&lt;/a&gt; &lt;a href=&quot;https://caniuse.com/mdn-css_properties_animation-range&quot;&gt;prochainement&lt;/a&gt;.&lt;/p&gt;
  1124. &lt;p&gt;&lt;mark&gt;Le lendemain&lt;/mark&gt;, &lt;a href=&quot;https://larlet.fr/david/2024/03/13/#hr-114&quot;&gt;j’ai désactivé l’animation&lt;/a&gt; suite à plusieurs retours de&amp;nbsp;lecteur·ices.&lt;/p&gt;
  1125. &lt;hr /&gt;
  1126. &lt;blockquote&gt;
  1127. &lt;p&gt;Ce qu’Hashbang propose est de créer un registrar sous forme de SCIC avec en plus un processus participatif pour définir les services et leurs tarifs. Le premier service proposé sera certainement le nom de domaine, mais personne ne peut actuellement définir quel tarif sera proposé. &lt;mark&gt;Ce sera issu d’un processus participatif en fonction des participant·e·s au&amp;nbsp;départ.&lt;/mark&gt;&lt;/p&gt;
  1128. &lt;p&gt;Chez Hashbang, nous portons un regard attentif aux enjeux environnementaux et nous proposons donc de mesurer et limiter l’impact environnemental des activités du&amp;nbsp;registrar.&lt;/p&gt;
  1129. &lt;p&gt;Nous souhaitons également s’assurer qu’il n’y ait pas de discriminations et que les personnes minorisé·e·s puissent s’emparer de cet espace. Il faut donc s’attendre à ce qu’il y ait des événements en mixité choisie et du langage&amp;nbsp;inclusif.&lt;/p&gt;
  1130. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://hashbang.coop/blog/appel-a-interet-pour-un-bureau-denregistrement-cooperatif/&quot;&gt;Appel à intérêt pour un bureau d’enregistrement&amp;nbsp;coopératif&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1131. &lt;/blockquote&gt;
  1132. &lt;p&gt;Superbe initiative, coopératives pour&amp;nbsp;tou·tes&amp;#8239;!&lt;/p&gt;
  1133. &lt;hr /&gt;
  1134. &lt;blockquote lang=&quot;en&quot;&gt;
  1135. &lt;p&gt;I know a lot of people hate anti-ad-block popups, but to me they are&amp;nbsp;perfect.&lt;/p&gt;
  1136. &lt;p&gt;In presenting those popups, those websites demonstrate that they realize the lack of control they have. They show us so plainly that they are unable to make money from us, which leaves them no option but to grovel and beg us to turn off&amp;nbsp;ad-blocking.[…]&lt;/p&gt;
  1137. &lt;p&gt;When we use web browsers, &lt;strong&gt;we&lt;/strong&gt; are in more control than &lt;strong&gt;they&lt;/strong&gt; are. &lt;mark&gt;That’s simply not the case when we’re inside an app they get to&amp;nbsp;control.&lt;/mark&gt;&lt;/p&gt;
  1138. &lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://lmnt.me/blog/anti-ad-block.html&quot;&gt;Anti-Ad-Block&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
  1139. &lt;/blockquote&gt;
  1140. &lt;p&gt;Ma configuration à ce sujet est assez extrême et il n’est pas rare (surtout sur les boutiques&amp;#8239;!) que je doive m’y reprendre à pas mal de fois pour débloquer les &lt;a href=&quot;https://tonsky.me/blog/js-bloat/&quot;&gt;megabytes de JavaScript&lt;/a&gt; à télécharger qui sont pertinents, ou plutôt nécessaires aux personnes ayant développé ces sites. Car pour ma part, je n’aurais besoin que de HTML dans 99% des&amp;nbsp;cas…&lt;/p&gt;
  1141. &lt;p&gt;…dit-il en venant d’ajouter 13Ko de&amp;nbsp;JS&amp;nbsp;😬.&lt;/p&gt;
  1142. &lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/technique/&quot;&gt;#technique&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
  1143. </entry>
  1144. </feed>