Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Tag #échecs — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #échecs">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <style type="text/css">
  53. details[open] summary {
  54. display: none;
  55. }
  56. </style>
  57. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  58. <header>
  59. <h1>Publications relatives au tag #échecs</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a>
  66. • <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  68. </svg> Étiquettes</a>
  69. </p>
  70. </nav>
  71. <hr>
  72. <main>
  73. <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  74. <h2><a href="/david/2021/12/03/" title="Lien permanent vers cet article">Record</a> (2021-12-03)</h2>
  75. <blockquote>
  76. <p>Mais sous les hautes latitudes, si l’homme est écrasé par le sentiment de sa petitesse, il est porté aussi, protégé, par celui de sa grandeur. C’est là, dans l’immensité désert de l’océan Austral, que je sens pleinement à quel point l’homme est à la fois un atome et un dieu.</p>
  77. <p>Et quand je monte sur le pont à l’aube, il m’arrive de hurler ma joie de vivre en regardant le ciel blanchir sur les longues traînées d’écume de cette mer colossale de force et de beauté, qui parfois cherche à tuer. Je vis, de tout mon être. Ce qui s’appelle vivre. Et peut-être faut-il aller plus loin encore en regardant la mer.</p>
  78. <p><cite><em>La longue route</em>, Bernard Moitessier</cite></p>
  79. </blockquote>
  80. <p>J’ai passé plusieurs heures à regarder en direct le match le plus long de l’histoire des championnats du monde d’échecs. Magnus Carlsen contre Ian Nepomniachtchi, sixième confrontation dans un match qui en compte 14. C’est une petite révolution car ils venaient de faire 5&nbsp;parties nulles (ce qui n’est pas inintéressant du tout vu la pertinence des échanges mais un peu frustrant tout de même).</p>
  81. <p>Après presque 8&nbsp;heures de réflexion intense et plus de 130&nbsp;coups, il a suffit d’une simple erreur qui était très difficile à voir venir pour que le match bascule alors que tous les commentateur·ices s’accordaient pour un nouvelle partie nulle (mais longue&#8239;!).</p>
  82. <p>J’avais déjà été content d’assister en direct il y a quelques semaines à son <a href="https://www.youtube-nocookie.com/embed/mmSLuo9RmHc">sacrifice de dame contre Anish Giri</a> mais alors là c’était vraiment épique (une <a href="https://www.youtube-nocookie.com/embed/PmQs1KhB948">vidéo de récapitulatif</a>).</p>
  83. <p>Je ne sais pas trop comment est-ce qu’ils vont réussir à enchaîner après ça, c’était beau à voir. Merci les artistes.</p>
  84. <h2><a href="/david/2021/09/25/" title="Lien permanent vers cet article">Atelier</a> (2021-09-25)</h2>
  85. <p>J’ai motivé une rencontre autour des <a href="/david/2021/06/19/" title="Échecs">échecs</a> entre enfants de sa classe. Quelques heures au parc et je peux déjà identifier qu’il y a trop d’attentes de la part des parents pour pouvoir aménager un espace d’apprentissage qui soit enthousiasmant.</p>
  86. <p>Comment divertir leur attention de manière non violente&#8239;? Si je plaide en faveur d’un moment entre jeunes, quelle devient alors ma place&#8239;? De quelle façon discuter de positions sans que les joueur·euses se sentent jugé·es&#8239;?</p>
  87. <p>Quelques idées&nbsp;:</p>
  88. <ul>
  89. <li>faire jouer les adultes entre ell·eux, à côté&#8239;;</li>
  90. <li>imaginer de nouvelles façons d’équilibrer les niveaux&#8239;;</li>
  91. <li>me retenir de jouer.</li>
  92. </ul>
  93. <p>Il n’y a pas que les jeunes qui ont à apprendre de leurs propres échecs…</p>
  94. <h2><a href="/david/2021/08/08/" title="Lien permanent vers cet article">Vacance</a> (2021-08-08)</h2>
  95. <p>Comme un besoin de rendre ce temps d’écriture vacant pour voir pour qui et par quoi est-ce qu’il pourrait être comblé pendant cette <a href="/david/2021/04/22/" title="Vacances">prise de soin</a>.</p>
  96. <p>J’ai pu regarder la coupe du monde d’échecs en direct et voir Magnus Carlsen perdre contre Jan Krzysztof Duda en demi (mais alors quelle «&nbsp;petite&nbsp;» finale&#8239;!). Je commence à comprendre les lignes et stratégies évoquées par les commentateur·ices et c’est chouette.</p>
  97. <p>Je me suis demandé pourquoi est-ce que j’avais besoin de partager mes photos sur des réseaux instantanés plutôt qu’ici. J’ai l’impression que ça traduit une certaine insécurité, celle d’avoir besoin d’un retour (flatteur) immédiat. Peut-être qu’il faut que je travaille aussi la simplicité de publication pour ces media, cela rejoint des <a href="https://mastodon.social/@dav/106692473064847738">limites que je ressens</a> sur le <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/commit/8c47d38cc0a979622399625ca5115565b4183883/site.py">générateur actuel</a>.</p>
  98. <blockquote>
  99. <p>Aller de plateforme en plateforme pour être poseur de tendance et passer de l’autre côté de barrière sans pour autant montrer la dimension réelle du travail. Certaines plateformes tentent un modèle plus ancien en tapant dans la longue traîne des amateurs qui voudraient bien devenir professionnels, ou plus exactement se faire du blé, ou de l’argent de poche, on ne sait pas trop. Une forme d’uberisation de l’image en quelques sortes. C’est fatiguant.</p>
  100. <p>[…]</p>
  101. <ul>
  102. <li><mark>a-matrice&nbsp;: sans matrice&nbsp;: le contraire&nbsp;:)</mark></li>
  103. </ul>
  104. <p><cite><em><a href="https://11d.im/journal/notes-photographie-amatrice/">Notes sur une photographie ouverte (et amatrice)</a></em> (<a href="/david/cache/2021/da6ba7728178232cfb94f52b8765a1d1/">cache</a>)</cite></p>
  105. </blockquote>
  106. <p>J’ai apprécié de faire <em>à nouveau</em> des photos de nénuphars depuis le raft, des cascades en pause longue et des oiseaux flous. Arpenter la forêt boréale jusqu’à épuiser les pensées, se dépenser jusqu’à l’épuisement. Évaluer l’épuisette et remettre les poissons à l’eau, nager comme un gardon avec l’enfant. Gelés et contents.</p>
  107. <figure>
  108. <a href="#geai-bleu"
  109. title="Cliquer pour une version haute résolution">
  110. <img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol."
  111. loading="lazy" width="1600" height="1067" />
  112. </a>
  113. <a href="#_" class="lightbox" id="geai-bleu">
  114. <img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol."
  115. loading="lazy" width="1600" height="1067" />
  116. </a>
  117. <figcaption>J’ai parfois l’impression d’arriver aux limites de mon matériel et c’est presque thérapeutique (de le penser et de l’accepter).</figcaption>
  118. </figure>
  119. <p>J’ai encore une fois été frustré en essayant de faire une vidéo «&nbsp;en famille&nbsp;» d’une ballade, le tempo n’est tout simplement pas adapté et il faut que je m’en rappelle car cela me met de mauvaise humeur. Ne pas oublier <a href="/david/blog/2013/photographie-exclusion/">ceci</a>.</p>
  120. <p>J’ai appris à jouer à <em>Quarto!</em> et ça m’a plu. Ça donne une bonne idée de la faiblesse du cerveau lorsqu’il s’agit de n’évaluer que 4&nbsp;paramètres à la fois. On n’a pas tenté la variante <em>hardcore</em> qui ajoute aussi les carrés.</p>
  121. <p>J’ai observé avec stupeur des hommes montrer leur muscles et des femmes montrer leurs fesses devant des cascades. Je ne sais pas encore si je vais pouvoir/vouloir comprendre ces pratiques. Je me suis senti vieux.</p>
  122. <p>J’ai lu <em>Rupture(s)</em> de Claire Marin qui est une continuité inattendue après avoir lu <a href="/david/2021/01/07/" title="Blancheur"><em>Disparaître de soi</em></a> de David Le Breton (auquel elle fait d’ailleurs référence&#8239;!). Cela réveille en moi des choses autour de l’identité et de mon propre vécu. Elle m’a dit que c’était le propre des aphorismes.</p>
  123. <blockquote>
  124. <p>Il y aurait des vertus de l’échec. Vraiment&#8239;? Mais la rupture n’est parfois qu’un gâchis, un manque de courage, une lâcheté. Le constat d’échec d’un couple, d’une famille, d’une amitié, d’une politique, d’un projet. Et l’échec n’est souvent rien d’autre que lui-même, pauvre, décevant, un pur raté. <mark>La plupart des échecs ne nous apprennent rien.</mark> Pire, nous nous enlisons souvent dans le bégaiement des mêmes échecs, comme s’ils étaient inévitables, et ce, dans une jouissance paradoxale de leur répétition presque rassurante.</p>
  125. <p><cite><em>Rupture(s)</em>, Claire Marin</cite></p>
  126. </blockquote>
  127. <h2><a href="/david/2021/06/19/" title="Lien permanent vers cet article">Échecs</a> (2021-06-19)</h2>
  128. <details>
  129. <summary>Déplier pour lire le contenu de la publication</summary>
  130. <p>Je me suis mis à regarder des <a href="https://www.youtube.com/watch?v=CppLjn4ORZ0">vidéos de Magnus Carlsen</a> qui fait des parties d’échecs en ligne en les commentant et c’est super intéressant. C’est la première fois qu’un champion du monde a la capacité et la volonté de faire ça et c’est un moyen de comprendre ce qu’il se passe dans sa tête et les <a href="https://www.youtube.com/watch?v=vCqXI49qLKM">stratégies</a> qu’il <a href="https://www.youtube.com/watch?v=tGL1C-AjbCI">évalue en direct</a>. Le voir jouer contre des <a href="https://www.youtube.com/watch?v=f5TZVo4442Q">Grands</a> <a href="https://www.youtube.com/watch?v=QKUH-8S5nXs">Maîtres</a> avec une <a href="https://www.youtube.com/watch?v=k8wQlfU6iz0">telle</a> <a href="https://www.youtube.com/watch?v=CFIB49-VzLY">décontraction</a>, <a href="https://www.youtube.com/watch?v=Ce9WK6r9XZU">rattraper</a> <a href="https://www.youtube.com/watch?v=JJftTkClS74">des erreurs</a> (et <a href="https://www.youtube.com/watch?v=VP1QtODmTBs">des bananes&#8239;!</a>), <a href="https://www.youtube.com/watch?v=a9BHFuHOHrg">perdre</a>, <a href="https://www.youtube.com/watch?v=FKrU-UdKod4">troller un peu</a> et <a href="https://www.youtube.com/watch?v=zYh8n5zB8vU">se faire troller</a> aussi des fois c’est vraiment plaisant à observer. Ça m’a motivé pour reprendre un peu, à mon rythme, cette pratique avec un jeune prétendant local.</p>
  131. <p>Il y a des fois où la fin est <a href="https://www.youtube.com/watch?v=FKrU-UdKod4">trop</a> <a href="https://www.youtube.com/watch?v=-4IeAzYajrw">rapide</a> pour pouvoir comprendre sans ralentir la vidéo, ça me rappelle le nombre d’<abbr title="Actions Par Minutes">APM</abbr> délirant des tournois pro de Starcraft.</p>
  132. <blockquote lang="en">
  133. <p>Imagine thinking that you made Carlsen stop to think, then you tune in to his livestream to find out that he’s just commentating on your weaknesses and giving a tutorial on how to beat you.</p>
  134. </blockquote>
  135. <p>Un <a href="https://www.youtube.com/watch?v=benrdYzDmE8&amp;lc=Ugz3XVqnqFii6VEnr6t4AaABAg">commentaire</a> récurrent… et tellement vrai.</p>
  136. </details>
  137. <h2><a href="/david/2021/06/12/" title="Lien permanent vers cet article">Masque</a> (2021-06-12)</h2>
  138. <details>
  139. <summary>Déplier pour lire le contenu de la publication</summary>
  140. <blockquote>
  141. <p>Le mythe du désintérêt des autistes pour les autres humains et la sociabilité empêche de reconnaître qu’il existe des autistes qui au contraire adorent observer les autres et comprendre leur fonctionnement, se passionnent pour l’étude des groupes et du <em>small talk</em>, et se servent de leurs passions pour mieux s’intégrer parmi les non-autistes. <mark>Il existe aussi des personnes autistes qui évoluent dans un environnement bienveillant voire autiste lui-même</mark> (parents autistes qui s’ignorent, amitiés ou relations amoureuses avec d’autres personnes autistes identifiées ou non, travail dans un milieu autistico-compatible) et qui donnent ainsi l’impression de ne pas toujours avoir de grandes difficultés à se lier avec autrui, puisqu’elles ont trouvé des semblables ou des gens qui les acceptent comme elles sont.</p>
  142. <p><cite><em><a href="https://dieses.fr/autisme-au-feminin-ou-autisme-tout-court">Autisme «&nbsp;au féminin&nbsp;» ou autisme tout court&#8239;?</a></em> (<a href="/david/cache/2021/9655fe9a307f08ff5dcf3824ae74c0ba/">cache</a>)</cite></p>
  143. </blockquote>
  144. <p>Certaines personnes portent des masques au quotidien depuis bien avant la pandémie. Le <a href="/david/blog/2017/spectre-autisme/">spectre</a> de la neuro-atypie a trop de dimensions pour pouvoir établir des diagnostics pertinents car il y a une multitude de cases possibles.</p>
  145. <p>Les spécialistes essayent de jouer aux échecs alors qu’il s’agit d’un jeu de go…</p>
  146. </details>
  147. </main>
  148. <hr>
  149. <footer>
  150. <p>
  151. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  152. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  153. </svg> Accueil</a> •
  154. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  155. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  156. </svg> Suivre</a> •
  157. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  158. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  159. </svg> Pro</a> •
  160. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  161. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  162. </svg> Email</a> •
  163. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  164. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  165. </svg> Légal</abbr>
  166. </p>
  167. <template id="theme-selector">
  168. <form>
  169. <fieldset>
  170. <legend><svg class="icon icon-brightness-contrast">
  171. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  172. </svg> Thème</legend>
  173. <label>
  174. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  175. </label>
  176. <label>
  177. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  178. </label>
  179. <label>
  180. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  181. </label>
  182. </fieldset>
  183. </form>
  184. </template>
  185. </footer>
  186. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  187. <script>
  188. function loadThemeForm(templateName) {
  189. const themeSelectorTemplate = document.querySelector(templateName)
  190. const form = themeSelectorTemplate.content.firstElementChild
  191. themeSelectorTemplate.replaceWith(form)
  192. form.addEventListener('change', (e) => {
  193. const chosenColorScheme = e.target.value
  194. localStorage.setItem('theme', chosenColorScheme)
  195. toggleTheme(chosenColorScheme)
  196. })
  197. const selectedTheme = localStorage.getItem('theme')
  198. if (selectedTheme && selectedTheme !== 'undefined') {
  199. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  200. }
  201. }
  202. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  203. window.addEventListener('load', () => {
  204. let hasDarkRules = false
  205. for (const styleSheet of Array.from(document.styleSheets)) {
  206. let mediaRules = []
  207. for (const cssRule of styleSheet.cssRules) {
  208. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  209. continue
  210. }
  211. // WARNING: Safari does not have/supports `conditionText`.
  212. if (cssRule.conditionText) {
  213. if (cssRule.conditionText !== prefersColorSchemeDark) {
  214. continue
  215. }
  216. } else {
  217. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  218. continue
  219. }
  220. }
  221. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  222. }
  223. // WARNING: do not try to insert a Rule to a styleSheet you are
  224. // currently iterating on, otherwise the browser will be stuck
  225. // in a infinite loop…
  226. for (const mediaRule of mediaRules) {
  227. styleSheet.insertRule(mediaRule.cssText)
  228. hasDarkRules = true
  229. }
  230. }
  231. if (hasDarkRules) {
  232. loadThemeForm('#theme-selector')
  233. }
  234. })
  235. </script>
  236. </body>
  237. </html>