davidbgk
/
larlet-fr-david-cache

<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang=fr>
<!-- Has to be within the first 1024 bytes, hence before the <title>
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset=utf-8>
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
<!-- Required to make a valid HTML5 document. -->
<title>Neurodiversity (archive) — David Larlet</title>
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/static/david/icons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="David Larlet">
<meta name="application-name" content="David Larlet">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- That good ol' feed, subscribe :p. -->
<link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="http://tdotc.eu/2018/06/09/neurodiversity/">

<style>
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* http://practicaltypography.com/equity.html */
/* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
/* https://www.filamentgroup.com/lab/js-web-fonts.html */
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ConcourseT3';
  src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
       url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


/* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
body {
  /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  font-family: "EquityTextB", Palatino, serif;
  background-color: #f0f0ea;
  color: #07486c;
  font-kerning: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
}
pre, code, kbd, samp, var, tt {
  font-family: 'TriplicateT4c', monospace;
}
em {
  font-style: italic;
  color: #323a45;
}
strong {
  font-weight: bold;
  color: black;
}
nav {
  background-color: #323a45;
  color: #f0f0ea;
  display: flex;
  justify-content: space-around;
  padding: 1rem .5rem;
}
  nav:last-child {
    border-bottom: 1vh solid #2d7474;
  }
  nav a {
    color: #f0f0ea;
  }
  nav abbr {
    border-bottom: 1px dotted white;
  }

h1 {
  border-top: 1vh solid #2d7474;
  border-bottom: .2vh dotted #2d7474;
  background-color: #e3e1e1;
  color: #323a45;
  text-align: center;
  padding: 5rem 0 4rem 0;
  width: 100%;
  font-family: 'ConcourseT3';
  display: flex;
  flex-direction: column;
}
  h1.single {
    padding-bottom: 10rem;
  }
  h1 span {
    position: absolute;
    top: 1vh;
    left: 20%;
    line-height: 0;
  }
    h1 span a {
      line-height: 1.7;
      padding: 1rem 1.2rem .6rem 1.2rem;
      border-radius: 0 0 6% 6%;
      background: #2d7474;
      font-size: 1.3rem;
      color: white;
      text-decoration: none;
    }
h2 {
  margin: 4rem 0 1rem;
  border-top: .2vh solid #2d7474;
  padding-top: 1vh;
}
h3 {
  text-align: center;
  margin: 3rem 0 .75em;
}
hr {
  height: .4rem;
  width: .4rem;
  border-radius: .4rem;
  background: #07486c;
  margin: 2.5rem auto;
}
time {
  display: bloc;
  margin-left: 0 !important;
}
ul, ol {
  margin: 2rem;
}
ul {
  list-style-type: square;
}
a {
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.09em;
}
article {
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  margin: 2rem auto;
}
  article.single {
    border-top: .2vh dotted #2d7474;
    margin: -6rem auto 1rem auto;
    background: #f0f0ea;
    padding: 2rem;
  }
  article p:last-child {
    margin-bottom: 1rem;
  }
p {
  padding: 0 .5rem;
  margin-left: 3rem;
}
  p + p,
  figure + p {
    margin-top: 2rem;
  }

blockquote {
  background-color: #e3e1e1;
  border-left: .5vw solid #2d7474;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  margin: 1.5rem;
}
  blockquote cite {
    font-style: italic;
  }
  blockquote p {
    margin-left: 0;
  }

figure {
  border-top: .2vh solid #2d7474;
  background-color: #e3e1e1;
  text-align: center;
  padding: 1.5rem 0;
  margin: 1rem 0 0;
  font-size: 1.5rem;
  width: 100%;
}
  figure img {
    max-width: 250px;
    max-height: 250px;
    border: .5vw solid #323a45;
    padding: 1px;
  }
figcaption {
  padding: 1rem;
  line-height: 1.4;
}
aside {
  display: flex;
  flex-direction: column;
  background-color: #e3e1e1;
  padding: 1rem 0;
  border-bottom: .2vh solid #07486c;
}
  aside p {
    max-width: 50rem;
    margin: 0 auto;
  }

/* https://fvsch.com/code/css-locks/ */
p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  font-size: 1rem;
  line-height: calc( 1.5em + 0.2 * 1rem );
}
h1 {
  font-size: 1.9rem;
  line-height: calc( 1.2em + 0.2 * 1rem );
}
h2 {
  font-size: 1.6rem;
  line-height: calc( 1.3em + 0.2 * 1rem );
}
h3 {
  font-size: 1.35rem;
  line-height: calc( 1.4em + 0.2 * 1rem );
}
@media (min-width: 20em) {
  /* The (100vw - 20rem) / (50 - 20) part
     resolves to 0-1rem, depending on the
     viewport width (between 20em and 50em). */
  p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
    font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
    margin-left: 0;
  }
  h1 {
    font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h2 {
    font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h3 {
    font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
}
@media (min-width: 50em) {
  /* The right part of the addition *must* be a
     rem value. In this example we *could* change
     the whole declaration to font-size:2.5rem,
     but if our baseline value was not expressed
     in rem we would have to use calc. */
  p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
    font-size: calc( 1rem + .6 * 1rem );
    line-height: 1.5em;
  }
  p, li, pre, details {
    margin-left: 3rem;
  }
  h1 {
    font-size: calc( 1.9rem + 1.5 * 1rem );
    line-height: 1.2em;
  }
  h2 {
    font-size: calc( 1.5rem + 1.5 * 1rem );
    line-height: 1.3em;
  }
  h3 {
    font-size: calc( 1.35rem + 1.5 * 1rem );
    line-height: 1.4em;
  }
  figure img {
    max-width: 500px;
    max-height: 500px;
  }
}

figure.unsquared {
  margin-bottom: 1.5rem;
}
  figure.unsquared img {
    height: inherit;
  }


@media print {
  body { font-size: 100%; }
  a:after { content: " (" attr(href) ")"; }
  a, a:link, a:visited, a:after {
    text-decoration: underline;
    text-shadow: none !important;
    background-image: none !important;
    background: white;
    color: black;
  }
  abbr[title] { border-bottom: 0; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  img { page-break-inside: avoid; }
  @page { margin: 2cm .5cm; }
  h1, h2, h3 { page-break-after: avoid; }
  p3 { orphans: 3; widows: 3; }
  img {
    max-width: 250px !important;
    max-height: 250px !important;
  }
  nav, aside { display: none; }
}

ul.with_columns {
  column-count: 1;
}
@media (min-width: 20em) {
  ul.with_columns {
    column-count: 2;
  }
}
@media (min-width: 50em) {
  ul.with_columns {
    column-count: 3;
  }
}
ul.with_two_columns {
  column-count: 1;
}
@media (min-width: 20em) {
  ul.with_two_columns {
    column-count: 1;
  }
}
@media (min-width: 50em) {
  ul.with_two_columns {
    column-count: 2;
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
  .gallery figure img {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .gallery figure figcaption {
    font-family: 'ConcourseT3'
  }

footer {
  font-family: 'ConcourseT3';
  display: flex;
  flex-direction: column;
  border-top: 3px solid white;
  padding: 4rem 0;
  background-color: #07486c;
  color: white;
}
  footer > * {
    max-width: 50rem;
    margin: 0 auto;
  }
  footer a {
    color: #f1c40f;
  }
  footer .avatar {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    float: left;
    -webkit-shape-outside: circle();
    shape-outside: circle();
    margin-right: 2rem;
    padding: 2px 5px 5px 2px;
    background: white;
    border-left: 1px solid #f1c40f;
    border-top: 1px solid #f1c40f;
    border-right: 5px solid #f1c40f;
    border-bottom: 5px solid #f1c40f;
  }
</style>

<h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  Neurodiversity (archive)
  <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
</h1>
<section>
  <article>
    <h3><a href="http://tdotc.eu/2018/06/09/neurodiversity/">Source originale du contenu</a></h3>
    <blockquote class="pull-quote">
“One way to understand neurodiversity is to think in terms of human
operating systems. Just because a <span class="caps">PC</span> is not running Windows,
doesn&#8217;t mean that it&#8217;s broken. By autistic standards, the ‘normal’
human brain is easily distractable, obsessively social, and suffers
from a deficit of attention to detail.” — Steve Silberman, author
of <a class="reference external" href="http://stevesilberman.com/book/neurotribes/">Neurotribes</a>.</blockquote>

<p class="center">❦❦❦</p>

<p>… and suffers from a deficit of attention to detail, just like
Windows, I would&nbsp;add.</p>

<p>I came across this quote while watching a semi-related video about
autism (linked at the bottom) by Sarah and Liam Harvey. There is much
I could write about autism—and I will probably do, in time—but today
I&#8217;ll focus on&nbsp;neurodiversity.</p>

<p>The quote from Steve Silberman hit me surprisingly hard&nbsp;today.</p>

<p>Truth is, long before I realized I was autistic, I had abandoned
Windows and discovered the joy of alternative operating systems. I had
customized my own computer, but what I was truly cherishing, as early
at fourteen years old was the sheer diversity of operating systems in
existence. I knew that was called “diversity” but I did not know, back
then, what the word “diversity” means for others&nbsp;today.</p>

<p>What I did know, however, is that mentioning other operating systems
than Windows was attracting bad sorts of attention: mockery,
disapproval, fear, a general form of opprobrium which I quickly
learned to avoid at all costs. Without access to a group of peers
(that came six years later), I simply hid my technical
endeavors. Played “make pretend” by staying knowledgeable on Windows
developments, attempting to reskin the appearance of my software
towards “normality” (with more or less, and often less,&nbsp;success).</p>

<p>For context, remember: these were the 90s, the time where Intel and
Microsoft were king. Computers were still super expensive. And I was
being raised in a conservative, often reactionary
environment. Unorthodoxy in computing was <em>seriously</em>&nbsp;unpopular.</p>

<p>The discovery that one could <em>choose</em> an operating system had been
already a foundational learning moment, which reshaped my intellectual
endeavours and set me on a path I am still walking more than twenty
years since. But what most fascinated me was the study of differences
between the available options. Why these differences existed, since
when, who was responsible for them, what kind of person was using one
operating system more than another. And the next most astonishing,
disappointing and emotionally devastating discovery for me was that
<em>no one else cared</em>—to the&nbsp;contrary.</p>

<p>What I was doing was not “normal”; it was <em>bad</em>, and the fact that I
found beauty in this diversity made me even <em>worse</em>. So I hid.  I felt
lonely, guilty, and it brought me bad habits that haunt me to this
day: I still avoid sharing what I learn or my intellectual hobbies
with my peers, my family and my friends. Out of learned fear they
might&nbsp;disapprove.</p>

<p>And today, I hear Steve Silberman drawing this analogy between
neurotypism and “normal” operating systems, and <em>I understand</em>—for
the first time, ever, I understand the fears, the loneliness, the
suffering of neuroatypicals, especially teenagers, and their&nbsp;parents.</p>

<p class="center">❦❦❦</p>

<p>The irony of the situation is not lost on&nbsp;me.</p>

<p>I now wear my autism on my sleeve, and I openly and regularly
highlight to peers and new acquaintances how it impedes my
activities. So I often “feel” the assumptions by friends and
acquaintances that autism has brought me pain and misery in my
childhood; I sometimes “feel” when they censor themselves from asking
me questions about it, to avoid re-opening imagined old&nbsp;wounds.</p>

<p>The truth is, I did not <em>suffer</em> of autism. It was there, and probably
made certain things more difficult than otherwise (especially
respective to social interactions and friendmaking), but it never was
something I would resent about myself. There has never been self-hate
about this. I had sufficiently many other concerns going, and,
foremost, I lacked so much self-awareness (…yay autism…), that it
never came up to me that autism was a thing I should be concerned
about, or that others may be concerned with. Not the least because I
simply didn&#8217;t <em>know</em> I was&nbsp;autistic.</p>

<p>Sure, I got bullied plenty, but the bullying was focused on other
topics. The fact that my language use was not appropriate for my age
group, for example. Or that I performed above expectations at school
assignments. Or that I was doing irregular things with computers. My
life today is more complicated because of what I experienced in
<em>those</em> dimensions early on, but not much so because of&nbsp;autism.</p>

<p>The fight to make neurodiversity visible and accepted is not my
fight. Insofar there is a “movement”, I am not part of it. I did not
suffer, so I do not deserve&nbsp;it.</p>

<p class="center">❦❦❦</p>

<p>The illustration used by Sarah Harvey in her video looks like&nbsp;this:</p>

<p><a class="reference external" href="/2018/06/09/neurodiversity/images/neurodiversity.jpg"><img alt="neurodiversity" src="/2018/06/09/neurodiversity/images/neurodiversity.jpg?w=400" /></a></p>

<p>I see this rainbow lettering as a cute form of <a class="reference external" href="https://en.wikipedia.org/wiki/Cultural_appropriation">cultural
appropriation</a>. I initially figured it makes the “fight” more real,
but on second thought I think it is meant to attract allies: those who
already support sexual and gender diversity could perhaps be made to
extend their support to neurodiversity by appealing to the same&nbsp;symbols.</p>

<p>The parallels are striking,&nbsp;even.</p>

<p>There is a similar fear and loneliness of children, teenagers and&nbsp;parents.</p>

<p>There is a similar anxiety of adults who discover a new way to lead
their existence after another existence of self-denial or&nbsp;self-ignorance.</p>

<p>There is a similar fight for recognition, for&nbsp;acceptance.</p>

<p>There is a similar ignorance of the masses, education to be&nbsp;given.</p>

<p>There is similar active disinformation by opposing forces, politics to
be&nbsp;played.</p>

<p>There are, similarly, social rules to be learned, to be adapted. There
are friends and family members to be&nbsp;accommodated.</p>

<p>There are, similarly, traditions that cannot be continued as-is and
must be&nbsp;transformed.</p>

<p>The colors are&nbsp;fitting.</p>

<p>At <a class="reference external" href="https://en.wikipedia.org/wiki/Stonewall_riots">Stonewall</a>, the transsexuals fought for the rights and acceptance of
homosexuals, bisexuals and other deviants. The Ts <em>had</em> to fight
as their need for medical attention and public accommodation forced
them in the open. In our time, narcoleptics, Tourette&#8217;s, deep autists,
and bipolars fight for the rights and acceptance of HFAs, ADHDs and
dyslexics. They fight for us because <em>they</em> cannot hide, so they might
as well&nbsp;fight.</p>

<p>And I feel indebted to them, as much as I was grateful for what the
Ts did for me before&nbsp;then.</p>

<p class="center">❦❦❦</p>

<p>A startup that I currently work with is very much concerned with
“diversity.” Report after report, presentation after presentation, I
get to hear how “we should strive for more diversity” and how “little
diverse” our group currently&nbsp;is.</p>

<p>This bothers me to no end. Ostensibly, the only thing that seems to
matter is the Equal Opportunity laws and the percentage of female and
non-white employees (and, after sufficiently many employees, the
number of medically handicapped hires, as mandated by&nbsp;law).</p>

<p>I mean, I get it, the fact that there are only two women in a team of
20+ engineers is a Problem with a capital P, one that needs serious
attention. Ditto for the number of non-white employees. The ratios
inside the group should really mirror that of the population at large,
and currently they don&#8217;t, so there&#8217;s work to do. And I am fine with
that&nbsp;work.</p>

<p>But can we, please, not call this “lack of&nbsp;diversity”?</p>

<p>Every time I read or hear that “we have a diversity problem” or “our
team is not diverse,” I feel that I am being pushed back in the&nbsp;closet.</p>

<p>Cultural diversity is an asset. International backgrounds make people
more mindful accepting of different value systems. Conversations get
lifted away from simple banter. With more than ten different cultural
and a large combinatorial multiplication by several socio-economic
backgrounds, this team has very little risk let discussions and
decision-making become biased by poorly defined “common sense” or
“shared values” and instead focuses on more tangible and objective&nbsp;arguments.</p>

<p>Sexual diversity is an asset. This group is even right on track there:
as the group grew, the overall gender balance (including non-technical
staff) is getting better, and I was happy to discover that the second
openly gay staff member was a woman. It&#8217;s almost as if women and men
have an equal probability to be gay, and that a small team can display
the same ratios as the general population. What a surprise,&nbsp;right?!</p>

<p>Neurodiversity is an asset. One of the most fun, smart, entertaining
and foremost beloved team members is an <span class="caps">ADHD</span> lighthouse. I am <em>so</em>
proud and grateful to be able to see them as a publicly recognized
(and rewarded) model that I can follow. There is a demographically
appropriate distribution of dyslexia, autism, <span class="caps">OCD</span>, <span class="caps">SPD</span> and other
divergences, and the surrounding social group is amazingly tolerant
and embracing of this diversity. So why does it not get reported on,
acknowledged,&nbsp;celebrated?</p>

<p>Why do I still get to hear that “we have a diversity&nbsp;problem”?</p>

<p class="center">❦❦❦</p>

<p>June 18 is <a class="reference external" href="https://en.wikipedia.org/wiki/Autistic_Pride_Day">Autistic Pride Day</a>. Be there, be proud. I probably&nbsp;will.</p>

<blockquote>
<p class="center">❦❦❦</p>
</blockquote>
  </article>
</section>


<nav id="jumpto">
  <p>
    <a href="/david/blog/">Accueil du blog</a> |
    <a href="http://tdotc.eu/2018/06/09/neurodiversity/">Source originale</a> |
    <a href="/david/stream/2019/">Accueil du flux</a>
  </p>
</nav>

<footer>
  <div>
    <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
    <p>
      Bonjour/Hi!
      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>
      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>).
    </p>
    <p>
      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>.
    </p>
    
    <p>
      Voici quelques articles choisis :
      <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
      <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
      <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
      <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
      <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
      <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
      <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
      <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
      <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
      <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
      <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
      <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
      <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
      <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
      <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
      et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
    </p>
    <p>
      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>.
    </p>
    <p>
      Je ne traque pas ta navigation mais mon
      <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
      conserve des logs d’accès.
    </p>
  </div>
</footer>
<script type="text/javascript">
  ;(_ => {
    const jumper = document.getElementById('jumper')
    jumper.addEventListener('click', e => {
      e.preventDefault()
      const anchor = e.target.getAttribute('href')
      const targetEl = document.getElementById(anchor.substring(1))
      targetEl.scrollIntoView({behavior: 'smooth'})
    })
  })()
</script>