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>Coworking et permaculture (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://www.mutinerie.org/coworking-et-permaculture/">

<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>
  Coworking et permaculture (archive)
  <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
</h1>
<section>
  <article>
    <h3><a href="http://www.mutinerie.org/coworking-et-permaculture/">Source originale du contenu</a></h3>
    <p><i>Vous le savez surement, mais Mutinerie a récemment lancé un espace de coworking / gite à la campagne: <a href="http://www.mutinerie.org/village-homepage-2/">Mutinerie Village</a>. Tant qu’à pouvoir travailler de n’importe où, pourquoi pas le faire entouré de verdure, forêts et rivières plutôt que de bétons, voitures et immeubles ? Ne faisant pas les choses à moitié, nous nous sommes mis en tête de mettre en place un potager en <a href="http://fr.wikipedia.org/wiki/Permaculture" target="_blank">permaculture</a>, l’idée étant, à terme, de viser une quasi-indépendance alimentaire puis énergétique au village. En nous penchant sur le sujet, nous avons été frappés des similitudes entre les logiques qui sous-tendent coworking et permaculture :</i></p>

<p><a href="http://www.mutinerie.org/coworking-et-permaculture/arrosage_ete/" rel="attachment wp-att-29111"><img class="aligncenter size-full wp-image-29111" alt="Potager de Mutinerie Village" src="http://www.mutinerie.org/wp-content/uploads/2014/08/arrosage_été.jpg"/></a>
<h1>La logique d’écosystème</h1>
<p>A l’inverse de l’agriculture industrielle qui vise à augmenter la productivité par agriculteur via la mécanisation, la standardisation des semences et l’utilisation de produits chimiques et OGM, la permaculture raisonne en terme d’écosystèmes. Elle tente de recréer un « mini-monde » ou chaque plante ou insectes joue un rôle positif et est complémentaire avec les autres plantes.</p>
<p>Les pucerons peuvent par exemple être éliminés si vous parvenez à attirer dans votre potager des coccinelles qui en feront leurs repas. La permaculture refuse l’utilisation de semences « standards » qui placent les agriculteurs dans une dépendance face aux grands groupes et empêchent l’adaptation des plantes et espèces à leur environnement. Saviez-vous qu’il faut par exemple seulement deux générations aux graines pour adapter leur patrimoine génétique aux spécificités de leur sol ?</p>
<p>Au lieu de mettre en place d’énormes surfaces en monoculture, la permaculture va procéder par association judicieuses de plantes. Certaines enrichissant le sol en azote, seront placées à proximité de plantes qui en prélèvent en quantité. Certains types de plantes repoussant ou attirant certains types d’insectes seront stratégiquement réparties sur le potager, rendant inutile l’utilisation de quelconques produits chimiques.</p>
<blockquote><p>Cette idée de complémentarité et de diversité est omniprésente dans les espaces de coworking. La pluridisciplinarité est par exemple un élément clé. Il ne s’agit pas ici de mettre les « experts » entre eux, mais plutôt de diversifier les compétences et personnalités.</p></blockquote>
<p>Nous ne comptons aujourd’hui plus le nombre de collaborations entre coworkers. Allant du simple conseil à des contrats signés ensemble, elles sont quotidiennes. Cela ne veut pas dire qu’elles sont automatiques ! Elles ne sont pas un dû mais le résultat d’une certaine posture de la part des coworkers.</p>
<p>C’est l’un des paradoxes des espaces de coworking: la plus grande valeur qu’ils délivrent n’est pas « garantie ». Pourtant, statiquement, nous pouvons aujourd’hui affirmer que pour la grande majorité des coworkers, rejoindre Mutinerie fut un excellent investissement.</p>
<h1>Le « design » de l’espace</h1>
<p>Oui, la permaculture demande un vrai travail de design en amont ! L’idée est double: tirer au maximum parti des éléments constitutifs du terrain d’une part (topologie, composition du sol, exposition, présence d’eau…) afin de maximiser l’efficacité de la ferme, et minimiser le travail humain et les déplacements d’autre part. Les plantes demandant un entretien plus fréquent ou utilisées fréquemment dans la cuisine (plantes aromatiques par exemple) seront placées à proximité du lieu de vie.</p>
<blockquote><p>Le créateur d’un espace de coworking de la même manière prend en compte ces contraintes lors du design de son espace.</p></blockquote>
<p>D’abord il doit s’adapter à la « morphologie » de son espace. Il n’y a pas de recettes miracles pour designer un espace, d’autant que ceux-ci se localisent principalement dans des anciens lieux à réhabiliter (ancienne usine, commerces, fabriques…). Il faut donc composer avec ce que l’on a.</p>
<p>Le design prendra également en compte l’importance des différentes composantes de l’espace et tentera de maximiser les opportunités de rencontres et d’interactions tout en laissant la possibilité aux coworkers de s’isoler. A Mutinerie, la localisation de la zone café à l’entrée est par exemple primordiale. D’une part c’est un lieu souvent fréquenté, et d’autres part il créé une interaction entre les coworkers car avant de s’installer à leur poste, les coworkers doivent traverser cet espace vivant. Enfin le coworking sera conçu de façon à être efficace d’un point de vue purement opérationnel (rangements, stocks, événementiel etc…)</p>
<h1>La pollinisation</h1>
<p>Les paysans l’ont toujours su: la présence de pollinisateurs est essentielle ! Si l’on parle si souvent des abeilles, c’est que leur rôle est crucial dans la production agricole. L’exemple de <a href="http://usbek-et-rica.fr/yann-moulier-boutang" target="_blank">Yann Moulier-Boutang</a> dans son ouvrage « <a href="http://www.amazon.fr/Labeille-l%C3%A9conomiste-Yann-Moulier-Boutang/dp/2355360308" target="_blank">l’abeille et l’économiste</a> » illustre bien le fonctionnement et l’importance de la pollinisation aussi bien dans l’agriculture que dans la société:</p>
<p>Le marché du miel dans le monde est un marché, d’environ 4 milliards d’euro, mais sans les abeilles, on estime que c’est 30% de la production agricole totale qui disparaitrait. Ce qui représenterait une perte de 1000 milliards d’Euro !</p>
<blockquote><p>Que dirait-on d’une science économique qui, observant les abeilles ne voyait que le rendement en miel et oublierait presque totalement l’activité représentant l’essentiel de la valeur d’une ruche; la pollinisation ?</p></blockquote>
<p>Cela ne vaudrait évidement pas grand chose. C’est pourtant comme cela qu’a été construite la science économique moderne et c’est cette mauvaise interprétation de la création de valeur qui amène a des situations écologiques aberrantes où des agriculteurs chinois doivent désormais polliniser leurs pommiers à la main…</p>
<p>La pollinisation est également cruciale dans les espaces de coworking et contribue largement à la valeur ajoutée de l’espace; échanges d’informations, de contacts, de compétences, créations de liens de confiance, entraide…</p>
<blockquote><p>Chaque jour, les nombreuses interactions d’apparence aléatoires et chaotiques, contribuent à tisser un ensemble cohérent et utile à tous.</p></blockquote>
<p><a href="https://copass.org" target="_blank">Copass</a>, le réseau international d’espace de coworking permet de développer cette logique, cette fois pas seulement entre les coworkers mais entre les espaces de coworking et les communautés qui les peuplent afin de créer un sorte « d’écosystème entre écosystèmes »</p>
<h1>La « durabilité »</h1>
<p>Comme son nom l’indique, l’un des piliers de la permaculture et son aspect durable. Alors que l’agriculture industrielle et les engrais chimiques détruisent les sols en éradiquant les micro-organismes et autres vers de terre indispensables à la formation de l’humus, la permaculture enrichi en permanence la terre. Ainsi année après année, la terre devient de plus en plus riche et généreuse.</p>
<p>Le coworking applique ces mêmes logiques.</p>
<blockquote><p>Plus une communauté existe depuis longtemps, plus elle a de valeur.</p></blockquote>
<p>Au delà des coworkers, la communauté peut compter sur les « anciens », sur les connections faites lors des nombreux évènements qu’elle accueille, ainsi que sur des liens plus forts entre personnes car forgés sur le temps long. Ainsi l’espace deviendra de plus en plus efficace à mesure qu’il grandit.</p>
<p><strong>Conclusion :</strong></p>
<p>En somme, coworking et permaculture fonctionnent selon les même logiques. Ils s’adaptent à l’environnement plutôt que de tenter de le plier et de le standardiser. Ils valorisent la diversité et raisonnement en terme de complémentarité et d’écosystème plutôt que de fragmenter les tâches et professions. Ils maximisent l’occurrence des rencontres et des complémentarités. Ils ne tentent pas de tout contrôler mais savent créer les conditions propices à l’épanouissement.</p>
<p>Ce faisant, ils permettent la création de valeur de manière durable et respectueuse du vivant. Les logiques « industrielles » montrent aujourd’hui leurs limites. Elles épuisent les ressources, génèrent bien souvent des externalités négatives et ne sait prendre en compte toute la complexité des logiques du vivant, à la base de l’agriculture et des sociétés humaines.</p></p>
  </article>
</section>


<nav id="jumpto">
  <p>
    <a href="/david/blog/">Accueil du blog</a> |
    <a href="http://www.mutinerie.org/coworking-et-permaculture/">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>