Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.html 31KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506
  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 #parentalité — David Larlet</title>
  13. <meta name="description" content="Publications relatives au tag #parentalité">
  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 #parentalité</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a>
  66. • <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags">
  67. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
  68. </svg> Étiquettes</a>
  69. </p>
  70. </nav>
  71. <hr>
  72. <main>
  73. <p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
  74. <h2><a href="/david/2021/11/27/" title="Lien permanent vers cet article">Haïku</a> (2021-11-27)</h2>
  75. <blockquote>
  76. <p>Première neige<br />
  77. Derniers vols de bernaches<br />
  78. Journée père-fils</p>
  79. </blockquote>
  80. <h2><a href="/david/2021/11/10/" title="Lien permanent vers cet article">Éducation</a> (2021-11-10)</h2>
  81. <blockquote>
  82. <p>L’éducation, c’est surtout de la pacification des jeunes foules. […] <mark>Les futurs dominants se bardent de diplômes pour s’innocenter de l’exploitation qu’ils feront subir.</mark> S’ils se retrouvent au sommet, c’est parce qu’ils ont bataillé pour recevoir l’onction méritocratique. Mais déjà, pour une salle des profs lambda, l’idée que l’écoledelarépublique puisse trier socialement les enfants au lieu d’en faire des citoyens illuminés par la connaissance, c’est dur à avaler.</p>
  83. <p><cite><em><a href="https://lundi.am/Je-veux-plus-aller-a-l-ecole">«&nbsp;Je veux plus aller à l’école&nbsp;»</a></em> (<a href="/david/cache/2021/37cf7bad62d7e5b4e5244b9a1ddf9713/">cache</a>)</cite></p>
  84. </blockquote>
  85. <p>Il y a des jours où je me demande pourquoi est-ce que je l’amène à l’école. Et puis il n’y en a pas d’autres.</p>
  86. <h2><a href="/david/2021/08/17/" title="Lien permanent vers cet article">Jour 2</a> (2021-08-17)</h2>
  87. <p>La nuit a été fraîche. Presque trop. Échange de duvets et habillages en plein milieu de la nuit + réveil matinal avec petite marche pour se réchauffer. Le décor avec ces volutes de fumées qui s’élèvent de la rivière vaut le coup, bonne compensation avant de se réchauffer les mains sur une <em>kuksa</em> pleine de gruau. Le soleil pointe enfin son nez pendant qu’un héron vient prendre son propre repas à quelques mètres. On voit à l’œil nu les poissons frétiller dans son bec avant qu’il ne les engloutisse. Il y a des choses qui se transmettent avec les yeux (manifestement, pas la pêche&nbsp;:p).</p>
  88. <figure>
  89. <a href="#riviere-ouareau-soleil"
  90. title="Cliquer pour une version haute résolution">
  91. <img src="/static/david/2021/riviere-ouareau-soleil.jpg" alt="Rivière Ouareau."
  92. loading="lazy" width="1536" height="2048" />
  93. </a>
  94. <a href="#_" class="lightbox" id="riviere-ouareau-soleil">
  95. <img src="/static/david/2021/riviere-ouareau-soleil.jpg" alt="Rivière Ouareau."
  96. loading="lazy" width="1536" height="2048" />
  97. </a>
  98. <figcaption>Le chauffage s’en vient enfin !</figcaption>
  99. </figure>
  100. <blockquote>
  101. <p>— Tu devrais garder de la batterie pour si on a un problème grave.</p>
  102. </blockquote>
  103. <p>Cette année, il y a une claire prise de conscience du danger et de ce qu’il lui faudrait faire s’il m’arrivait quelque chose. Cela alimente des discussions autour du risque et de ce qui est acceptable ou non. Une grosse chute plus tard, on inverse les rôles. Si la répétition est la base de l’apprentissage… la compréhension est la base de son acceptation.</p>
  104. <p>Il faudra que je me rappelle que l’on mange pas mal lors de ces sorties, l’effort combiné au froid&nbsp;: ça creuse. J’avais aussi apporté mon réchaud à alcool et c’était une bonne idée, ça permet de libérer du temps et de l’attention pour d’autres choses autour du campement, comme le ramassage de bleuets ou la cueillette d’épinette pour se faire une infusion nature.</p>
  105. <p>On remonte la rivière et on prend un dernier bain avant le retour. On retrouve enfin notre char, fatigués, affamés et souriants. La graine n’en finit pas de germer 🌱.</p>
  106. <blockquote>
  107. <p>— On aurait pu rester deux nuits en fait.</p>
  108. </blockquote>
  109. <hr />
  110. <p><mark>Lu avant publication&nbsp;:</mark></p>
  111. <blockquote>
  112. <p>Quiconque promet à quelqu’un d’autre de contrôler la prise de risque lui greffe automatiquement des peurs dont il n’avait même pas idée, qu’il n’avait jamais éprouvées ni imaginées jusqu’ici. Ces peurs inconscientes vont devenir brusquement réalité et il va falloir les «&nbsp;couvrir&nbsp;» avec une bonne assurance, ce qui va rassurer…</p>
  113. <p>[…]</p>
  114. <p>La prise de risque est <mark>une initiative indispensable</mark> qui expose le sujet à un nouvel environnement hors de sa zone de confort. Cela va lui permettre de grandir, de tester sa flexibilité, sa tolérance, et de se nourrir intérieurement grâce à l’adaptation que nécessitera ce nouvel environnement.</p>
  115. <p><cite><em>Le risque zéro n’existe pas - La nature dans ma vie</em>, Sarah Marquis</cite></p>
  116. </blockquote>
  117. <h2><a href="/david/2021/08/16/" title="Lien permanent vers cet article">Jour 1</a> (2021-08-16)</h2>
  118. <details>
  119. <summary>Déplier pour lire le contenu de la publication</summary>
  120. <p>La fin du mois d’août est le moment où il fait encore chaud-mais-pas-trop et où la haute saison des bibittes est derrière nous. C’est aussi notre rendez-vous annuel pour se faire un camping père-fils. Cette fois-ci, ça ne sera pas sauvage mais à un emplacement suffisamment isolé pour que ça y ressemble.</p>
  121. <p>Un peu plus de 3&nbsp;kilomètres pour accéder au campement en longeant la rivière, l’enfant porte symboliquement une partie de la tente ce qui m’évite de devoir galoper derrière avec tout le reste&#8239;!</p>
  122. <figure>
  123. <a href="#riviere-ouareau"
  124. title="Cliquer pour une version haute résolution">
  125. <img src="/static/david/2021/riviere-ouareau.jpg" alt="Rivière Ouareau."
  126. loading="lazy" width="1536" height="2048" />
  127. </a>
  128. <a href="#_" class="lightbox" id="riviere-ouareau">
  129. <img src="/static/david/2021/riviere-ouareau.jpg" alt="Rivière Ouareau."
  130. loading="lazy" width="1536" height="2048" />
  131. </a>
  132. <figcaption>Entre deux rapides, j’envisage de la descendre en raft un de ces jours…</figcaption>
  133. </figure>
  134. <p>On mange et on installe notre tipi du XXI<sup>e</sup> siècle qui nous laisse suffisamment d’espace sous la protection de la moustiquaire puis on part en exploration sur une (presqu’)île. L’enfant s’assoit avec un soupir&nbsp;: <q>On est bien là.</q> Léger soulagement de mon côté après m’avoir indiqué qu’un camping-de-voiture c’était pas mal aussi. On regarde la rivière couler, petit bain, jeux sur la petite plage, pas pire.</p>
  135. <figure>
  136. <a href="#riviere-ouareau-ile"
  137. title="Cliquer pour une version haute résolution">
  138. <img src="/static/david/2021/riviere-ouareau-ile.jpg" alt="Rivière Ouareau (encore)."
  139. loading="lazy" width="2048" height="1536" />
  140. </a>
  141. <a href="#_" class="lightbox" id="riviere-ouareau-ile">
  142. <img src="/static/david/2021/riviere-ouareau-ile.jpg" alt="Rivière Ouareau (encore)."
  143. loading="lazy" width="2048" height="1536" />
  144. </a>
  145. <figcaption>Lors de ma précédente visite, j’ai <a href="/david/2020/04/03/#jusquau-declin">marché sur cette rivière</a>.</figcaption>
  146. </figure>
  147. <blockquote>
  148. <p><em>[Après avoir vu et ramassé des déchets laissés par d’autres personnes]</em><br />
  149. — Parfois j’aimerais ne pas être un humain.</p>
  150. </blockquote>
  151. <p>Cette réflexion m’a <a href="/david/2021/06/16/" title="Trans">pas mal retourné</a>, les chats ne font pas des chiens.</p>
  152. <p>Le soir, on fait faire trempette à des mouches lorsqu’un castor remonte la rivière juste devant nous, à moins de 3&nbsp;mètres&#8239;! Il galère avec le courant ce qui nous laisse l’occasion de pouvoir l’observer en détail car il est obligé de passer par-dessus les rochers des rapides en étant totalement émergé. Une chouette surprise qui ne m’a pas fait <a href="/david/2021/08/14/" title="Animalière">regretter pour autant mon matériel</a>. Cette excitation partagée était le plus beau des clichés. Lorsque les moustiques deviennent trop présents, on abdique après une dernière ballade digestive.</p>
  153. <figure>
  154. <a href="#riviere-ouareau-soir"
  155. title="Cliquer pour une version haute résolution">
  156. <img src="/static/david/2021/riviere-ouareau-soir.jpg" alt="Rivière Ouareau (toujours)."
  157. loading="lazy" width="2048" height="1536" />
  158. </a>
  159. <a href="#_" class="lightbox" id="riviere-ouareau-soir">
  160. <img src="/static/david/2021/riviere-ouareau-soir.jpg" alt="Rivière Ouareau (toujours)."
  161. loading="lazy" width="2048" height="1536" />
  162. </a>
  163. <figcaption>Cette ambiance <3.</figcaption>
  164. </figure>
  165. <blockquote>
  166. <p>— Le moment où je m’endors est le pire de ma journée, j’ai l’impression de mourir.</p>
  167. </blockquote>
  168. </details>
  169. <h2><a href="/david/2021/06/14/" title="Lien permanent vers cet article">Manquer</a> (2021-06-14)</h2>
  170. <details>
  171. <summary>Déplier pour lire le contenu de la publication</summary>
  172. <blockquote>
  173. <p>«&nbsp;Bonjour,<br />
  174. Il ne faut pas pleurer parce que ça ne ramène pas les gens ni les mamans partis.<br />
  175. Je crois que moi non plus je ne reviendrai pas tant que je suis petit. Soyez pas tristes. Quand je serai grand, j’irai à l’école avec vous.<br />
  176. Ici tout le monde parle italien comme Maman sauf Zio Serafino qui connaît une poésie en français. La Nonna est très gentille.<br />
  177. Je me suis fait une cabane pour regarder la ville et on voit aussi la mer. On mange délicieux, j’adore surtout les pâtes et les aubergines.<br />
  178. Je rentre dès que je serai grand.<br />
  179. Leo&nbsp;»</p>
  180. <p>J’ai rien dit à propos de mon papa à cause des mots qui sont difficiles à faire comprendre.</p>
  181. <p><cite><em>Quelqu’un a qui manquer</em>, Yohan Boniface</cite></p>
  182. </blockquote>
  183. <p>Yohan est un ami. Jusqu’à présent, j’avais surtout relu son code. Hier, j’avais le cœur tout humide à lire son histoire. Je me suis retrouvé en Sardaigne, dans cette cabane, dans cette famille, dans ces doutes et cette tristesse partagée. J’ai eu envie de serrer fort ce petit Leo dans mes bras.</p>
  184. <p>Vous pouvez retrouver son livre <a href="https://grand-monde.fr/">dans plusieurs librairies</a> et il est sous <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/deed.fr">licence CC BY-NC-SA</a>.</p>
  185. </details>
  186. <h2><a href="/david/2021/06/13/" title="Lien permanent vers cet article">Constructivisme</a> (2021-06-13)</h2>
  187. <details>
  188. <summary>Déplier pour lire le contenu de la publication</summary>
  189. <blockquote>
  190. <p>À quel point est-on bien-traitant lorsqu’on laisse une personne expérimenter par elle-même&#8239;?<sup>*</sup></p>
  191. </blockquote>
  192. <p>C’est un truc qui me gratte pas mal ces jours-ci.</p>
  193. <p><small>* En considérant que l’on ait soi-même vécu une issue à cette expérience qui était plutôt douloureuse.</small></p>
  194. <hr />
  195. <p>Pas tout à fait lié mais quand même un peu&nbsp;:</p>
  196. <blockquote>
  197. <p>Pour Hannah Zeavin, la surveillance des enfants et la surveillance d’État sont moins distinctes qu’il n’y paraît. […] Du soin à la surveillance, il y a un continuum d’anxiété qui a des effets sur la société elle-même.</p>
  198. <p><cite><em><a href="https://www.internetactu.net/a-lire-ailleurs/du-soin-a-la-surveillance/">Du soin à la surveillance…</a></em> (<a href="/david/cache/2021/d13d382d8d1f51c3e2920029ccca5303/">cache</a>)</cite></p>
  199. </blockquote>
  200. </details>
  201. <h2><a href="/david/2021/06/01/" title="Lien permanent vers cet article">Pédagogie</a> (2021-06-01)</h2>
  202. <details>
  203. <summary>Déplier pour lire le contenu de la publication</summary>
  204. <blockquote>
  205. <p>Nous, pédagogues du début du XXIème siècle, avons reçu un héritage plutôt simple mais maintenant totalement obsolète. <mark>Nous sommes libres de ne pas accepter cet héritage en toute conscience.</mark> Bien évidemment je ne me reconnais pas dans le système militaire Prussien encore fortement en place dans les systèmes éducatifs (les résistances aux changements demeurent vivaces), alors que les textes officiels du programme de l’éducation nationale préconisent l’inverse, ou du moins d’autres formes d’enseignement, davantage adapatifs.</p>
  206. <p><cite><em><a href="https://pedagogieagile.com/2021/05/22/pedagogie-vs-societe/">Pédagogie vs société&#8239;?</a></em> (<a href="/david/cache/2021/2ad199083faa7d454a78412588a7773a/">cache</a>)</cite></p>
  207. </blockquote>
  208. <p>J’apprends beaucoup de ces rappels historiques, de ce cheminement dans le domaine de la pédagogie et de la matière vivante que cela constitue pour l’enseignant·e. Sans compter le paradoxe entre le système éducatif et la société, ce couple tension/incompréhension dont on a peut-être besoin. Ce bouc-émissaire nécessaire pour que l’on accepte de laisser son enfant dans un environnement que l’on ne contrôle pas. L’acceptation de son délabrement afin d’être certain que l’on pourrait faire mieux «&nbsp;si on avait le temps&nbsp;».</p>
  209. <p>Et si je prenais ce temps…</p>
  210. <blockquote>
  211. <p>C’est à mon sens la plus difficile des professions dans la mesure où elle ne produit rien de tangible. Elle n’est pas en dehors de nous. La pédagogie est un lien <em>invisible</em>, basé sur l’information. Elle touche uniquement l’humain en utilisant l’élément le plus complexe, c’est-à-dire le langage. La pédagogie est la compétence qui relie chaque humain pour les faire progresser, et pour faire progresser chaque génération d’humains. La pédagogie, c’est aussi la capacité à s’organiser en permanence dans un monde VICA&nbsp;: volatile, incertain, complexe, ambigu.</p>
  212. <p><cite><em><a href="https://pedagogieagile.com/2021/05/17/fin-dun-premier-cycle-agile-pedagogique/">Fin d’un premier cycle agile pédagogique</a></em> (<a href="/david/cache/2021/383f0f99a7f493b66f782d02dca6edef/">cache</a>)</cite></p>
  213. </blockquote>
  214. </details>
  215. <h2><a href="/david/2021/05/27/" title="Lien permanent vers cet article">Craftsman</a> (2021-05-27)</h2>
  216. <details>
  217. <summary>Déplier pour lire le contenu de la publication</summary>
  218. <blockquote lang="en">
  219. <p>You’re on duty til you die, you know, as a craftsman.</p>
  220. <p><cite><em><a href="https://www.youtube-nocookie.com/embed/5wlH4n3guYY">The master craftsman: Shimada Takayuki</a></em>, vidéo Google Youtube</cite></p>
  221. </blockquote>
  222. <p>Il y a souvent ce débat dans la communauté des développeur·euses pour savoir s’il s’agit d’un <em>craft</em>, si on peut être considéré·es comme étant des artisans, etc. Je crois même qu’à un moment je me décrivais ici-même comme étant un «&nbsp;Artisan du Web&nbsp;». Ce n’est plus le cas aujourd’hui.</p>
  223. <p>Même si on s’amuse sur <a href="https://www.turingtumble.com/">Turing Tumble</a>, je n’ai pas l’intention de transmettre grand chose dans ce domaine. Et je n’ai pas la prétention d’avoir suffisamment appris pour avoir une pratique unique et transmissible à ce titre.</p>
  224. <p>Je crois que, non seulement j’accepte mais, je vais même jusqu’à apprécier de plus en plus le côté éphémère de mes productions. <a href="/david/2021/05/28/">Si</a> mon <abbr title="Curriculum vitæ">CV</abbr> est une <em>blockchain</em> 🤔, savoir que la plupart des sites que j’ai accompagné ne sont plus alimentés est un soulagement.</p>
  225. <blockquote>
  226. <p>L’image des mots commence à se déformer à l’instant même où ils sont formulés. Les idées incrustées dans un langage ne peuvent s’exprimer que dans ce langage donné. C’est l’essence même de la signification profonde du terme «&nbsp;exotique&nbsp;». Vous voyez comme les distorsions commencent à apparaître&#8239;? La traduction vacille en présence de l’exotique. Le galach que je parle ici s’impose. C’est un cadre de référence externe, un système particulier. <mark>Tous les systèmes recèlent des dangers. Ils englobent les croyances non vérifiées de leurs créateurs.</mark> Adopter un système, adhérer à ses croyances, c’est renforcer la résistance au changement.</p>
  227. <p><cite><em>Les Mémoires Volés</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p>
  228. </blockquote>
  229. </details>
  230. <h2><a href="/david/2021/04/24/" title="Lien permanent vers cet article">Répartie</a> (2021-04-24)</h2>
  231. <details>
  232. <summary>Déplier pour lire le contenu de la publication</summary>
  233. <blockquote>
  234. <p><em>[En pleine montée à vélo <a href="https://www.weehoo.ca/">partagé</a>]</em><br />
  235. — Allez, pousse&#8239;!<br />
  236. — Qui ose me déranger dans ma profonde méditation, que le coupable se dénonce.</p>
  237. </blockquote>
  238. <p>Cet enfant aura ma peau… mais avec la manière 😅. Un peu plus tard ce même jour&nbsp;:</p>
  239. <blockquote>
  240. <p>— Qu’est-ce que c’est le Covid long&#8239;?<br />
  241. — C’est quand on continue à être très fatigué et avoir les muscles douloureux bien après avoir eu la Covid.<br />
  242. — Ah mais en fait maman elle a le Covid long&#8239;!</p>
  243. </blockquote>
  244. <p>Il n’aura pas que la mienne 🙊😂</p>
  245. </details>
  246. <h2><a href="/david/2021/03/30/" title="Lien permanent vers cet article">Timelapse</a> (2021-03-30)</h2>
  247. <details>
  248. <summary>Déplier pour lire le contenu de la publication</summary>
  249. <p>J’ai enfin pris le temps d’aller me geler deux heures un soir pour faire une vidéo de 20&nbsp;secondes. C’est le principe de la… <em>timelapse</em>&#8239;! Et le pire, c’est que vous n’êtes jamais sûr·e d’y aller un soir où le ciel va être conciliant. Apprentissages de la patience et de la contemplation nous voilà&nbsp;:-). Normalement vous avez déjà <a href="https://vimeo.com/531066432/da724b9b29">vu le résultat</a> car j’ai mis des sons d’oiseaux par-dessus qui avaient été <a href="/david/2021/03/27/" title="Immersion">précédemment captés</a>.</p>
  250. <p>J’ai choisi de faire une photo toute les 10&nbsp;secondes et de laisser l’appareil en automatique, ce que je ne fais jamais mais je ne savais pas comment m’adapter au cours de la prise de vue sans faire des paliers et/ou tout faire bouger… 500&nbsp;photos (et 10&#8239;Go) plus tard, j’ai décidé que ça suffisait et en fait c’était limite pour en faire une vidéo à part entière. Mais bon je suis toujours dans l’exercice et je me force à publier mes erreurs aussi… #thérapie</p>
  251. <p>Je n’ai pas encore tenté d’animer la prise en combinant avec la <a href="/david/2021/03/21/" title="Gimbal">gimbal</a> mais je vois déjà que ça me prend une bonne partie d’une batterie aussi ça m’inquiète pour des situations où j’ai des contraintes fortes à ce niveau. Au passage, je me demande comment font celleux qui réalisent des <em>timelapses</em> d’aurores boréales, il doit falloir un générateur à côté de l’appareil 😅.</p>
  252. <p>Un truc que je n’avais pas anticipé, c’est que je peux récupérer parmi toutes les prises de vues celles que j’ai envie de garder sous forme de photos. J’en ai gardé 3&nbsp;pour l’occasion&nbsp;:</p>
  253. <figure>
  254. <a href="#timelapse1"
  255. title="Cliquer pour une version haute résolution">
  256. <img src="/static/david/2021/timelapse1.jpg" alt="Coucher de soleil 1"
  257. loading="lazy" width="1600" height="1200" />
  258. </a>
  259. <a href="#_" class="lightbox" id="timelapse1">
  260. <img src="/static/david/2021/timelapse1.jpg" alt="Coucher de soleil 1"
  261. loading="lazy" width="1600" height="1200" />
  262. </a>
  263. <figcaption>Coucou les bernaches, merci de nous annoncer le printemps <3.</figcaption>
  264. </figure>
  265. <figure>
  266. <a href="#timelapse2"
  267. title="Cliquer pour une version haute résolution">
  268. <img src="/static/david/2021/timelapse2.jpg" alt="Coucher de soleil 2"
  269. loading="lazy" width="1600" height="1200" />
  270. </a>
  271. <a href="#_" class="lightbox" id="timelapse2">
  272. <img src="/static/david/2021/timelapse2.jpg" alt="Coucher de soleil 2"
  273. loading="lazy" width="1600" height="1200" />
  274. </a>
  275. <figcaption>Le ciel, aussi rouge que le bout de mon nez.</figcaption>
  276. </figure>
  277. <figure>
  278. <a href="#timelapse3"
  279. title="Cliquer pour une version haute résolution">
  280. <img src="/static/david/2021/timelapse3.jpg" alt="Coucher de soleil 3"
  281. loading="lazy" width="1600" height="1200" />
  282. </a>
  283. <a href="#_" class="lightbox" id="timelapse3">
  284. <img src="/static/david/2021/timelapse3.jpg" alt="Coucher de soleil 3"
  285. loading="lazy" width="1600" height="1200" />
  286. </a>
  287. <figcaption>Le ciel s’éteint et la rivière s’illumine.</figcaption>
  288. </figure>
  289. <hr />
  290. <p>En revenant à la maison, de nuit&nbsp;:</p>
  291. <blockquote>
  292. <p>— Je pensais que tu nous avais abandonnés. Parce que je fais trop de bruit.</p>
  293. </blockquote>
  294. <p>Il va falloir encaisser ça et travailler cette insécurité, à la fois pour le fils… et le père&#8239;!</p>
  295. </details>
  296. <h2><a href="/david/2021/02/16/" title="Lien permanent vers cet article">Éponge</a> (2021-02-16)</h2>
  297. <details>
  298. <summary>Déplier pour lire le contenu de la publication</summary>
  299. <blockquote>
  300. <p>Papa, tu as toute la vie pour apprendre&#8239;!</p>
  301. </blockquote>
  302. <p>C’est toujours surprenant de retrouver ses propres mots.</p>
  303. <p>J’aime ce moment de l’apprentissage où des pans entiers de technique et de savoir-faire s’ouvrent à moi. Je ne cesse de découvrir de nouvelles choses à faire autour de la vidéo, il y a une complexité délirante au cours de toute la <a href="/david/2021/01/19/" title="Chaîne de capture">chaîne de capture</a> mais aussi de montage. L’avantage du domaine, c’est qu’il existe beaucoup de… <a href="https://www.youtube.com/watch?v=wX9KGRHaMEY">vidéos</a> pour apprendre à faire des vidéos&#8239;!</p>
  304. <p>C’est une absorption à double-tranchant, trop importante et j’explose, trop faible et je ressens un manque.</p>
  305. <p>Lecture inspirante du jour&nbsp;:</p>
  306. <blockquote lang="en">
  307. <p>In the spirit of “this might be useful to someone else” but also, more so, with the goal of putting some low level peer-pressure on myself, I thought I’d share how I’m trying to structure 2021. Because I like alliterations and repeating things, but also simply because of our calendar, I call it the <mark>Four fours</mark>. Or 4x4x4x4.</p>
  308. <ul>
  309. <li>Four solid hours of knowledge work a day.</li>
  310. <li>Four work days a week.</li>
  311. <li>Four things delivered each week.</li>
  312. <li>Four projects a year.</li>
  313. </ul>
  314. <p><cite><em><a href="https://sentiers.media/four-fours/">Four fours</a></em> (<a href="/david/cache/2021/75dddb3b875088c9e1908a83687e7725/">cache</a>)</cite></p>
  315. </blockquote>
  316. </details>
  317. </main>
  318. <hr>
  319. <footer>
  320. <p>
  321. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  322. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  323. </svg> Accueil</a> •
  324. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  325. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  326. </svg> Suivre</a> •
  327. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  328. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  329. </svg> Pro</a> •
  330. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  331. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  332. </svg> Email</a> •
  333. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  334. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  335. </svg> Légal</abbr>
  336. </p>
  337. <template id="theme-selector">
  338. <form>
  339. <fieldset>
  340. <legend><svg class="icon icon-brightness-contrast">
  341. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  342. </svg> Thème</legend>
  343. <label>
  344. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  345. </label>
  346. <label>
  347. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  348. </label>
  349. <label>
  350. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  351. </label>
  352. </fieldset>
  353. </form>
  354. </template>
  355. </footer>
  356. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  357. <script>
  358. function loadThemeForm(templateName) {
  359. const themeSelectorTemplate = document.querySelector(templateName)
  360. const form = themeSelectorTemplate.content.firstElementChild
  361. themeSelectorTemplate.replaceWith(form)
  362. form.addEventListener('change', (e) => {
  363. const chosenColorScheme = e.target.value
  364. localStorage.setItem('theme', chosenColorScheme)
  365. toggleTheme(chosenColorScheme)
  366. })
  367. const selectedTheme = localStorage.getItem('theme')
  368. if (selectedTheme && selectedTheme !== 'undefined') {
  369. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  370. }
  371. }
  372. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  373. window.addEventListener('load', () => {
  374. let hasDarkRules = false
  375. for (const styleSheet of Array.from(document.styleSheets)) {
  376. let mediaRules = []
  377. for (const cssRule of styleSheet.cssRules) {
  378. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  379. continue
  380. }
  381. // WARNING: Safari does not have/supports `conditionText`.
  382. if (cssRule.conditionText) {
  383. if (cssRule.conditionText !== prefersColorSchemeDark) {
  384. continue
  385. }
  386. } else {
  387. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  388. continue
  389. }
  390. }
  391. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  392. }
  393. // WARNING: do not try to insert a Rule to a styleSheet you are
  394. // currently iterating on, otherwise the browser will be stuck
  395. // in a infinite loop…
  396. for (const mediaRule of mediaRules) {
  397. styleSheet.insertRule(mediaRule.cssText)
  398. hasDarkRules = true
  399. }
  400. }
  401. if (hasDarkRules) {
  402. loadThemeForm('#theme-selector')
  403. }
  404. })
  405. </script>
  406. </body>
  407. </html>