davidbgk
/
larlet-fr-david
Beobachten 1
Favorisieren 0
Fork 0
Code Releases 0 Aktivität
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.
99 Commits
1 Branch
Struktur: 0403fdda24
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „0403fdda24“
${ noResults }
larlet-fr-david/david/stream/2019/index.html

index.html 44KB
Originalformat Blame Verlauf

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120 
  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>

  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">

  11. <!-- Required to make a valid HTML5 document. -->

  12. <title>Pensées hebdomadaires — David Larlet</title>

  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->

  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">

  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">

  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">

  17. <link rel="manifest" href="/manifest.json">

  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">

  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">

  20. <meta name="apple-mobile-web-app-title" content="David Larlet">

  21. <meta name="application-name" content="David Larlet">

  22. <meta name="msapplication-TileColor" content="#da532c">

  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">

  24. <meta name="theme-color" content="#f0f0ea">

  25. <!-- That good ol' feed, subscribe :p. -->

  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  27. 

  28.   <!-- Canonical URL for SEO purposes -->

  29.   <link rel="canonical" href="https://larlet.fr/david/stream/2018/">

  30. 

  31. <style>

  32. /* http://meyerweb.com/eric/tools/css/reset/ */

  33. html, body, div, span,

  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  35. a, abbr, address, big, cite, code,

  36. del, dfn, em, img, ins,

  37. small, strike, strong, tt, var,

  38. dl, dt, dd, ol, ul, li,

  39. fieldset, form, label, legend,

  40. table, caption, tbody, tfoot, thead, tr, th, td,

  41. article, aside, canvas, details, embed,

  42. figure, figcaption, footer, header, hgroup,

  43. menu, nav, output, ruby, section, summary,

  44. time, mark, audio, video {

  45.   margin: 0;

  46.   padding: 0;

  47.   border: 0;

  48.   font-size: 100%;

  49.   font: inherit;

  50.   vertical-align: baseline;

  51. }

  52. /* HTML5 display-role reset for older browsers */

  53. article, aside, details, figcaption, figure,

  54. footer, header, hgroup, menu, nav, section { display: block; }

  55. body { line-height: 1; }

  56. blockquote, q { quotes: none; }

  57. blockquote:before, blockquote:after,

  58. q:before, q:after {

  59.   content: '';

  60.   content: none;

  61. }

  62. table {

  63.   border-collapse: collapse;

  64.   border-spacing: 0;

  65. }

  66. 

  67. /* http://practicaltypography.com/equity.html */

  68. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  69. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  70. @font-face {

  71.   font-family: 'EquityTextB';

  72.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  73.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  74.   font-weight: 300;

  75.   font-style: normal;

  76.   font-display: swap;

  77. }

  78. @font-face {

  79.   font-family: 'EquityTextB';

  80.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  81.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  82.   font-weight: 300;

  83.   font-style: italic;

  84.   font-display: swap;

  85. }

  86. @font-face {

  87.   font-family: 'EquityTextB';

  88.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  89.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  90.   font-weight: 700;

  91.   font-style: normal;

  92.   font-display: swap;

  93. }

  94. 

  95. @font-face {

  96.   font-family: 'ConcourseT3';

  97.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  98.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  99.   font-weight: 300;

  100.   font-style: normal;

  101.   font-display: swap;

  102. }

  103. 

  104. 

  105. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  106. body {

  107.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  108.   font-family: "EquityTextB", Palatino, serif;

  109.   background-color: #f0f0ea;

  110.   color: #07486c;

  111.   font-kerning: normal;

  112.   -moz-osx-font-smoothing: grayscale;

  113.   -webkit-font-smoothing: subpixel-antialiased;

  114.   text-rendering: optimizeLegibility;

  115.   font-variant-ligatures: common-ligatures contextual;

  116.   font-feature-settings: "kern", "liga", "clig", "calt";

  117. }

  118. pre, code, kbd, samp, var, tt {

  119.   font-family: 'TriplicateT4c', monospace;

  120. }

  121. em {

  122.   font-style: italic;

  123.   color: #323a45;

  124. }

  125. strong {

  126.   font-weight: bold;

  127.   color: black;

  128. }

  129. nav {

  130.   background-color: #323a45;

  131.   color: #f0f0ea;

  132.   display: flex;

  133.   justify-content: space-around;

  134.   padding: 1rem .5rem;

  135. }

  136.   nav:last-child {

  137.     border-bottom: 1vh solid #2d7474;

  138.   }

  139.   nav a {

  140.     color: #f0f0ea;

  141.   }

  142.   nav abbr {

  143.     border-bottom: 1px dotted white;

  144.   }

  145. 

  146. h1 {

  147.   border-top: 1vh solid #2d7474;

  148.   border-bottom: .2vh dotted #2d7474;

  149.   background-color: #e3e1e1;

  150.   color: #323a45;

  151.   text-align: center;

  152.   padding: 5rem 0 4rem 0;

  153.   width: 100%;

  154.   font-family: 'ConcourseT3';

  155.   display: flex;

  156.   flex-direction: column;

  157. }

  158.   h1.single {

  159.     padding-bottom: 10rem;

  160.   }

  161.   h1 span {

  162.     position: absolute;

  163.     top: 1vh;

  164.     left: 20%;

  165.     line-height: 0;

  166.   }

  167.     h1 span a {

  168.       line-height: 1.7;

  169.       padding: 1rem 1.2rem .6rem 1.2rem;

  170.       border-radius: 0 0 6% 6%;

  171.       background: #2d7474;

  172.       font-size: 1.3rem;

  173.       color: white;

  174.       text-decoration: none;

  175.     }

  176. h2 {

  177.   margin: 4rem 0 1rem;

  178.   border-top: .2vh solid #2d7474;

  179.   padding-top: 1vh;

  180. }

  181. h3 {

  182.   text-align: center;

  183.   margin: 3rem 0 .75em;

  184. }

  185. hr {

  186.   height: .4rem;

  187.   width: .4rem;

  188.   border-radius: .4rem;

  189.   background: #07486c;

  190.   margin: 2.5rem auto;

  191. }

  192. time {

  193.   display: bloc;

  194.   margin-left: 0 !important;

  195. }

  196. ul, ol {

  197.   margin: 2rem;

  198. }

  199. ul {

  200.   list-style-type: square;

  201. }

  202. a {

  203.   text-decoration-skip-ink: auto;

  204.   text-decoration-thickness: 0.05em;

  205.   text-underline-offset: 0.09em;

  206. }

  207. article {

  208.   max-width: 50rem;

  209.   display: flex;

  210.   flex-direction: column;

  211.   margin: 2rem auto;

  212. }

  213.   article.single {

  214.     border-top: .2vh dotted #2d7474;

  215.     margin: -6rem auto 1rem auto;

  216.     background: #f0f0ea;

  217.     padding: 2rem;

  218.   }

  219.   article p:last-child {

  220.     margin-bottom: 1rem;

  221.   }

  222. p {

  223.   padding: 0 .5rem;

  224.   margin-left: 3rem;

  225. }

  226.   p + p,

  227.   figure + p {

  228.     margin-top: 2rem;

  229.   }

  230. 

  231. blockquote {

  232.   background-color: #e3e1e1;

  233.   border-left: .5vw solid #2d7474;

  234.   display: flex;

  235.   flex-direction: column;

  236.   align-items: center;

  237.   padding: 1rem;

  238.   margin: 1.5rem;

  239. }

  240.   blockquote cite {

  241.     font-style: italic;

  242.   }

  243.   blockquote p {

  244.     margin-left: 0;

  245.   }

  246. 

  247. figure {

  248.   border-top: .2vh solid #2d7474;

  249.   background-color: #e3e1e1;

  250.   text-align: center;

  251.   padding: 1.5rem 0;

  252.   margin: 1rem 0 0;

  253.   font-size: 1.5rem;

  254.   width: 100%;

  255. }

  256.   figure img {

  257.     max-width: 250px;

  258.     max-height: 250px;

  259.     border: .5vw solid #323a45;

  260.     padding: 1px;

  261.   }

  262. figcaption {

  263.   padding: 1rem;

  264.   line-height: 1.4;

  265. }

  266. aside {

  267.   display: flex;

  268.   flex-direction: column;

  269.   background-color: #e3e1e1;

  270.   padding: 1rem 0;

  271.   border-bottom: .2vh solid #07486c;

  272. }

  273.   aside p {

  274.     max-width: 50rem;

  275.     margin: 0 auto;

  276.   }

  277. 

  278. /* https://fvsch.com/code/css-locks/ */

  279. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  280.   font-size: 1rem;

  281.   line-height: calc( 1.5em + 0.2 * 1rem );

  282. }

  283. h1 {

  284.   font-size: 1.9rem;

  285.   line-height: calc( 1.2em + 0.2 * 1rem );

  286. }

  287. h2 {

  288.   font-size: 1.6rem;

  289.   line-height: calc( 1.3em + 0.2 * 1rem );

  290. }

  291. h3 {

  292.   font-size: 1.35rem;

  293.   line-height: calc( 1.4em + 0.2 * 1rem );

  294. }

  295. @media (min-width: 20em) {

  296.   /* The (100vw - 20rem) / (50 - 20) part

  297.      resolves to 0-1rem, depending on the

  298.      viewport width (between 20em and 50em). */

  299.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  300.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  301.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  302.     margin-left: 0;

  303.   }

  304.   h1 {

  305.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  306.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  307.   }

  308.   h2 {

  309.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  310.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  311.   }

  312.   h3 {

  313.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  314.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  315.   }

  316. }

  317. @media (min-width: 50em) {

  318.   /* The right part of the addition *must* be a

  319.      rem value. In this example we *could* change

  320.      the whole declaration to font-size:2.5rem,

  321.      but if our baseline value was not expressed

  322.      in rem we would have to use calc. */

  323.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  324.     font-size: calc( 1rem + .6 * 1rem );

  325.     line-height: 1.5em;

  326.   }

  327.   p, li, pre, details {

  328.     margin-left: 3rem;

  329.   }

  330.   h1 {

  331.     font-size: calc( 1.9rem + 1.5 * 1rem );

  332.     line-height: 1.2em;

  333.   }

  334.   h2 {

  335.     font-size: calc( 1.5rem + 1.5 * 1rem );

  336.     line-height: 1.3em;

  337.   }

  338.   h3 {

  339.     font-size: calc( 1.35rem + 1.5 * 1rem );

  340.     line-height: 1.4em;

  341.   }

  342.   figure img {

  343.     max-width: 500px;

  344.     max-height: 500px;

  345.   }

  346. }

  347. 

  348. figure.unsquared {

  349.   margin-bottom: 1.5rem;

  350. }

  351.   figure.unsquared img {

  352.     height: inherit;

  353.   }

  354. 

  355. 

  356. 

  357. @media print {

  358.   body { font-size: 100%; }

  359.   a:after { content: " (" attr(href) ")"; }

  360.   a, a:link, a:visited, a:after {

  361.     text-decoration: underline;

  362.     text-shadow: none !important;

  363.     background-image: none !important;

  364.     background: white;

  365.     color: black;

  366.   }

  367.   abbr[title] { border-bottom: 0; }

  368.   abbr[title]:after { content: " (" attr(title) ")"; }

  369.   img { page-break-inside: avoid; }

  370.   @page { margin: 2cm .5cm; }

  371.   h1, h2, h3 { page-break-after: avoid; }

  372.   p3 { orphans: 3; widows: 3; }

  373.   img {

  374.     max-width: 250px !important;

  375.     max-height: 250px !important;

  376.   }

  377.   nav, aside { display: none; }

  378. }

  379. 

  380. ul.with_columns {

  381.   column-count: 1;

  382. }

  383. @media (min-width: 20em) {

  384.   ul.with_columns {

  385.     column-count: 2;

  386.   }

  387. }

  388. @media (min-width: 50em) {

  389.   ul.with_columns {

  390.     column-count: 3;

  391.   }

  392. }

  393. ul.with_two_columns {

  394.   column-count: 1;

  395. }

  396. @media (min-width: 20em) {

  397.   ul.with_two_columns {

  398.     column-count: 1;

  399.   }

  400. }

  401. @media (min-width: 50em) {

  402.   ul.with_two_columns {

  403.     column-count: 2;

  404.   }

  405. }

  406. 

  407. .gallery {

  408.   display: flex;

  409.   flex-wrap: wrap;

  410.   justify-content: space-around;

  411. }

  412.   .gallery figure img {

  413.     margin-left: 1rem;

  414.     margin-right: 1rem;

  415.   }

  416.   .gallery figure figcaption {

  417.     font-family: 'ConcourseT3'

  418.   }

  419. 

  420. footer {

  421.   font-family: 'ConcourseT3';

  422.   display: flex;

  423.   flex-direction: column;

  424.   border-top: 3px solid white;

  425.   padding: 4rem 0;

  426.   background-color: #07486c;

  427.   color: white;

  428. }

  429.   footer > * {

  430.     max-width: 50rem;

  431.     margin: 0 auto;

  432.   }

  433.   footer a {

  434.     color: #f1c40f;

  435.   }

  436.   footer .avatar {

  437.     width: 200px;

  438.     height: 200px;

  439.     border-radius: 50%;

  440.     float: left;

  441.     -webkit-shape-outside: circle();

  442.     shape-outside: circle();

  443.     margin-right: 2rem;

  444.     padding: 2px 5px 5px 2px;

  445.     background: white;

  446.     border-left: 1px solid #f1c40f;

  447.     border-top: 1px solid #f1c40f;

  448.     border-right: 5px solid #f1c40f;

  449.     border-bottom: 5px solid #f1c40f;

  450.   }

  451. </style>

  452. 

  453. <style type="text/css">

  454.   h2 {

  455.     margin: 2rem 0 1rem;

  456.   }

  457.   .next {

  458.     text-align: right;

  459.   }

  460. </style>

  461. <h1>

  462.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  463.   Pensées de 2019

  464. </h1>

  465. 

  466.   <article>

  467.     <h2><a href="/david/stream/2019/12/31/">Merci</a> <time>— Publié le 31 décembre</time></h2>

  468.     <p><em>Combien de mots cette année, combien de liens ? Assez pour me sentir bien (mieux).</em></p>

  469.     <p class="next">

  470.       <a href="/david/stream/2019/12/31/">Lire la suite →</a>

  471.     </p>

  472.   </article>

  473. 

  474.   <article>

  475.     <h2><a href="/david/stream/2019/12/27/">Intemporels</a> <time>— Publié le 27 décembre</time></h2>

  476.     <p><em>Une liste d’articles qui ne prennent pas trop de rides. J’aime beaucoup ce qu’a fait <a href="https://wdrl.info/evergreen/">Anselm Hannemann</a> alors voici un espace que je vais mettre à jour au gré de mes lectures. Ça me permettra aussi de lier des références mises en cache dans le futur. L’ordre n’est pas significatif.</em></p>

  477.     <p class="next">

  478.       <a href="/david/stream/2019/12/27/">Lire la suite →</a>

  479.     </p>

  480.   </article>

  481. 

  482.   <article>

  483.     <h2><a href="/david/stream/2019/12/24/">Outils</a> <time>— Publié le 24 décembre</time></h2>

  484.     <p><em>Pas mal de trucs perso cette semaine, c’est pas pire d’avoir du temps hors boulot aussi. Ça me laisse le temps de coder un peu. Oh wait.</em></p>

  485.     <p class="next">

  486.       <a href="/david/stream/2019/12/24/">Lire la suite →</a>

  487.     </p>

  488.   </article>

  489. 

  490.   <article>

  491.     <h2><a href="/david/stream/2019/12/17/">Origines</a> <time>— Publié le 17 décembre</time></h2>

  492.     <p><em>Essayer de comprendre le passé pour envisager un meilleur avenir. Le défi de chaque être pensant. Pansant ? Passant.</em></p>

  493.     <p class="next">

  494.       <a href="/david/stream/2019/12/17/">Lire la suite →</a>

  495.     </p>

  496.   </article>

  497. 

  498.   <article>

  499.     <h2><a href="/david/stream/2019/12/10/">Publier</a> <time>— Publié le 10 décembre</time></h2>

  500.     <p><em>Sur le web, on peut distinguer public et lier. Transmettre une URL publique sans pour autant la lier. Publier un flux sans qu’il soit définitif. Je joue beaucoup avec cela ces derniers temps.</em></p>

  501.     <p class="next">

  502.       <a href="/david/stream/2019/12/10/">Lire la suite →</a>

  503.     </p>

  504.   </article>

  505. 

  506.   <article>

  507.     <h2><a href="/david/stream/2019/12/03/">En forêt</a> <time>— Publié le 3 décembre</time></h2>

  508.     <p><em>Quelques jours en forêt. Pour soigner mon asocialité en étant seul. Pour <a href="/david/blog/2019/into-the-sled/">bien en suer aussi</a>. Pour jouer une partie d’échecs sans avoir droit à l’échec.</em></p>

  509.     <p class="next">

  510.       <a href="/david/stream/2019/12/03/">Lire la suite →</a>

  511.     </p>

  512.   </article>

  513. 

  514.   <article>

  515.     <h2><a href="/david/stream/2019/11/26/">Ecocentric</a> <time>— Publié le 26 novembre</time></h2>

  516.     <p><em>Une semaine en dent de scie avec pas mal de stress. Mais aussi d’appels d’air ! Tout en étant le sujet de mes propres contradictions. Ma vie, mon désenchantement.</em></p>

  517.     <p class="next">

  518.       <a href="/david/stream/2019/11/26/">Lire la suite →</a>

  519.     </p>

  520.   </article>

  521. 

  522.   <article>

  523.     <h2><a href="/david/stream/2019/11/19/">Se livrer</a> <time>— Publié le 19 novembre</time></h2>

  524.     <p><em>Je n’avais plus mal au dos. Et puis j’ai maintenant une nécessité de prendre l’avion en 2020, probablement deux fois de suite. J’ai de nouveau mal au dos. Il y a peut-être un lien. Peut-être.</em></p>

  525.     <p class="next">

  526.       <a href="/david/stream/2019/11/19/">Lire la suite →</a>

  527.     </p>

  528.   </article>

  529. 

  530.   <article>

  531.     <h2><a href="/david/stream/2019/11/12/">Dépendances</a> <time>— Publié le 12 novembre</time></h2>

  532.     <p><em>Un jour férié en France, c’est souvent une journée tranquille pour moi. L’occasion de creuser davantage de liens et de réflexions. Et de fermer des onglets après avoir partagé quelques connexions neuronales.</em></p>

  533.     <p class="next">

  534.       <a href="/david/stream/2019/11/12/">Lire la suite →</a>

  535.     </p>

  536.   </article>

  537. 

  538.   <article>

  539.     <h2><a href="/david/stream/2019/11/05/">Positif</a> <time>— Publié le 5 novembre</time></h2>

  540.     <p><em>Envie de choses motivantes et enthousiasmantes. Il y a une notion importante en survie qui peut changer le déroulé d’une situation critique : l’espoir.</em></p>

  541.     <p class="next">

  542.       <a href="/david/stream/2019/11/05/">Lire la suite →</a>

  543.     </p>

  544.   </article>

  545. 

  546.   <article>

  547.     <h2><a href="/david/stream/2019/10/29/">Dettes</a> <time>— Publié le 29 octobre</time></h2>

  548.     <p><em>Une semaine de repos tout relatif. Un bon moment pour prendre du recul et construire des projets enthousiasmants. Je suis presque impatient de l’arrivée de la neige !</em></p>

  549.     <p class="next">

  550.       <a href="/david/stream/2019/10/29/">Lire la suite →</a>

  551.     </p>

  552.   </article>

  553. 

  554.   <article>

  555.     <h2><a href="/david/stream/2019/10/22/">Privilèges</a> <time>— Publié le 22 octobre</time></h2>

  556.     <p><em>Une nuit en forêt avec pour challenge de ne pas faire de feu. S’adapter petit à petit au manque de luminosité, décider de dormir à la belle étoile même avec des températures négatives. Se sentir chanceux.</em></p>

  557.     <p class="next">

  558.       <a href="/david/stream/2019/10/22/">Lire la suite →</a>

  559.     </p>

  560.   </article>

  561. 

  562.   <article>

  563.     <h2><a href="/david/stream/2019/10/15/">Discrétion</a> <time>— Publié le 15 octobre</time></h2>

  564.     <p><em>Une semaine très chaotique. Je me demande souvent si je devrais pas me faire plus discret lorsque mon attention se trouve être sollicitée de manière non soutenable. Ou au moins ne pas avoir d’opinions trop tranchées. Et en même temps, c’est ce qui me permet de vider un trop plein.</em></p>

  565.     <p class="next">

  566.       <a href="/david/stream/2019/10/15/">Lire la suite →</a>

  567.     </p>

  568.   </article>

  569. 

  570.   <article>

  571.     <h2><a href="/david/stream/2019/10/08/">Désespérance</a> <time>— Publié le 8 octobre</time></h2>

  572.     <p><em>J’aime le rythme des saisons, je me demande ce que cela fait de vivre proche de l’équateur. L’impression que chaque jour se répète inlassablement. Dans quelle mesure la saisonnalité encourage la prise de recul ?</em></p>

  573.     <p class="next">

  574.       <a href="/david/stream/2019/10/08/">Lire la suite →</a>

  575.     </p>

  576.   </article>

  577. 

  578.   <article>

  579.     <h2><a href="/david/stream/2019/10/01/">Présent</a> <time>— Publié le 1 octobre</time></h2>

  580.     <p><em>Être moins soucieux pour l’avenir en ayant des actions au présent. S’occuper, se résigner, suivre le flux présent en croyant à une certaine conscience collective. Fermer les yeux.</em></p>

  581.     <p class="next">

  582.       <a href="/david/stream/2019/10/01/">Lire la suite →</a>

  583.     </p>

  584.   </article>

  585. 

  586.   <article>

  587.     <h2><a href="/david/stream/2019/09/24/">Manifester</a> <time>— Publié le 24 septembre</time></h2>

  588.     <p><em>Je me rends compte que je raconte souvent mes balades en forêt mais rarement lorsque c’est en famille. Comme si ces sorties étaient plus intimes, ou moins portées sur la réflexion. L’expérience acquise seul me permet d’être en confiance une fois à plusieurs.</em></p>

  589.     <p class="next">

  590.       <a href="/david/stream/2019/09/24/">Lire la suite →</a>

  591.     </p>

  592.   </article>

  593. 

  594.   <article>

  595.     <h2><a href="/david/stream/2019/09/17/">Arpenter</a> <time>— Publié le 17 septembre</time></h2>

  596.     <p><em>Vingt-quatre heures dans la forêt. Un marathon de marche afin d’épuiser le corps et l’esprit. Pour penser, dé-penser, repenser. Panser des blessures profondes, faire le vide, faire le plein. Habiter la forêt comme un lieu accueillant, un refuge aux bruits de ce monde.</em></p>

  597.     <p class="next">

  598.       <a href="/david/stream/2019/09/17/">Lire la suite →</a>

  599.     </p>

  600.   </article>

  601. 

  602.   <article>

  603.     <h2><a href="/david/stream/2019/09/10/">Nostalgie</a> <time>— Publié le 10 septembre</time></h2>

  604.     <p><em>Un brin de nostalgie cette semaine lorsque j’ai essayé de retrouver des informations sur mon site au sujet du Canada. Il faudra que je propose une recherche par ici, un jour.</em></p>

  605.     <p class="next">

  606.       <a href="/david/stream/2019/09/10/">Lire la suite →</a>

  607.     </p>

  608.   </article>

  609. 

  610.   <article>

  611.     <h2><a href="/david/stream/2019/09/03/">Déconstruire</a> <time>— Publié le 3 septembre</time></h2>

  612.     <p><em>Cette semaine, tentative de reconstruction de mon dos. Trois jours en forêt pour méditer, faire voler des hameçons au-dessus du raft, analyser le poids que j’ai sur les épaules.</em></p>

  613.     <p class="next">

  614.       <a href="/david/stream/2019/09/03/">Lire la suite →</a>

  615.     </p>

  616.   </article>

  617. 

  618.   <article>

  619.     <h2><a href="/david/stream/2019/08/27/">Documenter</a> <time>— Publié le 27 août</time></h2>

  620.     <p><em>Une semaine à notamment s’interroger sur ce qui fait coopérative. Et peut-être qu’il s’agit d’avoir une <a href="https://github.com/scopyleft/documentation/blob/master/incubateur/histoire.md">histoire</a> <a href="/david/blog/2016/instantane-scopyleft/">commune</a> à <a href="http://scopyleft.fr/blog/2014/scopyleft-aventure-humaine/">raconter</a>. Partager non pas ce que l’on a fait ensemble mais ce que l’on a été ensemble. Réflexion à poursuivre… à documenter ?</em></p>

  621.     <p class="next">

  622.       <a href="/david/stream/2019/08/27/">Lire la suite →</a>

  623.     </p>

  624.   </article>

  625. 

  626.   <article>

  627.     <h2><a href="/david/stream/2019/08/20/">Frustration</a> <time>— Publié le 20 août</time></h2>

  628.     <p><em>Une semaine avec l’intention de faire des choses en famille. On a cueilli des bleuets et dormi dans la forêt. Essayé la <a href="https://fr.wikipedia.org/wiki/Rabaska">Rabaska</a> et le kayak de mer. Pêché pas mal d’algues et de boutons de moustiques.</em></p>

  629.     <p class="next">

  630.       <a href="/david/stream/2019/08/20/">Lire la suite →</a>

  631.     </p>

  632.   </article>

  633. 

  634.   <article>

  635.     <h2><a href="/david/stream/2019/08/13/">Holisme</a> <time>— Publié le 13 août</time></h2>

  636.     <p><em>Considérer la somme de ses actions et intentions comme un tout. Lâcher-prise sur celles <a href="/david/stream/2018/10/30/">des autres</a>. Ou du moins essayer.</em></p>

  637.     <p class="next">

  638.       <a href="/david/stream/2019/08/13/">Lire la suite →</a>

  639.     </p>

  640.   </article>

  641. 

  642.   <article>

  643.     <h2><a href="/david/stream/2019/08/06/">1%</a> <time>— Publié le 6 août</time></h2>

  644.     <p><em>Essayer d’être à l’écoute de soi avant de pouvoir être à l’écoute des autres. Devenir le 1% de sa vie, prendre conscience des 99 autres. Savoir décliner lorsqu’on n’est pas en forme. Prendre soin de ma propre attente.</em></p>

  645.     <p class="next">

  646.       <a href="/david/stream/2019/08/06/">Lire la suite →</a>

  647.     </p>

  648.   </article>

  649. 

  650.   <article>

  651.     <h2><a href="/david/stream/2019/07/30/">Exemplarité</a> <time>— Publié le 30 juillet</time></h2>

  652.     <p><em>J’ai reçu deux courriels coup sur coup cette semaine qui m’ont rappelé pourquoi est-ce que je publiais ici. Ce n’est pas de l’exemplarité au sens de vouloir être exemplaire — ce qui serait à la fois prétentieux et anxiogène — mais de montrer que la voie que j’emprunte est un des multiples possibles. Libre à chacun et chacune de s’en inspirer. Et de documenter d’autres voies.</em></p>

  653.     <p class="next">

  654.       <a href="/david/stream/2019/07/30/">Lire la suite →</a>

  655.     </p>

  656.   </article>

  657. 

  658.   <article>

  659.     <h2><a href="/david/stream/2019/07/23/">Timelines</a> <time>— Publié le 23 juillet</time></h2>

  660.     <p><em>Réflexion sur les lignes de temps, de vie. J’ai un vieux truc pour mes <a href="/david/talks/">présentations</a> et je me pose pas mal de questions sur la généralisation d’une telle représentation, surtout après avoir vu <a href="https://kirk.is/timelines/">ces timelines</a>.</em></p>

  661.     <p class="next">

  662.       <a href="/david/stream/2019/07/23/">Lire la suite →</a>

  663.     </p>

  664.   </article>

  665. 

  666.   <article>

  667.     <h2><a href="/david/stream/2019/07/16/">Écoute</a> <time>— Publié le 16 juillet</time></h2>

  668.     <p><em>Citation de la quinzaine : « On me demande souvent à quoi je pense quand je marche. Et bien, je ne pense pas, je vis ! Il y a des moments pour la réflexion et d’autres pour le mouvement. », Sarah Marquis.</em></p>

  669.     <p class="next">

  670.       <a href="/david/stream/2019/07/16/">Lire la suite →</a>

  671.     </p>

  672.   </article>

  673. 

  674.   <article>

  675.     <h2><a href="/david/stream/2019/07/02/">Anxiété</a> <time>— Publié le 2 juillet</time></h2>

  676.     <p><em>Citation de la semaine : “Not only is my glass half empty, it’s not what I ordered.” — Catherine Tate (Traduction libre : « non seulement mon verre est à moitié vide mais ce n’est même pas ce que j’avais commandé. »)</em></p>

  677.     <p class="next">

  678.       <a href="/david/stream/2019/07/02/">Lire la suite →</a>

  679.     </p>

  680.   </article>

  681. 

  682.   <article>

  683.     <h2><a href="/david/stream/2019/06/21/">À lier</a> <time>— Publié le 21 juin</time></h2>

  684.     <p><em>J’avais <a href="/david/stream/2018/07/24/">partagé des paroles</a> de femmes sans commentaires l’année dernière. Ici je reste silencieux tout en changeant un peu la donne (l’ordre n’est pas significatif).</em></p>

  685.     <p class="next">

  686.       <a href="/david/stream/2019/06/21/">Lire la suite →</a>

  687.     </p>

  688.   </article>

  689. 

  690.   <article>

  691.     <h2><a href="/david/stream/2019/06/14/">Pauvreté</a> <time>— Publié le 14 juin</time></h2>

  692.     <p><em>Une semaine sous le signe du déménagement. Quasiment seuls, ce qui permet de bien sentir le poids de chaque possession. De soupeser la pertinence d’une telle accumulation. Si seuls les riches peuvent se permettre de ne rien amasser, je dois être encore très pauvre.</em></p>

  693.     <p class="next">

  694.       <a href="/david/stream/2019/06/14/">Lire la suite →</a>

  695.     </p>

  696.   </article>

  697. 

  698.   <article>

  699.     <h2><a href="/david/stream/2019/06/07/">Amateur</a> <time>— Publié le 7 juin</time></h2>

  700.     <p><em>Une semaine dans les cartons pour descendre de ce Plateau d’ivoire peuplé de montréalisiens. Et aussi pour prendre conscience qu’il n’y a pas que des trentenaires privilégiés à Montréal (autocritique++). Réduire la dissonance cognitive, avec urgence.</em></p>

  701.     <p class="next">

  702.       <a href="/david/stream/2019/06/07/">Lire la suite →</a>

  703.     </p>

  704.   </article>

  705. 

  706.   <article>

  707.     <h2><a href="/david/stream/2019/05/31/">Pollution</a> <time>— Publié le 31 mai</time></h2>

  708.     <p><em><a href="https://twitter.com/mirgray/status/1133512333429551105">Citation</a> de la semaine : “Almost everything will work again if you unplug it for a few minutes… including you.”</em></p>

  709.     <p class="next">

  710.       <a href="/david/stream/2019/05/31/">Lire la suite →</a>

  711.     </p>

  712.   </article>

  713. 

  714.   <article>

  715.     <h2><a href="/david/stream/2019/05/24/">Apaisement</a> <time>— Publié le 24 mai</time></h2>

  716.     <p><em>Un besoin de nature. Du temps pour se rassurer. Du temps pour se sentir à nouveau canadien. Du temps pour accepter les changements à venir.</em></p>

  717.     <p class="next">

  718.       <a href="/david/stream/2019/05/24/">Lire la suite →</a>

  719.     </p>

  720.   </article>

  721. 

  722.   <article>

  723.     <h2><a href="/david/stream/2019/05/10/">Folie</a> <time>— Publié le 10 mai</time></h2>

  724.     <p><em>Un rythme intenable à être contraint de jouer sur un peu trop de terrains à la fois. Tout en gérant un décal(c)age horaire. Tout quitter et devenir coach effondrementaliste.</em></p>

  725.     <p class="next">

  726.       <a href="/david/stream/2019/05/10/">Lire la suite →</a>

  727.     </p>

  728.   </article>

  729. 

  730.   <article>

  731.     <h2><a href="/david/stream/2019/05/03/">Sympathie</a> <time>— Publié le 3 mai</time></h2>

  732.     <p><em>Quelques questions après un séjour en France empreint de doutes sur l’avenir.</em></p>

  733.     <p class="next">

  734.       <a href="/david/stream/2019/05/03/">Lire la suite →</a>

  735.     </p>

  736.   </article>

  737. 

  738.   <article>

  739.     <h2><a href="/david/stream/2019/04/12/">Péremption</a> <time>— Publié le 12 avril</time></h2>

  740.     <p><em>Une dernière avant de <a href="https://joachimesque.com/blog/2019-04-10-je-ne-prends-plus-l-avion">monter dans l’avion</a> (<a href="/david/cache/b24b62b1c3d676ee0a613bb74d8f9d06/">cache</a>) et d’être probablement moins en ligne pendant trois semaines. N’oubliez pas que <a href="https://daverupert.com/2019/04/some-unsolicited-blogging-advice/">vous pouvez écrire aussi</a> (<a href="/david/cache/cff4306a435c4d2ac7ea52af54c08efb/">cache</a>). Et lier. Et publier. Pour plus ou moins longtemps. Ou pas.</em></p>

  741.     <p class="next">

  742.       <a href="/david/stream/2019/04/12/">Lire la suite →</a>

  743.     </p>

  744.   </article>

  745. 

  746.   <article>

  747.     <h2><a href="/david/stream/2019/04/05/">Définitions</a> <time>— Publié le 5 avril</time></h2>

  748.     <p><em>Une semaine rythmée par l’exploration de nouveaux lieux de vie. Quitter le plateau et ses montréalisiens pour lequel j’entretiens une relation d’amour-haine. Envisager diverses options, divers choix de vie. Se rappeler que c’est un luxe d’avoir ces choix.</em></p>

  749.     <p class="next">

  750.       <a href="/david/stream/2019/04/05/">Lire la suite →</a>

  751.     </p>

  752.   </article>

  753. 

  754.   <article>

  755.     <h2><a href="/david/stream/2019/03/29/">Acceptation</a> <time>— Publié le 29 mars</time></h2>

  756.     <p><em>Accepter d’avancer et assumer les dommages collatéraux. Accepter de déménager pour réduire. Accepter de vivre dans un monde de ronds alors qu’on se sent une famille de carrés. Accepter d’être dans le cliché du sportif blessé et chiant. Accepter de prendre soin de son corps lorsqu’on a les télomères qui raccourcissent.</em></p>

  757.     <p class="next">

  758.       <a href="/david/stream/2019/03/29/">Lire la suite →</a>

  759.     </p>

  760.   </article>

  761. 

  762.   <article>

  763.     <h2><a href="/david/stream/2019/03/22/">Dissonance</a> <time>— Publié le 22 mars</time></h2>

  764.     <p><em>Une semaine de remise en questions. À chialer (au sens québecois du terme) sur mes problèmes de visa alors que pour d’autres il s’agit de fuir la guerre. À côtoyer d’autres privilégiés qui n’en ont même pas conscience. À se demander à qui je tends la main. En vrai.</em></p>

  765.     <p class="next">

  766.       <a href="/david/stream/2019/03/22/">Lire la suite →</a>

  767.     </p>

  768.   </article>

  769. 

  770.   <article>

  771.     <h2><a href="/david/stream/2019/03/15/">Reconnaissance</a> <time>— Publié le 15 mars</time></h2>

  772.     <p><em>Une semaine qui a commencée avec un poignard dans le dos et une impossibilité de m’asseoir pendant quelques jours. L’occasion d’utiliser à bon escient ce bureau assis-debout. La douleur aidant, j’ai pas mal cogité la nuit et me suis fendu d’une refonte ici même.</em></p>

  773.     <p class="next">

  774.       <a href="/david/stream/2019/03/15/">Lire la suite →</a>

  775.     </p>

  776.   </article>

  777. 

  778.   <article>

  779.     <h2><a href="/david/stream/2019/03/08/">Lecture</a> <time>— Publié le 8 mars</time></h2>

  780.     <p><em>Trois rappels cette semaine qu’il suffit d’une personne grain de sable pour que ça irrite tout le groupe. Lorsque ça gratte, le groupe se remet en question, se parle, converti le sable en verre nécessaire à la transparence mais également en miroir nécessaire à sa propre définition. Aussi, ça m’a fait consommer par mal de <a href="/static/david/stream/La-Theorie-des-cuilleres.pdf">cuillères sociales</a> (PDF, 161Ko).</em></p>

  781.     <p class="next">

  782.       <a href="/david/stream/2019/03/08/">Lire la suite →</a>

  783.     </p>

  784.   </article>

  785. 

  786.   <article>

  787.     <h2><a href="/david/stream/2019/03/01/">Journaux</a> <time>— Publié le 1 mars</time></h2>

  788.     <p><em>J’ai rererelu <a href="https://fr.wikipedia.org/wiki/Le_Grand_M%C3%A9chant_Renard">Le grand méchant renard</a> et c’est trop bien de pouvoir partager des lectures saines à plusieurs niveaux de compréhension. Il faudrait que je détaille ce que j’entends par sain dans ce contexte.</em></p>

  789.     <p class="next">

  790.       <a href="/david/stream/2019/03/01/">Lire la suite →</a>

  791.     </p>

  792.   </article>

  793. 

  794.   <article>

  795.     <h2><a href="/david/stream/2019/02/22/">Écriture</a> <time>— Publié le 22 février</time></h2>

  796.     <p><em>Cette semaine, j’ai regardé « Leave No Trace » et ça m’a bien chamboulé.</em></p>

  797.     <p class="next">

  798.       <a href="/david/stream/2019/02/22/">Lire la suite →</a>

  799.     </p>

  800.   </article>

  801. 

  802.   <article>

  803.     <h2><a href="/david/stream/2019/02/15/">Kyriarchie</a> <time>— Publié le 15 février</time></h2>

  804.     <p><em>Cette semaine, j’ai fait un <a href="https://fr.wikipedia.org/wiki/Quinzhee_(Quinzy,_Queenzy,_Quincy,_Quinzee,_Quin-zee)">quinzhee</a> et il s’est écroulé. C’était dans le cadre d’un atelier alors on n’a pas pris le temps que ça se solidifie. C’était (le) fun quand même.</em></p>

  805.     <p class="next">

  806.       <a href="/david/stream/2019/02/15/">Lire la suite →</a>

  807.     </p>

  808.   </article>

  809. 

  810.   <article>

  811.     <h2><a href="/david/stream/2019/02/08/">Mots-serrures</a> <time>— Publié le 8 février</time></h2>

  812.     <p><em>Semaine de récupération après un gros rhume qui s’est soldée par la fin de mon projet de couture (super content et j’en ai déjà un autre !). Il faudra que je m’en vante de manière illustrée un de ces jours. Ou pas.</em></p>

  813.     <p class="next">

  814.       <a href="/david/stream/2019/02/08/">Lire la suite →</a>

  815.     </p>

  816.   </article>

  817. 

  818.   <article>

  819.     <h2><a href="/david/stream/2019/02/01/">Sans voie</a> <time>— Publié le 1 février</time></h2>

  820.     <p><em>Cela m’intéresse d’avoir vos retours sur cette formule hebdomadaire. Notamment si une <a href="/david/stream/2018/12/31/">liste de diffusion</a> vous faciliterait la vie.</em></p>

  821.     <p class="next">

  822.       <a href="/david/stream/2019/02/01/">Lire la suite →</a>

  823.     </p>

  824.   </article>

  825. 

  826.   <article>

  827.     <h2><a href="/david/stream/2019/01/25/">Auto-diagnostic</a> <time>— Publié le 25 janvier</time></h2>

  828.     <p><em>Cette semaine grosse sortie de ski de fond qui s’apparentait davantage à du ski de rando vu les conditions &lt;3. J’ai passé le cap où je peux réfléchir pendant l’effort dans cette pratique là et c’est chouette (coucou <a href="https://www.youtube.com/watch?v=W3fc5QOWexc">Kilian</a>). Mais penser à quoi ?</em></p>

  829.     <p class="next">

  830.       <a href="/david/stream/2019/01/25/">Lire la suite →</a>

  831.     </p>

  832.   </article>

  833. 

  834.   <article>

  835.     <h2><a href="/david/stream/2019/01/18/">Agilité</a> <time>— Publié le 18 janvier</time></h2>

  836.     <p><em>Cette semaine a débutée par deux journée dans les bois avec des températures qui n’ont pas dépassées les -18°C. C’était « frète » comme on dit par ici. Heureusement, j’ai passé une nuit dans un refuge que j’ai fait passer de -9°C à 32°C (!) en 3 heures grâce au poêle, le contraste était assez saisissant. Cela m’a permis d’avancer sur mon projet de couture avec un sprint de… 5 heures non-stop, vive l’hiver ! Aussi, j’ai vu le premier <strike>arc-en-ciel circulaire</strike><a href="https://fr.wikipedia.org/wiki/Halo_(ph%C3%A9nom%C3%A8ne_optique)">halo</a> de ma vie &lt;3</em></p>

  837.     <p class="next">

  838.       <a href="/david/stream/2019/01/18/">Lire la suite →</a>

  839.     </p>

  840.   </article>

  841. 

  842.   <article>

  843.     <h2><a href="/david/stream/2019/01/11/">Métaphores</a> <time>— Publié le 11 janvier</time></h2>

  844.     <p><em>Une semaine de reprise avec un gros projet de couture qui me prends beaucoup de temps. L’ambition est grande pour un débutant puisqu’il s’agit d’ajouter des poches à un sac, si ça pouvait au moins être fonctionnel ce serait déjà pas mal. C’était aussi le début de la saison de ski de fond sur le Mont-Royal !</em></p>

  845.     <p class="next">

  846.       <a href="/david/stream/2019/01/11/">Lire la suite →</a>

  847.     </p>

  848.   </article>

  849. 

  850.   <article>

  851.     <h2><a href="/david/stream/2019/01/04/">Balbutiements</a> <time>— Publié le 4 janvier</time></h2>

  852.     <p><em>Tentatives autour d’un format hebdomadaire.</em></p>

  853.     <p class="next">

  854.       <a href="/david/stream/2019/01/04/">Lire la suite →</a>

  855.     </p>

  856.   </article>

  857. 

  858. 

  859. 

  860. <nav id="jumpto">

  861.   <p>

  862.     <a href="/david/stream/2015/">En 2015</a> | <a href="/david/lexique/">Lexique 2016</a> | <a href="/david/correspondances/2017/">Correspondances 2017</a> | <a href="/david/stream/2018/">En 2018</a> | <a href="/david/stream/2019/">En 2019</a>

  863.   </p>

  864. </nav>

  865. 

  866. <footer>

  867.   <div>

  868.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  869.     <p>

  870.       Bonjour/Hi!

  871.       Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>

  872.       Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).

  873.     </p>

  874.     <p>

  875.       Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.

  876.     </p>

  877.     

  878.       <p>

  879.         Les dernières publications hebdomadaires sont :

  880.       </p>

  881.       <ul class="with_columns">

  882.         

  883.           <li>

  884.             <a href="/david/stream/2019/12/31/">Merci</a>

  885.           </li>

  886.         

  887.           <li>

  888.             <a href="/david/stream/2019/12/27/">Intemporels</a>

  889.           </li>

  890.         

  891.           <li>

  892.             <a href="/david/stream/2019/12/24/">Outils</a>

  893.           </li>

  894.         

  895.           <li>

  896.             <a href="/david/stream/2019/12/17/">Origines</a>

  897.           </li>

  898.         

  899.           <li>

  900.             <a href="/david/stream/2019/12/10/">Publier</a>

  901.           </li>

  902.         

  903.           <li>

  904.             <a href="/david/stream/2019/12/03/">En forêt</a>

  905.           </li>

  906.         

  907.           <li>

  908.             <a href="/david/stream/2019/11/26/">Ecocentric</a>

  909.           </li>

  910.         

  911.           <li>

  912.             <a href="/david/stream/2019/11/19/">Se livrer</a>

  913.           </li>

  914.         

  915.           <li>

  916.             <a href="/david/stream/2019/11/12/">Dépendances</a>

  917.           </li>

  918.         

  919.           <li>

  920.             <a href="/david/stream/2019/11/05/">Positif</a>

  921.           </li>

  922.         

  923.           <li>

  924.             <a href="/david/stream/2019/10/29/">Dettes</a>

  925.           </li>

  926.         

  927.           <li>

  928.             <a href="/david/stream/2019/10/22/">Privilèges</a>

  929.           </li>

  930.         

  931.           <li>

  932.             <a href="/david/stream/2019/10/15/">Discrétion</a>

  933.           </li>

  934.         

  935.           <li>

  936.             <a href="/david/stream/2019/10/08/">Désespérance</a>

  937.           </li>

  938.         

  939.           <li>

  940.             <a href="/david/stream/2019/10/01/">Présent</a>

  941.           </li>

  942.         

  943.           <li>

  944.             <a href="/david/stream/2019/09/24/">Manifester</a>

  945.           </li>

  946.         

  947.           <li>

  948.             <a href="/david/stream/2019/09/17/">Arpenter</a>

  949.           </li>

  950.         

  951.           <li>

  952.             <a href="/david/stream/2019/09/10/">Nostalgie</a>

  953.           </li>

  954.         

  955.           <li>

  956.             <a href="/david/stream/2019/09/03/">Déconstruire</a>

  957.           </li>

  958.         

  959.           <li>

  960.             <a href="/david/stream/2019/08/27/">Documenter</a>

  961.           </li>

  962.         

  963.           <li>

  964.             <a href="/david/stream/2019/08/20/">Frustration</a>

  965.           </li>

  966.         

  967.           <li>

  968.             <a href="/david/stream/2019/08/13/">Holisme</a>

  969.           </li>

  970.         

  971.           <li>

  972.             <a href="/david/stream/2019/08/06/">1%</a>

  973.           </li>

  974.         

  975.           <li>

  976.             <a href="/david/stream/2019/07/30/">Exemplarité</a>

  977.           </li>

  978.         

  979.           <li>

  980.             <a href="/david/stream/2019/07/23/">Timelines</a>

  981.           </li>

  982.         

  983.           <li>

  984.             <a href="/david/stream/2019/07/16/">Écoute</a>

  985.           </li>

  986.         

  987.           <li>

  988.             <a href="/david/stream/2019/07/02/">Anxiété</a>

  989.           </li>

  990.         

  991.           <li>

  992.             <a href="/david/stream/2019/06/21/">À lier</a>

  993.           </li>

  994.         

  995.           <li>

  996.             <a href="/david/stream/2019/06/14/">Pauvreté</a>

  997.           </li>

  998.         

  999.           <li>

  1000.             <a href="/david/stream/2019/06/07/">Amateur</a>

  1001.           </li>

  1002.         

  1003.           <li>

  1004.             <a href="/david/stream/2019/05/31/">Pollution</a>

  1005.           </li>

  1006.         

  1007.           <li>

  1008.             <a href="/david/stream/2019/05/24/">Apaisement</a>

  1009.           </li>

  1010.         

  1011.           <li>

  1012.             <a href="/david/stream/2019/05/10/">Folie</a>

  1013.           </li>

  1014.         

  1015.           <li>

  1016.             <a href="/david/stream/2019/05/03/">Sympathie</a>

  1017.           </li>

  1018.         

  1019.           <li>

  1020.             <a href="/david/stream/2019/04/12/">Péremption</a>

  1021.           </li>

  1022.         

  1023.           <li>

  1024.             <a href="/david/stream/2019/04/05/">Définitions</a>

  1025.           </li>

  1026.         

  1027.           <li>

  1028.             <a href="/david/stream/2019/03/29/">Acceptation</a>

  1029.           </li>

  1030.         

  1031.           <li>

  1032.             <a href="/david/stream/2019/03/22/">Dissonance</a>

  1033.           </li>

  1034.         

  1035.           <li>

  1036.             <a href="/david/stream/2019/03/15/">Reconnaissance</a>

  1037.           </li>

  1038.         

  1039.           <li>

  1040.             <a href="/david/stream/2019/03/08/">Lecture</a>

  1041.           </li>

  1042.         

  1043.           <li>

  1044.             <a href="/david/stream/2019/03/01/">Journaux</a>

  1045.           </li>

  1046.         

  1047.           <li>

  1048.             <a href="/david/stream/2019/02/22/">Écriture</a>

  1049.           </li>

  1050.         

  1051.           <li>

  1052.             <a href="/david/stream/2019/02/15/">Kyriarchie</a>

  1053.           </li>

  1054.         

  1055.           <li>

  1056.             <a href="/david/stream/2019/02/08/">Mots-serrures</a>

  1057.           </li>

  1058.         

  1059.           <li>

  1060.             <a href="/david/stream/2019/02/01/">Sans voie</a>

  1061.           </li>

  1062.         

  1063.           <li>

  1064.             <a href="/david/stream/2019/01/25/">Auto-diagnostic</a>

  1065.           </li>

  1066.         

  1067.           <li>

  1068.             <a href="/david/stream/2019/01/18/">Agilité</a>

  1069.           </li>

  1070.         

  1071.           <li>

  1072.             <a href="/david/stream/2019/01/11/">Métaphores</a>

  1073.           </li>

  1074.         

  1075.           <li>

  1076.             <a href="/david/stream/2019/01/04/">Balbutiements</a>

  1077.           </li>

  1078.         

  1079.       </ul>

  1080.     

  1081.     <p>

  1082.       Voici quelques articles choisis :

  1083.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  1084.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  1085.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  1086.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  1087.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  1088.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  1089.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  1090.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  1091.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  1092.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  1093.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  1094.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  1095.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  1096.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  1097.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  1098.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  1099.     </p>

  1100.     <p>

  1101.       On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.

  1102.     </p>

  1103.     <p>

  1104.       Je ne traque pas ta navigation mais mon

  1105.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  1106.       conserve des logs d’accès.

  1107.     </p>

  1108.   </div>

  1109. </footer>

  1110. <script type="text/javascript">

  1111.   ;(_ => {

  1112.     const jumper = document.getElementById('jumper')

  1113.     jumper.addEventListener('click', e => {

  1114.       e.preventDefault()

  1115.       const anchor = e.target.getAttribute('href')

  1116.       const targetEl = document.getElementById(anchor.substring(1))

  1117.       targetEl.scrollIntoView({behavior: 'smooth'})

  1118.     })

  1119.   })()

  1120. </script>