5 år sedan · 228f64faff
--- a/david/templates/arlesien.html
+++ b/david/templates/arlesien.html
@@ -0,0 +1,33 @@
 {% extends "base.html" %}
 {% block title %}Arlésien{% endblock %}
 {% block content %}
  <h1>Propositions pour Arles</h1>
  <section>
    <article>
      <h2>Préambule</h2>
      <p><em>Je ne suis affilié à aucun parti politique, il s’agit de simples propositions pour améliorer la vie de ma cité. Je suis disposé à en discuter avec d’autres citoyens intéressés par la concrétisation de ces projets. Propositions rédigées en janvier 2014.</em></p>
    </article>
    <article>
      <h2>Proposition 1 : Rendre le Bd des Lices piéton</h2>
      <p>C’est déjà le cas lorsqu’il y a le marché entre la rue Gambetta et le Bd Emile Combes, rendre cet espace piéton de façon permanente permettrait de le transformer en lieu de vie. Il pourrait être agrémenté de centres d’intérêts citoyens sur la culture, l’innovation ou l’actualité de la ville. Il serait à co-construire avec les habitants.</p>
      <h2>Proposition 2 : Aménager les quais du Rhône</h2>
      <p>Les quais du Rhône ont été restaurés mais manquent cruellement d’aménagements. Ils ne sont à l’heure actuelle ni un lieu de détente, ni un lieu festif, au mieux on s’y promène en slalomant entre les déjections canines. Il faut s’inspirer de ce qui a été fait dans d’autres villes fluviales comme Lyon où des péniches accostées amènent de la vie et du divertissement.</p>
      <h2>Proposition 3 : Délimiter des espaces sportifs</h2>
      <p>Il y a beaucoup de coureurs et de promeneurs sur les digues aux alentours d’Arles, prévoir des passages protégés pour traverser les routes et des points d’eau pour s’hydrater transformerait ces espaces en zones alliant sécurité et bien-être. Une partie des Alpilles pourrait être interdite à la chasse afin de rendre les ballades conviviales et moins stressantes.</p>
      <h2>Proposition 4 : Créer un réseau local d’échanges</h2>
      <p>Les sentiers numériques mis en place sont utiles pour les touristes mais il manque un canal de communication entre la ville et les citoyens ainsi qu’entre les citoyens arlésiens. Une borne Wifi longue portée permettait de connecter les résidents entre eux via un réseau local dédié aux échanges d’informations, d’idées et d’actions.</p>
      <h2>Proposition 5 : Diffuser de l’info en temps-réel</h2>
      <p>Quels sont les établissements publics ouverts aujourd’hui ? Est-ce que ma boulangerie sera ouverte lundi ? Quels sont les événements prévus ce week-end ? Par la ville ? Par les associations ? Par les bars ? Les informations diffusées sur le blog de la ville ou les réseaux sociaux sont insuffisants et manquent de pertinence/réactivité.</p>
      <h2>Proposition 6 : Collecter les déchets triés</h2>
      <p>Les infrastructures disponibles en centre-ville sont insuffisantes pour permettre aux citoyens arlésiens d’effectuer un tri efficace. Des containers enterrés permettraient de stocker les ordures sans empiéter sur l’espace public. Ces lieux de passage quasi-quotidien pourraient être des espaces de troc et de recyclage.</p>
      <h2>Proposition 7 : Transformer les arènes</h2>
      <p>Les arènes actuelles sont synonyme de tradition archaïque, il serait possible d’en faire un espace de jeu, d’apprentissage et de détente pour les arlésiens. La structure circulaire concentrique se prête bien à la création et à l’expérimentation.</p>
      <h2>Proposition 8 : Faciliter la proximité</h2>
      <p>Organiser des événements dédiés à la citoyenneté et à l’échange de savoirs pour aller vers une économie de la contribution et en profiter pour relever les problématiques rapportées sur le territoire. Élaborer des solutions avec les parties prenantes et mesurer à intervalles réguliers l’avancée des projets.</p>
      <h2>Proposition 9 : Encourager l’OpenData</h2>
      <p>Non pas uniquement un <em>OpenData</em> public mais aussi privé, non pas en libérant les données qui arrangent la puissance publique ou la politique en place mais celles qui sont pertinentes pour les citoyens. L’objectif n’est pas seulement ici de créer des services innovants pour gagner des <em>hackathons</em> mais de rendre service aux arlésiens, en prenant soin de leurs données.</p>
      <h2>Proposition 10 : Reconstruire un pont</h2>
      <p>La reconstruction de l’ancien pont ferroviaire en amont de la ville entre les têtes de pont surplombées par de lions permettrait de joindre les 2 rives via un accès uniquement piéton en toute sérénité. Ce pont offrirait un point de vue exceptionnel sur la ville et joindrait les 2 quais rénovés pour une ballade à la fois touristique et plaisante.</p>
    </article>
  </section>
 {% endblock content %}
--- a/david/templates/base.html
+++ b/david/templates/base.html
@@ -0,0 +1,82 @@
 <!doctype html>
 <html lang={% block lang %}fr{% endblock lang %}{% block extra_html %}{% endblock extra_html %}>
 <head>
  <!-- Always define the charset before the title -->
  <meta charset=utf-8>
  <title>{% block title %}{% endblock %} — David Larlet</title>
  <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <!-- Fake favicon, to avoid extra request to the server -->
  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  <link rel="manifest" href="/manifest.json">
  {% if css.inline %}
  <style type="text/css">
    /* Origin: {{ css.filename }}
    The CSS is served inline for permance matters, you can find the source at:
    https://larlet.fr/static/david/css/larlet-david.css
    */
    {{ css.content }}
  </style>
  {% else %}
  <link rel="stylesheet" href="/static/david/css/{{ css.filename }}" data-instant-track />
  {% endif %}
  <noscript>
    <style type="text/css">
      /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
      body {
        font-family: 'EquityTextB', serif;
      }
      h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
        font-family: 'EquityCapsB', sans-serif;
        font-variant: normal;
      }
    </style>
  </noscript>
  {% block extra_head %}
    <meta name="description" content="David Larlet, architecte web intéressé par l’esthétique, le minimalisme et les liens." />
    <!-- Canonical URL for SEO purposes -->
    <link rel="canonical" href="https://larlet.fr/">
  {% endblock extra_head %}
 </head>
 <body>
  <div>
    {% block header %}
    <header>
      <nav>
        <p>
          <small>
            Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
          </small>
        </p>
      </nav>
    </header>
    {% endblock header %}
    {% block content %}{% endblock content %}
    {% block footer %}
    <footer>
      <nav>
        <p>
          <small>
            Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
          </small>
        </p>
      </nav>
    </footer>
    {% endblock footer %}
  </div>
  {% if js.inline %}
  <script>
    /* Origin: {{ js.filename }}
    The JS is served inline for permance matters, you can find the source at:
    https://larlet.fr/static/david/js/larlet-david.js
    */
    {{ js.content }}
  </script>
  {% else %}
  <script src="/static/david/js/{{ js.filename }}" data-no-instant></script>
  {% endif %}
  <script data-no-instant>InstantClick.init()</script>
  {% block extra_footer %}{% endblock extra_footer %}
 </body>
 </html>
--- a/david/templates/base_2017.html
+++ b/david/templates/base_2017.html
@@ -0,0 +1,479 @@
 <!doctype html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang={% block lang %}fr{% endblock lang %}>
 <!-- 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>{% block title %}{% endblock %} — 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/">
 {% block extra_head %}{% endblock extra_head %}
 <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: 'TriplicateT4c';
  src: url('/static/david/css/fonts/Triplicate-T4-Code-Regular-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Triplicate-T4-Code-Regular-webfont.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:first-child {
    border-top: 1vh solid #2d7474;
  }
  nav:last-child {
    border-bottom: 1vh solid #2d7474;
  }
  nav a {
    color: #f0f0ea;
  }
  nav abbr {
    border-bottom: 1px dotted white;
  }

 h1 {
  border-bottom: .2vh solid #2d7474;
  background-color: #e3e1e1;
  color: #323a45;
  text-align: center;
  padding: 2rem 0 1rem;
  width: 100%;
 }
 h2 {
  margin: 4rem 0 1rem;
  border-top: .2vh solid #2d7474;
 }
 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;
  background-color: #2d7474;
  color: #e3e1e1;
  padding: .29rem 1rem;
  float: right;
 }
 ul, ol {
  margin: 2rem;
 }
 ul {
  list-style-type: square;
 }
 a {
  text-decoration-skip-ink: auto;
 }
 article {
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  margin: 3rem auto 1rem auto;
 }
  article p:last-child {
    margin-bottom: 1rem;
  }
 p {
  padding: 0 .5rem;
 }
  p + 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;
  }

 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 {
    width: 250px;
    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 {
  font-size: .95rem;
  line-height: calc( 1.5em + 0.2 * 1rem );
 }
 h1 {
  font-size: 1.7rem;
  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 {
    font-size: calc( .95rem + .6 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h1 {
    font-size: calc( 1.7rem + 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 {
    font-size: calc( .95rem + .6 * 1rem );
    line-height: 1.5em;
  }
  h1 {
    font-size: calc( 1.7rem + 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 {
    width: 500px;
    height: 500px;
  }
  blockquote {
    margin-left: -1.5rem;
  }
 }

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

 /* https://github.com/richleland/pygments-css */
 .codehilite{
    background-color: #fdf6e3;
    margin: 1rem auto;
    padding: 1rem;
    overflow-x:auto;
    box-shadow:inset 0 0 2px rgba(0,0,0,0.2)
 }
 .codehilite .t{color:#586e75}
 .codehilite .w{color:#073642}
 .codehilite .err{color:#cb4b16}
 .codehilite .k{color:#859900}
 .codehilite .kc{color:#2aa198}
 .codehilite .kd{color:#268bd2}
 .codehilite .kn{color:#b58900}
 .codehilite .kp{color:#859900}
 .codehilite .kr{color:#073642}
 .codehilite .kt{color:#b58900}
 .codehilite .n{color:#586e75}
 .codehilite .na{color:#2aa198}
 .codehilite .nb{color:#268bd2}
 .codehilite .nc{color:#268bd2}
 .codehilite .ne{color:#cb4b16}
 .codehilite .no{color:#2aa198}
 .codehilite .nd{color:#2aa198}
 .codehilite .ni{color:#2aa198;font-weight:bold}
 .codehilite .nf{color:#268bd2}
 .codehilite .nn{color:#586e75}
 .codehilite .nt{color:#2aa198;font-weight:bold}
 .codehilite .nv{color:#cb4b16}
 .codehilite .b{color:#859900}
 .codehilite .bp{color:#586e75}
 .codehilite .v{color:#586e75}
 .codehilite .vc{color:#586e75}
 .codehilite .vg{color:#268bd2}
 .codehilite .vi{color:#268bd2}
 .codehilite .m{color:#268bd2}
 .codehilite .mf{color:#268bd2}
 .codehilite .mh{color:#268bd2}
 .codehilite .mi{color:#268bd2}
 .codehilite .mo{color:#268bd2}
 .codehilite .s{color:#2aa198}
 .codehilite .sb{color:#2aa198}
 .codehilite .sc{color:#2aa198}
 .codehilite .sd{color:#2aa198}
 .codehilite .s2{color:#2aa198}
 .codehilite .se{color:#cb4b16}
 .codehilite .sh{color:#2aa198}
 .codehilite .si{color:#cb4b16}
 .codehilite .sx{color:#2aa198}
 .codehilite .sr{color:#cb4b16}
 .codehilite .s1{color:#2aa198}
 .codehilite .ss{color:#cb4b16}
 .codehilite .il{color:#268bd2}
 .codehilite .o{color:#586e75}
 .codehilite .ow{color:#859900}
 .codehilite .p{color:#586e75}
 .codehilite .c{color:#93a1a1;font-style:italic}
 .codehilite .cm{color:#93a1a1}
 .codehilite .cp{color:#93a1a1}
 .codehilite .c1{color:#93a1a1}
 .codehilite .cs{color:#93a1a1}
 .codehilite .hll{background-color:#dc322f}
 .codehilite .g{color:#586e75}
 .codehilite .gd{color:#586e75}
 .codehilite .ge{font-style:italic}
 .codehilite .gr{color:#586e75}
 .codehilite .gh{color:#586e75;font-weight:bold}
 .codehilite .gi{color:#586e75}
 .codehilite .go{color:#586e75}
 .codehilite .gp{color:#586e75}
 .codehilite .gs{font-weight:bold}
 .codehilite .gu{color:#586e75;font-weight:bold}
 .codehilite .gt{color:#586e75}

@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; }
 }

 /* Dark theme */
 [lang=en] body {
  background: #323a45;
 }
  [lang=en] article,
  [lang=en] article em,
  [lang=en] article strong {
    color: #f0f0ea;
  }
    [lang=en] article a {
      color: #ffbd2b;
    }
    [lang=en] article a:visited {
      color: #ff6b03;
    }
  [lang=en] blockquote,
  [lang=en] figure {
    background: #111930;
    color: #ccc;
  }
 </style>
 <nav>
  <p>
    <a href="/david/" title="Profil public">David&nbsp;Larlet</a> partage ses <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et sa <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a>.
  </p>
 </nav>
 {% block content %}{% endblock content %}
 {% block nav %}{% endblock nav %}
 {% block aside %}
 <aside>
  <p>
    Articles choisis :
    <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/2015/travail-transition/" title="Accéder à l’article complet">Travail en transition</a>,
    <a href="/david/blog/2015/pairmutation-travail/" title="Accéder à l’article complet">La pairmutation du travail</a>,
    <a href="/david/blog/2015/principes-web/" title="Accéder à l’article complet">Principes Web</a>,
    <a href="/david/blog/2015/travail-transition/" title="Accéder à l’article complet">Travail en transition</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>
 </aside>
 {% endblock aside %}
 <nav>
  <p>
    <abbr title="Lieu de vie et de potentielles rencontres actuel">Montréal</abbr> ·
    <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Contact</a> ·
    <a href="http://larlet.com" title="Identité professionnelle">[Travailler ensemble ?]</a> ·
    <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">Hébergeur</abbr> ·
    <a href="/david/log/" title="S’abonner aux publications via RSS">Flux</a>
  </p>
 </nav>
 {% block extrajs %}{% endblock %}
--- a/david/templates/base_2019.html
+++ b/david/templates/base_2019.html
@@ -0,0 +1,603 @@
 <!doctype html><!-- This is a valid HTML5 document. -->
 <!-- Screen readers, SEO, extensions and so on. -->
 <html lang={% block lang %}fr{% endblock lang %}>
 <!-- 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>{% block title %}{% endblock %} — 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/">
 {% block extra_head %}{% endblock extra_head %}
 <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;
 }
 {# Restricted to characters:
  https://www.fontsquirrel.com/tools/webfont-generator
  Protection: Web only
  Custom subsetting: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzéàè!?().:,…«» œôêû-—0123456789ÉÀÊÈÔ’/·%
  Em Square Value : 1000
 #}
@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;
 }
 {% if has_code %}
  @font-face {
    font-family: 'TriplicateT4c';
    src: url('/static/david/css/fonts/Triplicate-T4-Code-Regular-webfont.woff2') format('woff2'),
         url('/static/david/css/fonts/Triplicate-T4-Code-Regular-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
 {% endif %}

 /* 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;
  }

 {% if has_code %}
  /* https://github.com/richleland/pygments-css */
  .codehilite{
      background-color: #fdf6e3;
      margin: 1rem auto;
      padding: 1rem;
      overflow-x:auto;
      box-shadow:inset 0 0 2px rgba(0,0,0,0.2)
  }
  .codehilite .t{color:#586e75}
  .codehilite .w{color:#073642}
  .codehilite .err{color:#cb4b16}
  .codehilite .k{color:#859900}
  .codehilite .kc{color:#2aa198}
  .codehilite .kd{color:#268bd2}
  .codehilite .kn{color:#b58900}
  .codehilite .kp{color:#859900}
  .codehilite .kr{color:#073642}
  .codehilite .kt{color:#b58900}
  .codehilite .n{color:#586e75}
  .codehilite .na{color:#2aa198}
  .codehilite .nb{color:#268bd2}
  .codehilite .nc{color:#268bd2}
  .codehilite .ne{color:#cb4b16}
  .codehilite .no{color:#2aa198}
  .codehilite .nd{color:#2aa198}
  .codehilite .ni{color:#2aa198;font-weight:bold}
  .codehilite .nf{color:#268bd2}
  .codehilite .nn{color:#586e75}
  .codehilite .nt{color:#2aa198;font-weight:bold}
  .codehilite .nv{color:#cb4b16}
  .codehilite .b{color:#859900}
  .codehilite .bp{color:#586e75}
  .codehilite .v{color:#586e75}
  .codehilite .vc{color:#586e75}
  .codehilite .vg{color:#268bd2}
  .codehilite .vi{color:#268bd2}
  .codehilite .m{color:#268bd2}
  .codehilite .mf{color:#268bd2}
  .codehilite .mh{color:#268bd2}
  .codehilite .mi{color:#268bd2}
  .codehilite .mo{color:#268bd2}
  .codehilite .s{color:#2aa198}
  .codehilite .sb{color:#2aa198}
  .codehilite .sc{color:#2aa198}
  .codehilite .sd{color:#2aa198}
  .codehilite .s2{color:#2aa198}
  .codehilite .se{color:#cb4b16}
  .codehilite .sh{color:#2aa198}
  .codehilite .si{color:#cb4b16}
  .codehilite .sx{color:#2aa198}
  .codehilite .sr{color:#cb4b16}
  .codehilite .s1{color:#2aa198}
  .codehilite .ss{color:#cb4b16}
  .codehilite .il{color:#268bd2}
  .codehilite .o{color:#586e75}
  .codehilite .ow{color:#859900}
  .codehilite .p{color:#586e75}
  .codehilite .c{color:#93a1a1;font-style:italic}
  .codehilite .cm{color:#93a1a1}
  .codehilite .cp{color:#93a1a1}
  .codehilite .c1{color:#93a1a1}
  .codehilite .cs{color:#93a1a1}
  .codehilite .hll{background-color:#dc322f}
  .codehilite .g{color:#586e75}
  .codehilite .gd{color:#586e75}
  .codehilite .ge{font-style:italic}
  .codehilite .gr{color:#586e75}
  .codehilite .gh{color:#586e75;font-weight:bold}
  .codehilite .gi{color:#586e75}
  .codehilite .go{color:#586e75}
  .codehilite .gp{color:#586e75}
  .codehilite .gs{font-weight:bold}
  .codehilite .gu{color:#586e75;font-weight:bold}
  .codehilite .gt{color:#586e75}
 {% endif %}

@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>
 {% block content %}{% endblock content %}
 {% block nav %}{% endblock 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>
    {% if note_list %}
      <p>
        Les dernières publications hebdomadaires sont :
      </p>
      <ul class="with_columns">
        {% for note in note_list %}
          <li>
            <a href="{{ note.url }}">{{ note.title }}</a>
          </li>
        {% endfor %}
      </ul>
    {% endif %}
    <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>
 {% block extrajs %}{% endblock %}
--- a/david/templates/base_stream_twitter.html
+++ b/david/templates/base_stream_twitter.html
@@ -0,0 +1,14 @@
 {% extends "base.html" %}
 {% block title %}Stream{% endblock %}
 {% block content %}
 <h5>
    Gazouillis archivés pour
    <a href="/david/stream/2014/" title="Accès aux archives pour l’année 2014">2014</a>,
    <a href="/david/stream/2013/" title="Accès aux archives pour l’année 2013">2013</a>,
    <a href="/david/stream/2012/" title="Accès aux archives pour l’année 2012">2012</a>,
    <a href="/david/stream/2011/" title="Accès aux archives pour l’année 2011">2011</a>,
    <a href="/david/stream/2010/" title="Accès aux archives pour l’année 2010">2010</a>,
    <a href="/david/stream/2009/" title="Accès aux archives pour l’année 2009">2009</a>
    via <a href="https://twitter.com/davidbgk/" title="Accès à mon compte twitter">Twitter</a>.
 </h5>
 {% endblock content %}
--- a/david/templates/biologeek-archives.html
+++ b/david/templates/biologeek-archives.html
@@ -0,0 +1,735 @@
 {% extends "base.html" %}
 {% block title %}Archives — Biologeek{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/">
 {% endblock %}
 {% block content %}
 <section>
  <h1>Archives Biologeek</h1>
  <h2>Billets publiés en 2012</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20120131-resolutions-rediriger-economiser-et-debattre/" title="Lire le billet intitulé ★ Résolutions : rediriger, économiser et débattre">★ Résolutions : rediriger, économiser et débattre</a></li>
  </ul>
  <h2>Billets publiés en 2011</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20110426-bilan-sur-les-rencontres-django-2011/" title="Lire le billet intitulé Bilan sur les rencontres Django 2011">Bilan sur les rencontres Django 2011</a></li>
    <li><a href="/david/biologeek/archives/20110328-les-outils-manquants-opendata/" title="Lire le billet intitulé Les outils manquants de l&#39;OpenData">Les outils manquants de l&#39;OpenData</a></li>
    <li><a href="/david/biologeek/archives/20110322-retour-sur-lopendata-et-nous-et-nous-et-nous/" title="Lire le billet intitulé Retour sur l&#39;OpenData et nous, et nous, et nous ?">Retour sur l&#39;OpenData et nous, et nous, et nous ?</a></li>
    <li><a href="/david/biologeek/archives/20110112-resolutions-decouvrir-concretiser-et-transmettre/" title="Lire le billet intitulé ★ Résolutions : découvrir, concrétiser et transmettre">★ Résolutions : découvrir, concrétiser et transmettre</a></li>
  </ul>
  <h2>Billets publiés en 2010</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20101210-format-de-conference-pour-les-rencontres-django-2011/" title="Lire le billet intitulé Format de conférence pour les rencontres Django 2011">Format de conférence pour les rencontres Django 2011</a></li>
    <li><a href="/david/biologeek/archives/20101206-strategie-de-chiffrement-des-donnees-et-emails/" title="Lire le billet intitulé Stratégie de chiffrement des données et emails">Stratégie de chiffrement des données et emails</a></li>
    <li><a href="/david/biologeek/archives/20101203-un-projet-python-de-lidee-la-publication/" title="Lire le billet intitulé Un projet Python : de l&#39;idée à la publication">Un projet Python : de l&#39;idée à la publication</a></li>
    <li><a href="/david/biologeek/archives/20101130-de-lopendata-au-linkeddata-exemple-de-nosdonneesfr/" title="Lire le billet intitulé ★ De l&#39;OpenData au LinkedData : exemple de nosdonnees.fr">★ De l&#39;OpenData au LinkedData : exemple de nosdonnees.fr</a></li>
    <li><a href="/david/biologeek/archives/20100522-critique-de-livres-photo-2/" title="Lire le billet intitulé Critique de livres photo 2">Critique de livres photo 2</a></li>
    <li><a href="/david/biologeek/archives/20100512-quelques-conseils-photo/" title="Lire le billet intitulé Quelques conseils photo">Quelques conseils photo</a></li>
    <li><a href="/david/biologeek/archives/20100429-strategie-de-sauvegarde-ssd-nas/" title="Lire le billet intitulé Stratégie de sauvegarde SSD + NAS">Stratégie de sauvegarde SSD + NAS</a></li>
    <li><a href="/david/biologeek/archives/20100427-bilan-personnel-sur-djangocong/" title="Lire le billet intitulé Bilan personnel sur djangocong">Bilan personnel sur djangocong</a></li>
    <li><a href="/david/biologeek/archives/20100121-rencontres-django-marseille-le-we-du-2425-avril/" title="Lire le billet intitulé Rencontres Django à Marseille le WE du 24/25 avril">Rencontres Django à Marseille le WE du 24/25 avril</a></li>
    <li><a href="/david/biologeek/archives/20100103-resolutions-redistribuer-produire-et-bouger/" title="Lire le billet intitulé Résolutions : redistribuer, produire et bouger">Résolutions : redistribuer, produire et bouger</a></li>
  </ul>
  <h2>Billets publiés en 2009</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20091211-pourquoi-python-et-django/" title="Lire le billet intitulé ★ Pourquoi Python et Django">★ Pourquoi Python et Django</a></li>
    <li><a href="/david/biologeek/archives/20091202-discussions-sur-les-applications-web-libres/" title="Lire le billet intitulé ★ Discussions sur les applications web libres">★ Discussions sur les applications web libres</a></li>
    <li><a href="/david/biologeek/archives/20091031-critique-de-livres-photo/" title="Lire le billet intitulé Critique de livres photo">Critique de livres photo</a></li>
    <li><a href="/david/biologeek/archives/20091014-scrum-python-et-django-montpellier/" title="Lire le billet intitulé Scrum, Python et Django à Montpellier">Scrum, Python et Django à Montpellier</a></li>
    <li><a href="/david/biologeek/archives/20091013-securite-twitter-confiance-habitudes/" title="Lire le billet intitulé Sécurité, twitter, confiance et habitudes">Sécurité, twitter, confiance et habitudes</a></li>
    <li><a href="/david/biologeek/archives/20091012-retours-chaud-sur-paris-web-2009/" title="Lire le billet intitulé Retours à chaud sur Paris-Web 2009">Retours à chaud sur Paris-Web 2009</a></li>
    <li><a href="/david/biologeek/archives/20090921-retours-sur-le-social-web-camp-paris/" title="Lire le billet intitulé Retours sur le Social Web Camp Paris">Retours sur le Social Web Camp Paris</a></li>
    <li><a href="/david/biologeek/archives/20090615-ouvert-et-decentralise-est-ce-suffisant/" title="Lire le billet intitulé Ouvert et décentralisé, est-ce suffisant ?">Ouvert et décentralisé, est-ce suffisant ?</a></li>
    <li><a href="/david/biologeek/archives/20090605-google-wave-une-fois-la-vague-de-buzz-retombee/" title="Lire le billet intitulé Google Wave, une fois la vague de buzz retombée">Google Wave, une fois la vague de buzz retombée</a></li>
    <li><a href="/david/biologeek/archives/20090526-django-roa-pour-une-architecture-orientee-ressources/" title="Lire le billet intitulé ★ Django-ROA, pour une architecture orientée ressources">★ Django-ROA, pour une architecture orientée ressources</a></li>
    <li><a href="/david/biologeek/archives/20090327-reflexions-sur-les-conferences-de-geeks/" title="Lire le billet intitulé Réflexions sur les conférences de geeks">Réflexions sur les conférences de geeks</a></li>
    <li><a href="/david/biologeek/archives/20090313-lelitisme-de-la-curiosite/" title="Lire le billet intitulé ★ L&#39;élitisme de la curiosité">★ L&#39;élitisme de la curiosité</a></li>
    <li><a href="/david/biologeek/archives/20090221-son-propre-tinyurl-en-python-et-html5-avec-webpy/" title="Lire le billet intitulé Son propre TinyURL en Python et HTML5 avec webpy">Son propre TinyURL en Python et HTML5 avec webpy</a></li>
    <li><a href="/david/biologeek/archives/20090217-internet-minitel-cloud-gratuite-et-liberte/" title="Lire le billet intitulé Internet, minitel, cloud, gratuité et liberté">Internet, minitel, cloud, gratuité et liberté</a></li>
    <li><a href="/david/biologeek/archives/20090125-mieux-communiquer-sur-openid-et-oauth/" title="Lire le billet intitulé Mieux communiquer sur OpenID et OAuth">Mieux communiquer sur OpenID et OAuth</a></li>
    <li><a href="/david/biologeek/archives/20090102-bilan-apres-une-annee-de-freelance/" title="Lire le billet intitulé ★ Bilan après une année de freelance">★ Bilan après une année de freelance</a></li>
  </ul>
  <h2>Billets publiés en 2008</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20081223-comprendre-google-native-client/" title="Lire le billet intitulé Comprendre Google Native Client">Comprendre Google Native Client</a></li>
    <li><a href="/david/biologeek/archives/20081209-choisissez-votre-avenir/" title="Lire le billet intitulé ★ Choisissez votre avenir">★ Choisissez votre avenir</a></li>
    <li><a href="/david/biologeek/archives/20081117-le-web-semantique-ou-limportance-des-donnees-liees/" title="Lire le billet intitulé ★ Le Web Sémantique ou l&#39;importance des données liées">★ Le Web Sémantique ou l&#39;importance des données liées</a></li>
    <li><a href="/david/biologeek/archives/20081104-37signals-ce-quils-ont-appris/" title="Lire le billet intitulé 37signals : ce qu&#39;ils ont appris">37signals : ce qu&#39;ils ont appris</a></li>
    <li><a href="/david/biologeek/archives/20081024-interfaces-didentificationenregistrement-openid-et-ergonomie/" title="Lire le billet intitulé Interfaces d&#39;identification/enregistrement, OpenID et ergonomie">Interfaces d&#39;identification/enregistrement, OpenID et ergonomie</a></li>
    <li><a href="/david/biologeek/archives/20081015-design-centre-sur-activite-et-sur-attention/" title="Lire le billet intitulé Design centré sur l&#39;activité ET sur l&#39;attention">Design centré sur l&#39;activité ET sur l&#39;attention</a></li>
    <li><a href="/david/biologeek/archives/20081008-critique-du-livre-designing-obvious/" title="Lire le billet intitulé Critique du livre Designing the obvious">Critique du livre Designing the obvious</a></li>
    <li><a href="/david/biologeek/archives/20080907-pourquoi-avoir-peur-de-google/" title="Lire le billet intitulé ★ Pourquoi avoir peur de Google ?">★ Pourquoi avoir peur de Google ?</a></li>
    <li><a href="/david/biologeek/archives/20080902-sortie-de-django-10-une-annee-de-nouveautes/" title="Lire le billet intitulé Sortie de Django 1.0, une année de nouveautés">Sortie de Django 1.0, une année de nouveautés</a></li>
    <li><a href="/david/biologeek/archives/20080829-enfin-un-design-pour-biologeek/" title="Lire le billet intitulé Enfin un design pour biologeek !">Enfin un design pour biologeek !</a></li>
    <li><a href="/david/biologeek/archives/20080811-rdf-adn-de-notre-identite-numerique/" title="Lire le billet intitulé ★ RDF, l&#39;ADN de notre identité numérique ?">★ RDF, l&#39;ADN de notre identité numérique ?</a></li>
    <li><a href="/david/biologeek/archives/20080723-ipheedsorg-une-version-iphone-pour-votre-blog/" title="Lire le billet intitulé ★ iPheeds.org, une version iPhone pour votre blog">★ iPheeds.org, une version iPhone pour votre blog</a></li>
    <li><a href="/david/biologeek/archives/20080716-differences-entre-identification-autorisation-et-authentification/" title="Lire le billet intitulé Différences entre identification, autorisation et authentification">Différences entre identification, autorisation et authentification</a></li>
    <li><a href="/david/biologeek/archives/20080713-decouvrons-oauth-avec-mixin-et-django-oauth/" title="Lire le billet intitulé ★ Découvrons OAuth avec mixin (et django-oauth)">★ Découvrons OAuth avec mixin (et django-oauth)</a></li>
    <li><a href="/david/biologeek/archives/20080701-critique-du-livre-presentation-zen/" title="Lire le billet intitulé Critique du livre Presentation Zen">Critique du livre Presentation Zen</a></li>
    <li><a href="/david/biologeek/archives/20080613-artiste-qui-sommeille-en-chaque-geek/" title="Lire le billet intitulé ★ L&#39;artiste qui sommeille en chaque geek">★ L&#39;artiste qui sommeille en chaque geek</a></li>
    <li><a href="/david/biologeek/archives/20080604-architecture-web-moderne-et-agile/" title="Lire le billet intitulé ★ Architecture web moderne et agile">★ Architecture web moderne et agile</a></li>
    <li><a href="/david/biologeek/archives/20080531-firefox-download-day-record-de-stupidite/" title="Lire le billet intitulé Firefox Download Day : record de stupidité">Firefox Download Day : record de stupidité</a></li>
    <li><a href="/david/biologeek/archives/20080528-critique-du-livre-ergonomie-web/" title="Lire le billet intitulé Critique du livre Ergonomie Web">Critique du livre Ergonomie Web</a></li>
    <li><a href="/david/biologeek/archives/20080521-conferences-django-pour-pycon-fr/" title="Lire le billet intitulé ★ Conférences Django pour PyCon fr">★ Conférences Django pour PyCon fr</a></li>
    <li><a href="/david/biologeek/archives/20080511-bonnes-pratiques-et-astuces-python/" title="Lire le billet intitulé Bonnes pratiques et astuces Python">Bonnes pratiques et astuces Python</a></li>
    <li><a href="/david/biologeek/archives/20080425-le-point-sur-rdf-et-rdfa/" title="Lire le billet intitulé ★ Le point sur RDF et RDFa">★ Le point sur RDF et RDFa</a></li>
    <li><a href="/david/biologeek/archives/20080423-biologeek-enfin-propulse-par-django/" title="Lire le billet intitulé Biologeek (enfin) propulsé par Django">Biologeek (enfin) propulsé par Django</a></li>
    <li><a href="/david/biologeek/archives/20080409-google-app-engine-avantages-et-inconvenients/" title="Lire le billet intitulé Google App Engine : avantages et inconvénients">Google App Engine : avantages et inconvénients</a></li>
    <li><a href="/david/biologeek/archives/20080402-atelier-d-introduction-au-web-semantique/" title="Lire le billet intitulé Atelier d&#39;introduction au web sémantique">Atelier d&#39;introduction au web sémantique</a></li>
    <li><a href="/david/biologeek/archives/20080328-feelances-on-tourne-7-questions-pour-5-freelances-web/" title="Lire le billet intitulé ★ Freelances, on tourne : 7 questions pour 5 freelances web">★ Freelances, on tourne : 7 questions pour 5 freelances web</a></li>
    <li><a href="/david/biologeek/archives/20080308-metiers-passions-et-ou-remunerateurs/" title="Lire le billet intitulé Métiers passions et/ou rémunérateurs">Métiers passions et/ou rémunérateurs</a></li>
    <li><a href="/david/biologeek/archives/20080227-mieux-que-gratuit-le-business-model-reinvente/" title="Lire le billet intitulé ★ Mieux que gratuit : le business model réinventé">★ Mieux que gratuit : le business model réinventé</a></li>
    <li><a href="/david/biologeek/archives/20080211-astuces-et-bonnes-pratiques-django/" title="Lire le billet intitulé ★ Astuces et bonnes pratiques Django">★ Astuces et bonnes pratiques Django</a></li>
    <li><a href="/david/biologeek/archives/20080207-mixin-un-agenda-pas-comme-les-autres/" title="Lire le billet intitulé mixin : un agenda pas comme les autres">mixin : un agenda pas comme les autres</a></li>
    <li><a href="/david/biologeek/archives/20080202-retour-en-provence/" title="Lire le billet intitulé Retour en Provence">Retour en Provence</a></li>
    <li><a href="/david/biologeek/archives/20080120-estimer-le-cout-d-une-mission-pour-un-developpeur-freelance/" title="Lire le billet intitulé Estimer le coût d&#39;une mission pour un développeur freelance">Estimer le coût d&#39;une mission pour un développeur freelance</a></li>
    <li><a href="/david/biologeek/archives/20080112-ma-killer-app-pour-le-web-semantique/" title="Lire le billet intitulé ★ Ma killer app pour le Web Sémantique">★ Ma killer app pour le Web Sémantique</a></li>
    <li><a href="/david/biologeek/archives/20080101-resolutions-etre-aimer-et-faire/" title="Lire le billet intitulé Résolutions : être, aimer et faire">Résolutions : être, aimer et faire</a></li>
  </ul>
  <h2>Billets publiés en 2007</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20071230-apml-un-profil-dont-vous-etes-le-heros/" title="Lire le billet intitulé APML, un profil dont vous êtes le héros">APML, un profil dont vous êtes le héros</a></li>
    <li><a href="/david/biologeek/archives/20071224-mozilla-weave-la-liberation-des-donnees-utilisateurs-par-mozilla/" title="Lire le billet intitulé Mozilla Weave : la libération des données utilisateurs par Mozilla">Mozilla Weave : la libération des données utilisateurs par Mozilla</a></li>
    <li><a href="/david/biologeek/archives/20071215-good-action-la-publicite-ecologique-et-ethique/" title="Lire le billet intitulé Good Action : la publicité écologique et éthique">Good Action : la publicité écologique et éthique</a></li>
    <li><a href="/david/biologeek/archives/20071208-spammeurs-2-0-passez-votre-chemin/" title="Lire le billet intitulé Spammeurs 2.0, passez votre chemin">Spammeurs 2.0, passez votre chemin</a></li>
    <li><a href="/david/biologeek/archives/20071202-gweb-peut-on-encore-rever-d-un-web-libre/" title="Lire le billet intitulé GWeb, peut-on encore rêver d&#39;un web libre ?">GWeb, peut-on encore rêver d&#39;un web libre ?</a></li>
    <li><a href="/david/biologeek/archives/20071124-quel-avenir-pour-les-applications-web-libres/" title="Lire le billet intitulé ★ Quel avenir pour les applications web libres ?">★ Quel avenir pour les applications web libres ?</a></li>
    <li><a href="/david/biologeek/archives/20071122-bilan-sur-paris-web-2007/" title="Lire le billet intitulé Bilan sur Paris Web 2007">Bilan sur Paris Web 2007</a></li>
    <li><a href="/david/biologeek/archives/20071117-12-regles-d-ergonomie-web-par-amelie-boucher/" title="Lire le billet intitulé 12 règles d&#39;ergonomie web par Amélie Boucher">12 règles d&#39;ergonomie web par Amélie Boucher</a></li>
    <li><a href="/david/biologeek/archives/20071114-erreurs-classiques-de-freelances-et-leurs-solutions/" title="Lire le billet intitulé Erreurs classiques de freelances et leurs solutions">Erreurs classiques de freelances et leurs solutions</a></li>
    <li><a href="/david/biologeek/archives/20071112-premieres-impressions-a-chaud-sur-mac-os-x-leopard/" title="Lire le billet intitulé Premières impressions à chaud sur Mac OS X Leopard">Premières impressions à chaud sur Mac OS X Leopard</a></li>
    <li><a href="/david/biologeek/archives/20071110-10-solutions-inedites-pour-ameliorer-votre-pagerank/" title="Lire le billet intitulé 10 solutions inédites pour améliorer votre PageRank">10 solutions inédites pour améliorer votre PageRank</a></li>
    <li><a href="/david/biologeek/archives/20071108-conseils-pour-s-eviter-les-prises-de-tete-lorsqu-on-est-freelance/" title="Lire le billet intitulé Conseils pour s&#39;éviter les prises de tête lorsqu&#39;on est freelance">Conseils pour s&#39;éviter les prises de tête lorsqu&#39;on est freelance</a></li>
    <li><a href="/david/biologeek/archives/20071106-merci-a-tous/" title="Lire le billet intitulé Merci à tous">Merci à tous</a></li>
    <li><a href="/david/biologeek/archives/20071105-freelance-django-enfin-independant/" title="Lire le billet intitulé ★ Freelance Django, enfin indépendant">★ Freelance Django, enfin indépendant</a></li>
    <li><a href="/david/biologeek/archives/20071030-le-futur-du-developpement-logiciel/" title="Lire le billet intitulé Le futur du développement logiciel">Le futur du développement logiciel</a></li>
    <li><a href="/david/biologeek/archives/20071014-critique-du-livre-donne-moi-ce-que-je-veux/" title="Lire le billet intitulé Critique du livre Donne moi ce que je veux !">Critique du livre Donne moi ce que je veux !</a></li>
    <li><a href="/david/biologeek/archives/20071007-des-vacances-et-des-liens/" title="Lire le billet intitulé Des vacances et des liens">Des vacances et des liens</a></li>
    <li><a href="/david/biologeek/archives/20071005-recette-du-francais-en-vacances-a-l-etranger/" title="Lire le billet intitulé Recette du français en vacances à l&#39;étranger">Recette du français en vacances à l&#39;étranger</a></li>
    <li><a href="/david/biologeek/archives/20070906-web-social-rendez-nous-le-controle-de-nos-donnees/" title="Lire le billet intitulé ★ Web social : rendez nous le contrôle de nos données !">★ Web social : rendez nous le contrôle de nos données !</a></li>
    <li><a href="/david/biologeek/archives/20070905-envie-de-developper-agilement-en-python-suivez-le-guide/" title="Lire le billet intitulé Envie de développer agilement en Python ? Suivez le guide !">Envie de développer agilement en Python ? Suivez le guide !</a></li>
    <li><a href="/david/biologeek/archives/20070831-blog-dayprime/" title="Lire le billet intitulé Blog dayprime">Blog dayprime</a></li>
    <li><a href="/david/biologeek/archives/20070830-critique-du-livre-restful-web-services/" title="Lire le billet intitulé Critique du livre RESTful Web Services">Critique du livre RESTful Web Services</a></li>
    <li><a href="/david/biologeek/archives/20070827-rdf-pour-tous-du-publicateur-au-developpeur-web/" title="Lire le billet intitulé RDF pour tous : du publicateur au développeur web">RDF pour tous : du publicateur au développeur web</a></li>
    <li><a href="/david/biologeek/archives/20070819-l-importance-du-rythme-vertical-en-design-css/" title="Lire le billet intitulé ★ L&#39;importance du rythme vertical en design CSS">★ L&#39;importance du rythme vertical en design CSS</a></li>
    <li><a href="/david/biologeek/archives/20070807-une-solution-pour-faciliter-la-conception-d-applications-web-restful-avec-django/" title="Lire le billet intitulé Une solution pour faciliter la conception d&#39;applications web RESTful avec Django">Une solution pour faciliter la conception d&#39;applications web RESTful avec Django</a></li>
    <li><a href="/david/biologeek/archives/20070802-publicite-ethique-et-cout-par-influence-sur-les-blogs/" title="Lire le billet intitulé Publicité éthique et coût par influence sur les blogs">Publicité éthique et coût par influence sur les blogs</a></li>
    <li><a href="/david/biologeek/archives/20070731-difficile-de-resister/" title="Lire le billet intitulé Difficile de résister">Difficile de résister</a></li>
    <li><a href="/david/biologeek/archives/20070706-pas-assez-d-une-vie/" title="Lire le billet intitulé Pas assez d&#39;une vie">Pas assez d&#39;une vie</a></li>
    <li><a href="/david/biologeek/archives/20070629-architecture-orientee-ressource-pour-faire-des-services-web-restful/" title="Lire le billet intitulé ★ L&#39;architecture orientée ressource pour faire des services web RESTful">★ L&#39;architecture orientée ressource pour faire des services web RESTful</a></li>
    <li><a href="/david/biologeek/archives/20070623-ajout-des-flux-rss-du-sitemap-et-des-commentaires-avec-django/" title="Lire le billet intitulé Ajout des flux RSS, du sitemap et des commentaires avec Django">Ajout des flux RSS, du sitemap et des commentaires avec Django</a></li>
    <li><a href="/david/biologeek/archives/20070615-bilan-sur-paris-capitale-du-libre-2007/" title="Lire le billet intitulé Bilan sur Paris Capitale du Libre 2007">Bilan sur Paris Capitale du Libre 2007</a></li>
    <li><a href="/david/biologeek/archives/20070609-l-intelligence-economique-veillle-technologique-en-pratique/" title="Lire le billet intitulé L&#39;intelligence économique (veille technologique) en pratique">L&#39;intelligence économique (veille technologique) en pratique</a></li>
    <li><a href="/david/biologeek/archives/20070603-django-fr-enfin-en-ligne/" title="Lire le billet intitulé Django-fr enfin en ligne \o/">Django-fr enfin en ligne \o/</a></li>
    <li><a href="/david/biologeek/archives/20070523-de-dotclear-a-django-migration-des-donnees-et-redirections/" title="Lire le billet intitulé De Dotclear à Django : migration des données et redirections">De Dotclear à Django : migration des données et redirections</a></li>
    <li><a href="/david/biologeek/archives/20070522-des-css-de-qualite/" title="Lire le billet intitulé ★ Des CSS de qualité">★ Des CSS de qualité</a></li>
    <li><a href="/david/biologeek/archives/20070519-presentation-de-django-aux-journees-python-francophones/" title="Lire le billet intitulé Présentation de Django aux journées Python francophones">Présentation de Django aux journées Python francophones</a></li>
    <li><a href="/david/biologeek/archives/20070516-torture/" title="Lire le billet intitulé Torture">Torture</a></li>
    <li><a href="/david/biologeek/archives/20070508-revue-du-portable-tecra-a8-sous-ubuntu-feisty/" title="Lire le billet intitulé Revue du portable Tecra A8 sous Ubuntu Feisty">Revue du portable Tecra A8 sous Ubuntu Feisty</a></li>
    <li><a href="/david/biologeek/archives/20070506-trouver-un-projet-d-application-web/" title="Lire le billet intitulé Trouver un projet d&#39;application web">Trouver un projet d&#39;application web</a></li>
    <li><a href="/david/biologeek/archives/20070501-developper-une-application-restful-avec-django/" title="Lire le billet intitulé ★ Développer une application RESTful avec Django">★ Développer une application RESTful avec Django</a></li>
    <li><a href="/david/biologeek/archives/20070429-de-la-publicite-sur-biologeek/" title="Lire le billet intitulé De la publicité sur biologeek ?">De la publicité sur biologeek ?</a></li>
    <li><a href="/david/biologeek/archives/20070426-comment-valoriser-la-communaute-des-logiciels-libres-aupres-des-professionnels/" title="Lire le billet intitulé Comment valoriser la communauté des Logiciels Libres auprès des professionnels ?">Comment valoriser la communauté des Logiciels Libres auprès des professionnels ?</a></li>
    <li><a href="/david/biologeek/archives/20070424-vues-generiques-heritage-et-templatetags-developpez-rapidement-avec-django/" title="Lire le billet intitulé Vues génériques, héritage et templatetags : développez rapidement avec Django">Vues génériques, héritage et templatetags : développez rapidement avec Django</a></li>
    <li><a href="/david/biologeek/archives/20070419-ontologies-et-biologie-l-espoir-du-web-semantique/" title="Lire le billet intitulé Ontologies et biologie : l&#39;espoir du web sémantique ?">Ontologies et biologie : l&#39;espoir du web sémantique ?</a></li>
    <li><a href="/david/biologeek/archives/20070418-myopenid-propose-des-solutions-interessantes-contre-le-phishing/" title="Lire le billet intitulé myOpenID propose des solutions intéressantes contre le phishing">myOpenID propose des solutions intéressantes contre le phishing</a></li>
    <li><a href="/david/biologeek/archives/20070416-le-guide-complet-du-debutant-freelance/" title="Lire le billet intitulé ★ Le guide complet du débutant freelance">★ Le guide complet du débutant freelance</a></li>
    <li><a href="/david/biologeek/archives/20070415-perennite-et-stockage-des-liens/" title="Lire le billet intitulé Pérennité et stockage des liens">Pérennité et stockage des liens</a></li>
    <li><a href="/david/biologeek/archives/20070413-pour-ne-plus-etre-en-rest-comprendre-cette-architecture/" title="Lire le billet intitulé ★ Pour ne plus être en REST, comprendre cette architecture">★ Pour ne plus être en REST, comprendre cette architecture</a></li>
    <li><a href="/david/biologeek/archives/20070412-initialisation-et-modeles-de-donnees-de-la-refonte/" title="Lire le billet intitulé Initialisation et modèles de données de la refonte">Initialisation et modèles de données de la refonte</a></li>
    <li><a href="/david/biologeek/archives/20070330-developpement-web-python-et-frameworks-tour-d-horizon-debut-2007/" title="Lire le billet intitulé Développement web python et frameworks, tour d&#39;horizon début 2007">Développement web python et frameworks, tour d&#39;horizon début 2007</a></li>
    <li><a href="/david/biologeek/archives/20070328-methode-pour-repondre-aux-mails-efficacement/" title="Lire le billet intitulé Méthode pour répondre aux mails efficacement">Méthode pour répondre aux mails efficacement</a></li>
    <li><a href="/david/biologeek/archives/20070323-modelisation-d-un-workflow-lineaire-avec-django/" title="Lire le billet intitulé Modélisation d&#39;un workflow linéaire avec Django">Modélisation d&#39;un workflow linéaire avec Django</a></li>
    <li><a href="/david/biologeek/archives/20070321-critique-du-livre-javascript-pour-le-web-20/" title="Lire le billet intitulé Critique du livre Javascript pour le web 2.0">Critique du livre Javascript pour le web 2.0</a></li>
    <li><a href="/david/biologeek/archives/20070317-bonne-continuation-ubuntu-fr/" title="Lire le billet intitulé ★ Bonne continuation Ubuntu-fr">★ Bonne continuation Ubuntu-fr</a></li>
    <li><a href="/david/biologeek/archives/20070313-le-cauchemard-des-reunions-internes/" title="Lire le billet intitulé Le cauchemar des réunions internes">Le cauchemar des réunions internes</a></li>
    <li><a href="/david/biologeek/archives/20070308-contenus-templates-url-agencement-interfaces/" title="Lire le billet intitulé Contenus + templates + URL + agencement = interfaces">Contenus + templates + URL + agencement = interfaces</a></li>
    <li><a href="/david/biologeek/archives/20070305-critique-du-livre-uml-2-modeliser-une-application-web/" title="Lire le billet intitulé Critique du livre UML 2 Modéliser une application web">Critique du livre UML 2 Modéliser une application web</a></li>
    <li><a href="/david/biologeek/archives/20070224-objectifs-et-motivations-de-la-refonte-de-ce-blog/" title="Lire le billet intitulé ★ Objectifs et motivations de la refonte de ce blog">★ Objectifs et motivations de la refonte de ce blog</a></li>
    <li><a href="/david/biologeek/archives/20070218-critique-du-livre-uml-2-pour-les-developpeurs/" title="Lire le billet intitulé Critique du livre UML 2 pour les développeurs">Critique du livre UML 2 pour les développeurs</a></li>
    <li><a href="/david/biologeek/archives/20070212-bien-debuter-avec-django-le-framework-web-python-pour-les-perfectionnistes-presses/" title="Lire le billet intitulé ★ Bien débuter avec Django : le framework web python pour les perfectionnistes pressés">★ Bien débuter avec Django : le framework web python pour les perfectionnistes pressés</a></li>
    <li><a href="/david/biologeek/archives/20070205-ergonomie-d-un-blog-analyse-des-reponses/" title="Lire le billet intitulé ★ Ergonomie d&#39;un blog : analyse des réponses">★ Ergonomie d&#39;un blog : analyse des réponses</a></li>
    <li><a href="/david/biologeek/archives/20070204-les-stickers-ubuntu-sont-arrives/" title="Lire le billet intitulé Les stickers Ubuntu sont arrivés !">Les stickers Ubuntu sont arrivés !</a></li>
    <li><a href="/david/biologeek/archives/20070201-ergonomie-d-un-blog-en-16-questions/" title="Lire le billet intitulé Ergonomie d&#39;un blog en 16 questions">Ergonomie d&#39;un blog en 16 questions</a></li>
    <li><a href="/david/biologeek/archives/20070131-reve-de-geek/" title="Lire le billet intitulé ★ Rêve de geek">★ Rêve de geek</a></li>
    <li><a href="/david/biologeek/archives/20070127-5-choses-a-dire/" title="Lire le billet intitulé 5 choses à dire">5 choses à dire</a></li>
    <li><a href="/david/biologeek/archives/20070117-definition-et-avantages-d-un-framework-web/" title="Lire le billet intitulé ★ Définition et avantages d&#39;un framework web">★ Définition et avantages d&#39;un framework web</a></li>
    <li><a href="/david/biologeek/archives/20070112-etapes-de-developpement-d-une-application-web/" title="Lire le billet intitulé Étapes de développement d&#39;une application web">Étapes de développement d&#39;une application web</a></li>
    <li><a href="/david/biologeek/archives/20070109-openid-et-phishing-sont-dans-un-bateau/" title="Lire le billet intitulé OpenID et phishing sont dans un bateau...">OpenID et phishing sont dans un bateau...</a></li>
    <li><a href="/david/biologeek/archives/20070108-django-1-0-etat-des-lieux/" title="Lire le billet intitulé Django 1.0, état des lieux">Django 1.0, état des lieux</a></li>
    <li><a href="/david/biologeek/archives/20070104-comment-utiliser-openid-la-solution-d-identification-tant-attendue/" title="Lire le billet intitulé ★ Comment utiliser OpenID, la solution d&#39;identification tant attendue">★ Comment utiliser OpenID, la solution d&#39;identification tant attendue</a></li>
    <li><a href="/david/biologeek/archives/20070102-bloguons-heureux-votons-caches/" title="Lire le billet intitulé Bloguons heureux, votons cachés.">Bloguons heureux, votons cachés.</a></li>
  </ul>
  <h2>Billets publiés en 2006</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20061230-joyeuses-fetes/" title="Lire le billet intitulé Joyeuses fêtes">Joyeuses fêtes</a></li>
    <li><a href="/david/biologeek/archives/20061217-critique-du-livre-admin-sys-gerer-son-temps/" title="Lire le billet intitulé Critique du livre Admin&#39; sys : gérer son temps... et interagir efficacement avec son environnement">Critique du livre Admin&#39; sys : gérer son temps... et interagir efficacement avec son environnement</a></li>
    <li><a href="/david/biologeek/archives/20061210-decouverte-macbook-et-comparaison-mac-os-x-ubuntu/" title="Lire le billet intitulé ★ Découverte Macbook et comparaison Mac OS X/Ubuntu">★ Découverte Macbook et comparaison Mac OS X/Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20061130-le-developpement-web-se-porte-bien/" title="Lire le billet intitulé Le développement web se porte bien">Le développement web se porte bien</a></li>
    <li><a href="/david/biologeek/archives/20061118-agregateur-liberez-vous-de-tous-ces-fils/" title="Lire le billet intitulé Agrégateur, libérez-vous de tous ces fils !">Agrégateur, libérez-vous de tous ces fils !</a></li>
    <li><a href="/david/biologeek/archives/20061101-une-verite-qui-m-a-derange/" title="Lire le billet intitulé Une vérité qui m&#39;a dérangé">Une vérité qui m&#39;a dérangé</a></li>
    <li><a href="/david/biologeek/archives/20061028-soiree-firefox-2-paris/" title="Lire le billet intitulé Soirée Firefox 2 Paris">Soirée Firefox 2 Paris</a></li>
    <li><a href="/david/biologeek/archives/20061025-benchmarks-map-filter-vs-list-comprehensions/" title="Lire le billet intitulé Benchmarks map, filter vs. list-comprehensions">Benchmarks map, filter vs. list-comprehensions</a></li>
    <li><a href="/david/biologeek/archives/20061025-ubuntu-elevator-pitch/" title="Lire le billet intitulé Ubuntu elevator pitch">Ubuntu elevator pitch</a></li>
    <li><a href="/david/biologeek/archives/20061019-enfin-flash-9-pour-linux/" title="Lire le billet intitulé Enfin flash 9 pour Linux !">Enfin flash 9 pour Linux !</a></li>
    <li><a href="/david/biologeek/archives/20061001-peer-to-peer-et-sauvegarde-croisee/" title="Lire le billet intitulé Peer-to-peer et sauvegarde croisée">Peer-to-peer et sauvegarde croisée</a></li>
    <li><a href="/david/biologeek/archives/20060921-encore-une-comparaison-django-ruby-on-rails-les-deux-frameworks-web-qui-buzzent/" title="Lire le billet intitulé Encore une comparaison Django/Ruby on Rails, les deux frameworks web qui buzzent">Encore une comparaison Django/Ruby on Rails, les deux frameworks web qui buzzent</a></li>
    <li><a href="/david/biologeek/archives/20060921-ubuntu-ipod-podlinux/" title="Lire le billet intitulé Ubuntu + iPod = PodLinux">Ubuntu + iPod = PodLinux</a></li>
    <li><a href="/david/biologeek/archives/20060920-gnu-linux-vs-mac-elements-de-reponse/" title="Lire le billet intitulé GNU/Linux vs. Mac : éléments de réponse">GNU/Linux vs. Mac : éléments de réponse</a></li>
    <li><a href="/david/biologeek/archives/20060916-gnu-linux-vs-mac-pourquoi-apple-ne-dominera-pas/" title="Lire le billet intitulé GNU/Linux vs. Mac : Pourquoi Apple ne dominera pas ?">GNU/Linux vs. Mac : Pourquoi Apple ne dominera pas ?</a></li>
    <li><a href="/david/biologeek/archives/20060912-petits-baillements-entre-amis/" title="Lire le billet intitulé Petits baillements entre amis">Petits baillements entre amis</a></li>
    <li><a href="/david/biologeek/archives/20060907-choisir-un-framework-web/" title="Lire le billet intitulé ★ Choisir un framework web">★ Choisir un framework web</a></li>
    <li><a href="/david/biologeek/archives/20060825-pourquoi-contribuer-aux-logiciels-libres/" title="Lire le billet intitulé ★ Pourquoi contribuer aux Logiciels Libres ?">★ Pourquoi contribuer aux Logiciels Libres ?</a></li>
    <li><a href="/david/biologeek/archives/20060823-documentation-ubuntu-fr-telechargeable-en-relecture/" title="Lire le billet intitulé ★ Documentation Ubuntu fr téléchargeable">★ Documentation Ubuntu fr téléchargeable</a></li>
    <li><a href="/david/biologeek/archives/20060817-photos-de-jessica-alba-nue/" title="Lire le billet intitulé Photos de Jessica Alba nue !">Photos de Jessica Alba nue !</a></li>
    <li><a href="/david/biologeek/archives/20060815-le-langage-de-template-django-pour-les-auteurs-de-templates/" title="Lire le billet intitulé Le langage de template Django : Pour les auteurs de templates">Le langage de template Django : Pour les auteurs de templates</a></li>
    <li><a href="/david/biologeek/archives/20060815-a-la-recherche-d-un-site-semantique/" title="Lire le billet intitulé ★ À la recherche d&#39;un site sémantique">★ À la recherche d&#39;un site sémantique</a></li>
    <li><a href="/david/biologeek/archives/20060814-analyse-des-donnees-utilisateur-d-aol-suite-et-fin/" title="Lire le billet intitulé Analyse des données utilisateur d&#39;AOL : suite et fin">Analyse des données utilisateur d&#39;AOL : suite et fin</a></li>
    <li><a href="/david/biologeek/archives/20060813-comprendre-ubuntu-et-le-ntfs/" title="Lire le billet intitulé ★ Comprendre Ubuntu et le NTFS">★ Comprendre Ubuntu et le NTFS</a></li>
    <li><a href="/david/biologeek/archives/20060812-critique-du-livre-ubuntu-hacks/" title="Lire le billet intitulé Critique du livre Ubuntu Hacks">Critique du livre Ubuntu Hacks</a></li>
    <li><a href="/david/biologeek/archives/20060812-je-suis-toujours-un-leve-tot/" title="Lire le billet intitulé Je suis toujours un lève-tôt">Je suis toujours un lève-tôt</a></li>
    <li><a href="/david/biologeek/archives/20060809-les-100-premiers-mots-cles-recherches-par-les-utilisateurs-d-aol/" title="Lire le billet intitulé Les 100 premiers mots-clés recherchés par les utilisateurs d&#39;AOL">Les 100 premiers mots-clés recherchés par les utilisateurs d&#39;AOL</a></li>
    <li><a href="/david/biologeek/archives/20060808-de-l-avenir-du-web/" title="Lire le billet intitulé ★ De l&#39;avenir du web">★ De l&#39;avenir du web</a></li>
    <li><a href="/david/biologeek/archives/20060802-pour-en-finir-avec-les-mot-de-passe-oublie/" title="Lire le billet intitulé Pour en finir avec les « Mot de passe oublié ? »">Pour en finir avec les « Mot de passe oublié ? »</a></li>
    <li><a href="/david/biologeek/archives/20060725-derniers-soubresauts/" title="Lire le billet intitulé Derniers soubresauts ?">Derniers soubresauts ?</a></li>
    <li><a href="/david/biologeek/archives/20060724-ubuntu-et-recyclage-ca-bouge-dans-le-monde-associatif/" title="Lire le billet intitulé Ubuntu et recyclage, ça bouge dans le monde associatif !">Ubuntu et recyclage, ça bouge dans le monde associatif !</a></li>
    <li><a href="/david/biologeek/archives/20060722-getting-things-done-gtd-ou-l-art-d-etre-efficace/" title="Lire le billet intitulé ★ Getting Things Done (GTD) ou l&#39;art d&#39;être efficace">★ Getting Things Done (GTD) ou l&#39;art d&#39;être efficace</a></li>
    <li><a href="/david/biologeek/archives/20060721-eclaircissez-vos-idees-avec-freemind-sous-ubuntu-dapper/" title="Lire le billet intitulé Éclaircissez vos idées avec Freemind sous Ubuntu Dapper">Éclaircissez vos idées avec Freemind sous Ubuntu Dapper</a></li>
    <li><a href="/david/biologeek/archives/20060715-comparaison-de-turbogears-et-django-deux-frameworks-web-python/" title="Lire le billet intitulé Comparaison de TurboGears et Django, deux frameworks web Python">Comparaison de TurboGears et Django, deux frameworks web Python</a></li>
    <li><a href="/david/biologeek/archives/20060711-ubuntu-et-depots-canonical-installez-les-applications-commerciales-opera-9-et-realplayer-10-simplement/" title="Lire le billet intitulé Ubuntu et dépôts Canonical : installez les applications commerciales Opera 9 et Realplayer 10 simplement">Ubuntu et dépôts Canonical : installez les applications commerciales Opera 9 et Realplayer 10 simplement</a></li>
    <li><a href="/david/biologeek/archives/20060707-installer-un-depot-subversion-sous-ubuntu/" title="Lire le billet intitulé ★ Installer un dépôt Subversion sous Ubuntu">★ Installer un dépôt Subversion sous Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20060705-bilan-sur-le-master-de-biologie-informatique-de-paris-7-jussieu/" title="Lire le billet intitulé Bilan sur le Master de Biologie-Informatique de Paris 7 (Jussieu)">Bilan sur le Master de Biologie-Informatique de Paris 7 (Jussieu)</a></li>
    <li><a href="/david/biologeek/archives/20060704-a-la-recherche-du-site-parfait/" title="Lire le billet intitulé À la recherche du site parfait">À la recherche du site parfait</a></li>
    <li><a href="/david/biologeek/archives/20060627-ubuntu-fr-etait-a-paris-capitale-du-libre/" title="Lire le billet intitulé Ubuntu-fr était à Paris Capitale du Libre">Ubuntu-fr était à Paris Capitale du Libre</a></li>
    <li><a href="/david/biologeek/archives/20060624-sommet-des-developpeurs-ubunteros-et-recontre-de-mark-shuttleworth/" title="Lire le billet intitulé Sommet des développeurs Ubunteros et recontre de Mark Shuttleworth !">Sommet des développeurs Ubunteros et recontre de Mark Shuttleworth !</a></li>
    <li><a href="/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-4-conception-d-un-formulaire-et-vues-generiques/" title="Lire le billet intitulé Rédaction de votre première appli Django, partie 4 : Conception d&#39;un formulaire et vues génériques">Rédaction de votre première appli Django, partie 4 : Conception d&#39;un formulaire et vues génériques</a></li>
    <li><a href="/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-3-creation-des-vues-de-l-interface-publique/" title="Lire le billet intitulé Rédaction de votre première appli Django, partie 3 : Création des vues de l&#39;interface publique">Rédaction de votre première appli Django, partie 3 : Création des vues de l&#39;interface publique</a></li>
    <li><a href="/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-2-exploration-de-l-interface-d-admin-auto-generee/" title="Lire le billet intitulé Rédaction de votre première appli Django, partie 2 : Exploration de l&#39;interface d&#39;admin auto-générée">Rédaction de votre première appli Django, partie 2 : Exploration de l&#39;interface d&#39;admin auto-générée</a></li>
    <li><a href="/david/biologeek/archives/20060617-redaction-de-votre-premiere-appli-django-partie-1-initialisation-creation-des-modeles-et-api-de-la-base-de-donnees/" title="Lire le billet intitulé Rédaction de votre première appli Django, partie 1 : Initialisation, création des modèles et API de la base de données">Rédaction de votre première appli Django, partie 1 : Initialisation, création des modèles et API de la base de données</a></li>
    <li><a href="/david/biologeek/archives/20060617-comment-installer-django/" title="Lire le billet intitulé Comment installer Django">Comment installer Django</a></li>
    <li><a href="/david/biologeek/archives/20060617-traduction-francaise-de-la-documentation-de-django-le-framework-web-python/" title="Lire le billet intitulé ★ Traduction française de la documentation de Django, le framework web python">★ Traduction française de la documentation de Django, le framework web python</a></li>
    <li><a href="/david/biologeek/archives/20060615-critique-du-livre-redesign-web-20/" title="Lire le billet intitulé Critique du livre Redesign Web 2.0">Critique du livre Redesign Web 2.0</a></li>
    <li><a href="/david/biologeek/archives/20060614-je-suis-devenu-un-leve-tot/" title="Lire le billet intitulé Je suis devenu un lève-tôt">Je suis devenu un lève-tôt</a></li>
    <li><a href="/david/biologeek/archives/20060612-ubuntu-dapper-et-mac-g5-une-solution/" title="Lire le billet intitulé Ubuntu Dapper et Mac G5, une solution ?">Ubuntu Dapper et Mac G5, une solution ?</a></li>
    <li><a href="/david/biologeek/archives/20060611-compte-rendu-sur-l-ubuntu-dapper-install-party/" title="Lire le billet intitulé Compte rendu sur l&#39;Ubuntu Dapper Install &amp;amp; Party !">Compte rendu sur l&#39;Ubuntu Dapper Install &amp;amp; Party !</a></li>
    <li><a href="/david/biologeek/archives/20060601-ubuntu-dapper-install-party/" title="Lire le billet intitulé Ubuntu Dapper Install &amp;amp; Party !">Ubuntu Dapper Install &amp;amp; Party !</a></li>
    <li><a href="/david/biologeek/archives/20060527-il-va-y-avoir-du-changement/" title="Lire le billet intitulé Il va y avoir du changement...">Il va y avoir du changement...</a></li>
    <li><a href="/david/biologeek/archives/20060519-arretez-avec-liferea/" title="Lire le billet intitulé Arrêtez avec Liferea !">Arrêtez avec Liferea !</a></li>
    <li><a href="/david/biologeek/archives/20060510-bilan-sur-la-bio-informatique/" title="Lire le billet intitulé ★ Bilan sur la bio-informatique">★ Bilan sur la bio-informatique</a></li>
    <li><a href="/david/biologeek/archives/20060505-pourquoi-programmer-en-python/" title="Lire le billet intitulé ★ Pourquoi programmer en Python ?">★ Pourquoi programmer en Python ?</a></li>
    <li><a href="/david/biologeek/archives/20060504-dedibox-free-propose-un-dedie-pas-cher/" title="Lire le billet intitulé Dedibox : Free propose un dédié pas cher !">Dedibox : Free propose un dédié pas cher !</a></li>
    <li><a href="/david/biologeek/archives/20060425-python-et-underscore/" title="Lire le billet intitulé Python : lisibilité vs simplicité">Python : lisibilité vs simplicité</a></li>
    <li><a href="/david/biologeek/archives/20060405-bio-informatique-transhumanisme-et-decroissance/" title="Lire le billet intitulé Bio-informatique, transhumanisme et décroissance...">Bio-informatique, transhumanisme et décroissance...</a></li>
    <li><a href="/david/biologeek/archives/20060404-dapper-digest-1/" title="Lire le billet intitulé Dapper Digest #1">Dapper Digest #1</a></li>
    <li><a href="/david/biologeek/archives/20060401-dapper-drake-retardee-de-six-mois/" title="Lire le billet intitulé Dapper Drake retardée de six mois !">Dapper Drake retardée de six mois !</a></li>
    <li><a href="/david/biologeek/archives/20060319-critique-du-livre-programmation-python/" title="Lire le billet intitulé Critique du livre Programmation Python">Critique du livre Programmation Python</a></li>
    <li><a href="/david/biologeek/archives/20060319-merci-loutre/" title="Lire le billet intitulé Merci loutre !">Merci loutre !</a></li>
    <li><a href="/david/biologeek/archives/20060315-pour-un-acces-a-la-connaissance-sans-exception/" title="Lire le billet intitulé Pour un accès à la connaissance sans exception">Pour un accès à la connaissance sans exception</a></li>
    <li><a href="/david/biologeek/archives/20060304-principales-nouveautes-dans-python-25/" title="Lire le billet intitulé Principales nouveautés dans Python 2.5">Principales nouveautés dans Python 2.5</a></li>
    <li><a href="/david/biologeek/archives/20060302-lancement-des-forums-francophones-gnome/" title="Lire le billet intitulé Lancement des forums francophones GNOME">Lancement des forums francophones GNOME</a></li>
    <li><a href="/david/biologeek/archives/20060226-critique-du-livre-ubuntu/" title="Lire le billet intitulé Critique du livre Ubuntu">Critique du livre Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20060219-critique-du-livre-le-zen-des-css/" title="Lire le billet intitulé Critique du livre le Zen des CSS">Critique du livre le Zen des CSS</a></li>
    <li><a href="/david/biologeek/archives/20060219-critiques-de-livres-aux-editions-eyrolles/" title="Lire le billet intitulé ★ Critiques de livres">★ Critiques de livres</a></li>
    <li><a href="/david/biologeek/archives/20060218-un-template-python-pour-parser-des-arguments/" title="Lire le billet intitulé Un template python pour parser des arguments">Un template python pour parser des arguments</a></li>
    <li><a href="/david/biologeek/archives/20060213-adieu-les-dunes/" title="Lire le billet intitulé Adieu les dunes...">Adieu les dunes...</a></li>
    <li><a href="/david/biologeek/archives/20060213-ubuntu-fr-a-solutions-linux/" title="Lire le billet intitulé Ubuntu-fr à Solutions Linux">Ubuntu-fr à Solutions Linux</a></li>
    <li><a href="/david/biologeek/archives/20060127-optimisation-des-chaines-de-caracteres-en-python-le-retour/" title="Lire le billet intitulé Optimisation des chaînes de caractères en Python : le retour !">Optimisation des chaînes de caractères en Python : le retour !</a></li>
    <li><a href="/david/biologeek/archives/20060125-le-printemps-en-avance-sur-biologeek/" title="Lire le billet intitulé Le printemps en avance sur biologeek ?">Le printemps en avance sur biologeek ?</a></li>
    <li><a href="/david/biologeek/archives/20060121-formatage-des-chaines-de-caracteres-en-python/" title="Lire le billet intitulé Formatage des chaînes de caractères en Python">Formatage des chaînes de caractères en Python</a></li>
    <li><a href="/david/biologeek/archives/20060121-optimisation-des-chaines-de-caracteres-en-python/" title="Lire le billet intitulé Optimisation des chaînes de caractères en Python">Optimisation des chaînes de caractères en Python</a></li>
    <li><a href="/david/biologeek/archives/20060121-bonnes-pratiques-de-la-programmation-en-python/" title="Lire le billet intitulé ★ Bonnes pratiques de la programmation en Python">★ Bonnes pratiques de la programmation en Python</a></li>
    <li><a href="/david/biologeek/archives/20060119-open-articles-liberez-votre-savoir/" title="Lire le billet intitulé ★ Open Articles : Libérez votre savoir !">★ Open Articles : Libérez votre savoir !</a></li>
    <li><a href="/david/biologeek/archives/20060118-un-nouveau-specimen-du-rire/" title="Lire le billet intitulé Un nouveau spécimen... du rire !">Un nouveau spécimen... du rire !</a></li>
  </ul>
  <h2>Billets publiés en 2005</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20051212-presentation-ubuntu-a-lag-de-globenet/" title="Lire le billet intitulé Présentation Ubuntu à l&#39;AG de Globenet">Présentation Ubuntu à l&#39;AG de Globenet</a></li>
    <li><a href="/david/biologeek/archives/20051203-convertisseur-de-syntaxes-wiki-dotclear-a-dokuwiki/" title="Lire le billet intitulé Convertisseur de syntaxes wiki Dotclear à Dokuwiki">Convertisseur de syntaxes wiki Dotclear à Dokuwiki</a></li>
    <li><a href="/david/biologeek/archives/20051130-bon-anniversaire-ubuntu-fr/" title="Lire le billet intitulé Bon anniversaire Ubuntu-fr !">Bon anniversaire Ubuntu-fr !</a></li>
    <li><a href="/david/biologeek/archives/20051124-point-dinterrogation-la-recherche/" title="Lire le billet intitulé Point d&#39;interrogation : la Recherche">Point d&#39;interrogation : la Recherche</a></li>
    <li><a href="/david/biologeek/archives/20051104-internet-explorer-605550-opera-85-et-firefox-15-avec-ubuntu/" title="Lire le billet intitulé Internet Explorer (6.0,5.5,5.0), Opera 8.5 et Firefox 1.5 avec Ubuntu">Internet Explorer (6.0,5.5,5.0), Opera 8.5 et Firefox 1.5 avec Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20051021-compilation-ubuntu/" title="Lire le billet intitulé Compilation Ubuntu">Compilation Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20051017-parser-un-fichier-pdb-en-python-facilement-et-efficacement/" title="Lire le billet intitulé ★ Parser un fichier PDB en python facilement et efficacement">★ Parser un fichier PDB en python facilement et efficacement</a></li>
    <li><a href="/david/biologeek/archives/20051016-promenade-parisienne/" title="Lire le billet intitulé Promenade parisienne">Promenade parisienne</a></li>
    <li><a href="/david/biologeek/archives/20050926-passer-graphiquement-de-hoary-a-breezy-via-un-cd-dinstallation/" title="Lire le billet intitulé Passer graphiquement de Hoary à Breezy via un CD d&#39;installation">Passer graphiquement de Hoary à Breezy via un CD d&#39;installation</a></li>
    <li><a href="/david/biologeek/archives/20050924-passer-graphiquement-de-hoary-a-breezy/" title="Lire le billet intitulé Passer graphiquement de Hoary à Breezy">Passer graphiquement de Hoary à Breezy</a></li>
    <li><a href="/david/biologeek/archives/20050922-jaime-mes-statistiques/" title="Lire le billet intitulé J&#39;aime mes statistiques !">J&#39;aime mes statistiques !</a></li>
    <li><a href="/david/biologeek/archives/20050916-evenements-ubuntu-ii-le-retour-dexperience/" title="Lire le billet intitulé Événements Ubuntu II - Le retour... d&#39;expérience">Événements Ubuntu II - Le retour... d&#39;expérience</a></li>
    <li><a href="/david/biologeek/archives/20050908-evenements-ubuntu/" title="Lire le billet intitulé Événements Ubuntu">Événements Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20050906-ubuntu-breezy-badger-nouveautes/" title="Lire le billet intitulé Ubuntu Breezy Badger : nouveautés !">Ubuntu Breezy Badger : nouveautés !</a></li>
    <li><a href="/david/biologeek/archives/20050820-votre-aggregateur-manquerait-il-de-fonctionnalites/" title="Lire le billet intitulé Votre aggrégateur manquerait-il de fonctionnalités ?">Votre aggrégateur manquerait-il de fonctionnalités ?</a></li>
    <li><a href="/david/biologeek/archives/20050726-why-asa-dotzler-isnt-ready-for-linux/" title="Lire le billet intitulé Why Asa Dotzler isn&#39;t ready for Linux">Why Asa Dotzler isn&#39;t ready for Linux</a></li>
    <li><a href="/david/biologeek/archives/20050726-cest-lete-profitez-en-pour-degraisser-votre-opml/" title="Lire le billet intitulé C&#39;est l&#39;été, profitez-en pour dégraisser votre OPML !">C&#39;est l&#39;été, profitez-en pour dégraisser votre OPML !</a></li>
    <li><a href="/david/biologeek/archives/20050726-confessions-dun-escroc/" title="Lire le billet intitulé Confessions d&#39;un escroc">Confessions d&#39;un escroc</a></li>
    <li><a href="/david/biologeek/archives/20050701-planet-reloaded/" title="Lire le billet intitulé Planet... reloaded !">Planet... reloaded !</a></li>
    <li><a href="/david/biologeek/archives/20050616-manifeste-du-biologeek/" title="Lire le billet intitulé ★ Manifeste du biologeek">★ Manifeste du biologeek</a></li>
    <li><a href="/david/biologeek/archives/20050614-planet-ubuntu-fr-org-cest-parti/" title="Lire le billet intitulé Planet.ubuntu-fr.org : c&#39;est parti !">Planet.ubuntu-fr.org : c&#39;est parti !</a></li>
    <li><a href="/david/biologeek/archives/20050607-agissons-weloveeuropeorg/" title="Lire le billet intitulé Agissons : WeLoveEurope.org">Agissons : WeLoveEurope.org</a></li>
    <li><a href="/david/biologeek/archives/20050606-xkill-gnome-terminal/" title="Lire le billet intitulé xkill gnome-terminal">xkill gnome-terminal</a></li>
    <li><a href="/david/biologeek/archives/20050530-deception/" title="Lire le billet intitulé Déception.">Déception.</a></li>
    <li><a href="/david/biologeek/archives/20050521-ubuntu-et-les-mises-a-jour-de-firefox-et-de-ses-extensions/" title="Lire le billet intitulé Ubuntu et les mises à jour de firefox et de ses extensions">Ubuntu et les mises à jour de firefox et de ses extensions</a></li>
    <li><a href="/david/biologeek/archives/20050519-planetubuntu-frorg-vous-voulez-quoi/" title="Lire le billet intitulé Planet.ubuntu-fr.org, vous voulez quoi ?">Planet.ubuntu-fr.org, vous voulez quoi ?</a></li>
    <li><a href="/david/biologeek/archives/20050512-firefox-moteur-de-recherche-et-peer-to-peer/" title="Lire le billet intitulé Firefox, moteur de recherche et peer-to-peer">Firefox, moteur de recherche et peer-to-peer</a></li>
    <li><a href="/david/biologeek/archives/20050507-ma-vie-vient-de-changer/" title="Lire le billet intitulé Ma vie vient de changer !">Ma vie vient de changer !</a></li>
    <li><a href="/david/biologeek/archives/20050502-inria-et-archives-ouvertes-hal-inria-et-ccsd/" title="Lire le billet intitulé INRIA et Archives Ouvertes (HAL-INRIA et CCSD)">INRIA et Archives Ouvertes (HAL-INRIA et CCSD)</a></li>
    <li><a href="/david/biologeek/archives/20050430-afficher-les-x-derniers-billets-de-dotclear-en-page-daccueil/" title="Lire le billet intitulé Afficher les x derniers billets de Dotclear en page d&#39;accueil">Afficher les x derniers billets de Dotclear en page d&#39;accueil</a></li>
    <li><a href="/david/biologeek/archives/20050425-des-nouvelles-dubuntu/" title="Lire le billet intitulé Des nouvelles d&#39;Ubuntu">Des nouvelles d&#39;Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20050418-travailler-pour-microsoft/" title="Lire le billet intitulé Travailler pour Microsoft ?!">Travailler pour Microsoft ?!</a></li>
    <li><a href="/david/biologeek/archives/20050414-hoary-party-les-photos-tant-attendues/" title="Lire le billet intitulé Hoary Party, les photos tant attendues...">Hoary Party, les photos tant attendues...</a></li>
    <li><a href="/david/biologeek/archives/20050405-stage-mini-these/" title="Lire le billet intitulé Stage == mini-thèse ?!">Stage == mini-thèse ?!</a></li>
    <li><a href="/david/biologeek/archives/20050404-hoary-party-inscrivez-vous/" title="Lire le billet intitulé Hoary Party, inscrivez-vous ! :)">Hoary Party, inscrivez-vous ! :)</a></li>
    <li><a href="/david/biologeek/archives/20050326-hoary-party-des-motives-sur-paris/" title="Lire le billet intitulé Hoary Party, des motivés sur Paris ?!">Hoary Party, des motivés sur Paris ?!</a></li>
    <li><a href="/david/biologeek/archives/20050322-economisez-cette-eau-que-je-ne-saurais-boire/" title="Lire le billet intitulé Economisez cette eau que je ne saurais boire !">Economisez cette eau que je ne saurais boire !</a></li>
    <li><a href="/david/biologeek/archives/20050308-brevets-logiciels-et-constitution-europeenne/" title="Lire le billet intitulé Brevets Logiciels et Constitution Européenne">Brevets Logiciels et Constitution Européenne</a></li>
    <li><a href="/david/biologeek/archives/20050302-homogeneite-du-web-quils-disaient/" title="Lire le billet intitulé Hégémonie du Web qu&#39;ils disaient...">Hégémonie du Web qu&#39;ils disaient...</a></li>
    <li><a href="/david/biologeek/archives/20050228-bendy-grumpy-et-perky-sont-dans-un-bateau/" title="Lire le billet intitulé Bendy, Grumpy et Perky sont dans un bateau...">Bendy, Grumpy et Perky sont dans un bateau...</a></li>
    <li><a href="/david/biologeek/archives/20050227-ouvrir-un-shell-dans-le-repertoire-courant-de-nautilus/" title="Lire le billet intitulé Ouvrir un shell dans le répertoire courant de nautilus">Ouvrir un shell dans le répertoire courant de nautilus</a></li>
    <li><a href="/david/biologeek/archives/20050227-windows-ubuntu-raisons-succes/" title="Lire le billet intitulé ★ De Windows à Ubuntu : raisons d&#39;un succès">★ De Windows à Ubuntu : raisons d&#39;un succès</a></li>
    <li><a href="/david/biologeek/archives/20050218-cours-pour-apprendre-python/" title="Lire le billet intitulé ★ Cours pour apprendre Python">★ Cours pour apprendre Python</a></li>
    <li><a href="/david/biologeek/archives/20050214-framasoft-tu-ne-seras-pas-ma-valentine/" title="Lire le billet intitulé Framasoft, tu ne seras pas ma valentine...">Framasoft, tu ne seras pas ma valentine...</a></li>
    <li><a href="/david/biologeek/archives/20050209-magpie-rss-installation-et-utilisations-en-tout-genre-du-parser-php/" title="Lire le billet intitulé ★ Magpie RSS, installation et utilisation(s) en tout genre du parser PHP">★ Magpie RSS, installation et utilisation(s) en tout genre du parser PHP</a></li>
    <li><a href="/david/biologeek/archives/20050206-mises-a-jour-du-site/" title="Lire le billet intitulé Mises à jour du site">Mises à jour du site</a></li>
    <li><a href="/david/biologeek/archives/20050130-les-ennemis-du-logiciel-libre/" title="Lire le billet intitulé ★ Les ennemis du Logiciel Libre">★ Les ennemis du Logiciel Libre</a></li>
    <li><a href="/david/biologeek/archives/20050125-biobuntu-un-live-cd-pour-la-bio-informatique/" title="Lire le billet intitulé ★ Biobuntu : un live CD pour la bio-informatique">★ Biobuntu : un live CD pour la bio-informatique</a></li>
    <li><a href="/david/biologeek/archives/20050122-les-pirates-du-genome-et-si-c-etait-l-avenir/" title="Lire le billet intitulé ★ Les pirates du génome... et si c&#39;était l&#39;avenir ?">★ Les pirates du génome... et si c&#39;était l&#39;avenir ?</a></li>
    <li><a href="/david/biologeek/archives/20050116-la-bio-informatique-linformatique-au-service-de-la-vie/" title="Lire le billet intitulé La bio-informatique : l&#39;informatique au service de la vie">La bio-informatique : l&#39;informatique au service de la vie</a></li>
    <li><a href="/david/biologeek/archives/20050115-recette-pate-a-crepes/" title="Lire le billet intitulé Recette pâte à crêpes">Recette pâte à crêpes</a></li>
    <li><a href="/david/biologeek/archives/20050109-installer-firefox-10-et-thunderbird-10-en-francais-sous-ubuntu/" title="Lire le billet intitulé Installer Firefox 1.0 et Thunderbird 1.0 en français sous Ubuntu">Installer Firefox 1.0 et Thunderbird 1.0 en français sous Ubuntu</a></li>
  </ul>
  <h2>Billets publiés en 2004</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20041221-ubuntu-frorg-ca-avance-/" title="Lire le billet intitulé Ubuntu-fr.org, ça avance :-)">Ubuntu-fr.org, ça avance :-)</a></li>
    <li><a href="/david/biologeek/archives/20041214-alexa-encore-un-moteur-de-recherche-qui-sert-a-rien/" title="Lire le billet intitulé Alexa, encore un moteur de recherche qui sert à rien ?">Alexa, encore un moteur de recherche qui sert à rien ?</a></li>
    <li><a href="/david/biologeek/archives/20041209-hoary-a-eut-raison-de-mon-pingubuntu--/" title="Lire le billet intitulé Hoary a eut raison de mon Pingubuntu :-(">Hoary a eut raison de mon Pingubuntu :-(</a></li>
    <li><a href="/david/biologeek/archives/20041204-recherche-deux-places-pour-les-enfoires-2005-au-palais-omnisport-de-bercy/" title="Lire le billet intitulé Recherche deux places pour les Enfoirés 2005 au palais omnisport de bercy !">Recherche deux places pour les Enfoirés 2005 au palais omnisport de bercy !</a></li>
    <li><a href="/david/biologeek/archives/20041130-ubuntu-un-site-de-reference-francophone/" title="Lire le billet intitulé ★ Ubuntu : un site de référence francophone ?">★ Ubuntu : un site de référence francophone ?</a></li>
    <li><a href="/david/biologeek/archives/20041129-ubuntu-synchronisez-vos-favoris-et-vos-mails-entre-windows-et-linux/" title="Lire le billet intitulé Ubuntu, synchronisez vos favoris et vos mails entre Windows et Linux">Ubuntu, synchronisez vos favoris et vos mails entre Windows et Linux</a></li>
    <li><a href="/david/biologeek/archives/20041125-ubuntu-ou-comment-oublier-windows-definitivement/" title="Lire le billet intitulé ★ Ubuntu ou comment oublier Windows définitivement">★ Ubuntu ou comment oublier Windows définitivement</a></li>
    <li><a href="/david/biologeek/archives/20041121-mozparty-des-geeks-irl--/" title="Lire le billet intitulé Mozparty, des geeks IRL :-)">Mozparty, des geeks IRL :-)</a></li>
    <li><a href="/david/biologeek/archives/20041118-google-et-publications-scientifiques/" title="Lire le billet intitulé Google et publications scientifiques">Google et publications scientifiques</a></li>
    <li><a href="/david/biologeek/archives/20041115-bush-une-catastrophe/" title="Lire le billet intitulé ★ Bush, une catastrophe...">★ Bush, une catastrophe...</a></li>
    <li><a href="/david/biologeek/archives/20041109-le-firefox-nouveau-est-arrive/" title="Lire le billet intitulé Le Firefox nouveau est arrivé !">Le Firefox nouveau est arrivé !</a></li>
    <li><a href="/david/biologeek/archives/20041101-ogm-organismes-generalement-mecompris/" title="Lire le billet intitulé ★ OGM : Organismes Généralement Mécompris">★ OGM : Organismes Généralement Mécompris</a></li>
    <li><a href="/david/biologeek/archives/20041031-un-mois-12-billets-et-23-commentaires-plus-tard/" title="Lire le billet intitulé Un mois, 12 billets et 23 commentaires plus tard...">Un mois, 12 billets et 23 commentaires plus tard...</a></li>
    <li><a href="/david/biologeek/archives/20041026-projets-vais-je-y-arriver-/" title="Lire le billet intitulé Projets : vais-je y arriver ?">Projets : vais-je y arriver ?</a></li>
    <li><a href="/david/biologeek/archives/20041022-ton-indifference-ne-me-touche-pas/" title="Lire le billet intitulé Ton indifférence ne me touche pas...">Ton indifférence ne me touche pas...</a></li>
    <li><a href="/david/biologeek/archives/20041015-professeurs-etrangers-a-luniversite/" title="Lire le billet intitulé Professeurs étrangers à l&#39;université">Professeurs étrangers à l&#39;université</a></li>
    <li><a href="/david/biologeek/archives/20041008-mise-a-jour/" title="Lire le billet intitulé Mise à jour">Mise à jour</a></li>
    <li><a href="/david/biologeek/archives/20041006-manifestement-biologeek-aussi/" title="Lire le billet intitulé Manifestement biologeek aussi !!!">Manifestement biologeek aussi !!!</a></li>
    <li><a href="/david/biologeek/archives/20041004-linux-statu-quo-et-envie-de-changer/" title="Lire le billet intitulé Linux, statu quo et envie de changer...">Linux, statu quo et envie de changer...</a></li>
    <li><a href="/david/biologeek/archives/20041001-le-web-arriverait-il-a-maturite/" title="Lire le billet intitulé ★ Le Web arriverait-il à maturité ?">★ Le Web arriverait-il à maturité ?</a></li>
    <li><a href="/david/biologeek/archives/20040930-la-bio-informatique-bioinfo-pour-les-intimes-definitions-et-applications/" title="Lire le billet intitulé ★ La bio-informatique (bioinfo pour les intimes), définitions et applications">★ La bio-informatique (bioinfo pour les intimes), définitions et applications</a></li>
    <li><a href="/david/biologeek/archives/20040930-ouverture-de-rideau/" title="Lire le billet intitulé Ouverture de rideau">Ouverture de rideau</a></li>
  </ul>

 </section>
 <section>
      <h2>Pensées publiées en 2011</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20111206-interview-sur-data-gouv-fr/" title="Lire le billet intitulé Interview sur data.gouv.fr">Interview sur data.gouv.fr</a></li>
    <li><a href="/david/biologeek/archives/20111024-le-malaise-parisweb/" title="Lire le billet intitulé Le malaise ParisWeb">Le malaise ParisWeb</a></li>
    <li><a href="/david/biologeek/archives/20111016-retour-sur-mon-intervention-parisweb/" title="Lire le billet intitulé Retour sur mon intervention ParisWeb">Retour sur mon intervention ParisWeb</a></li>
    <li><a href="/david/biologeek/archives/20110426-nettoyer-les-donnees/" title="Lire le billet intitulé Nettoyer les données">Nettoyer les données</a></li>
    <li><a href="/david/biologeek/archives/20110118-retours-chaud-sur-semwebpro/" title="Lire le billet intitulé Retours à chaud sur SemWeb.Pro">Retours à chaud sur SemWeb.Pro</a></li>
    <li><a href="/david/biologeek/archives/20110103-rss-et-incomprehensions/" title="Lire le billet intitulé RSS et incompréhensions">RSS et incompréhensions</a></li>
  </ul>
  <h2>Pensées publiées en 2010</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20101228-fascisme-de-perroquet/" title="Lire le billet intitulé Fascisme de perroquet">Fascisme de perroquet</a></li>
    <li><a href="/david/biologeek/archives/20101203-ce-nest-pas-la-taille-qui-compte/" title="Lire le billet intitulé Ce n&#39;est pas la taille qui compte">Ce n&#39;est pas la taille qui compte</a></li>
    <li><a href="/david/biologeek/archives/20100922-lappel-de-la-foret/" title="Lire le billet intitulé L&#39;appel de la forêt">L&#39;appel de la forêt</a></li>
    <li><a href="/david/biologeek/archives/20100602-societe-informatique-et-agilite/" title="Lire le billet intitulé Société, informatique et agilité">Société, informatique et agilité</a></li>
    <li><a href="/david/biologeek/archives/20100322-la-grande-bretagne-construit-son-futur-numerique/" title="Lire le billet intitulé La Grande Bretagne construit son futur numérique">La Grande Bretagne construit son futur numérique</a></li>
  </ul>
  <h2>Pensées publiées en 2009</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20091218-dit-arles-et-pas-en-arles/" title="Lire le billet intitulé On dit à Arles et pas en Arles">On dit à Arles et pas en Arles</a></li>
    <li><a href="/david/biologeek/archives/20091121-les-vrais-enjeux-de-la-fabrication-personnelle-et-locale/" title="Lire le billet intitulé Les vrais enjeux de la fabrication personnelle et locale">Les vrais enjeux de la fabrication personnelle et locale</a></li>
    <li><a href="/david/biologeek/archives/20091027-la-valeur-sociale-de-notre-vie-privee/" title="Lire le billet intitulé La valeur sociale de notre vie privée">La valeur sociale de notre vie privée</a></li>
    <li><a href="/david/biologeek/archives/20091026-mozilla-raindrop-fait-eclater-lorage/" title="Lire le billet intitulé Mozilla Raindrop fait éclater l&#39;orage">Mozilla Raindrop fait éclater l&#39;orage</a></li>
    <li><a href="/david/biologeek/archives/20090817-du-confort-et-de-la-credibilite/" title="Lire le billet intitulé Du confort et de la crédibilité">Du confort et de la crédibilité</a></li>
    <li><a href="/david/biologeek/archives/20090708-travail-sur-les-libertes-fondamentales-des-applications-web/" title="Lire le billet intitulé Travail sur les libertés fondamentales des applications web">Travail sur les libertés fondamentales des applications web</a></li>
    <li><a href="/david/biologeek/archives/20090702-discussion-aux-rmll-autour-des-applicationsdonnees-libres/" title="Lire le billet intitulé Discussion aux RMLL autour des applications/données libres">Discussion aux RMLL autour des applications/données libres</a></li>
    <li><a href="/david/biologeek/archives/20090623-symbiotes-et-parasites/" title="Lire le billet intitulé Symbiotes et parasites">Symbiotes et parasites</a></li>
    <li><a href="/david/biologeek/archives/20090616-intermittents-du-web/" title="Lire le billet intitulé Intermittents du Web">Intermittents du Web</a></li>
    <li><a href="/david/biologeek/archives/20090615-eric-daspet-publie-aussi-sur-biologeek/" title="Lire le billet intitulé Éric Daspet publie (aussi) sur biologeek">Éric Daspet publie (aussi) sur biologeek</a></li>
    <li><a href="/david/biologeek/archives/20090524-google-rich-snippets-et-rdfa-incompetence-ou-interet/" title="Lire le billet intitulé Google Rich Snippets et RDFa : incompétence ou intérêt ?">Google Rich Snippets et RDFa : incompétence ou intérêt ?</a></li>
    <li><a href="/david/biologeek/archives/20090327-un-mois-au-japon/" title="Lire le billet intitulé Un mois au Japon !">Un mois au Japon !</a></li>
    <li><a href="/david/biologeek/archives/20090314-generation-ouverture-et-donnees/" title="Lire le billet intitulé Génération, ouverture et données">Génération, ouverture et données</a></li>
    <li><a href="/david/biologeek/archives/20090224-un-notificateur-unique/" title="Lire le billet intitulé Un notificateur unique">Un notificateur unique</a></li>
    <li><a href="/david/biologeek/archives/20090209-ne-vous-arretez-pas-sur-un-code-fini/" title="Lire le billet intitulé Ne vous arrêtez pas sur un code fini">Ne vous arrêtez pas sur un code fini</a></li>
    <li><a href="/david/biologeek/archives/20090124-django-et-sa-popularite/" title="Lire le billet intitulé Django et sa popularité">Django et sa popularité</a></li>
    <li><a href="/david/biologeek/archives/20090119-retours-chaud-sur-londres/" title="Lire le billet intitulé Retours à chaud sur Londres">Retours à chaud sur Londres</a></li>
    <li><a href="/david/biologeek/archives/20090106-evangenieur-et-revolution/" title="Lire le billet intitulé Évangénieur et révolution">Évangénieur et révolution</a></li>
    <li><a href="/david/biologeek/archives/20090105-pimp-my-web/" title="Lire le billet intitulé Pimp my Web!">Pimp my Web!</a></li>
    <li><a href="/david/biologeek/archives/20090104-django-vs-concurrence-php/" title="Lire le billet intitulé Django vs. concurrence PHP">Django vs. concurrence PHP</a></li>
  </ul>
  <h2>Pensées publiées en 2008</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20081226-revue-de-bandes-dessinees/" title="Lire le billet intitulé Revue de bandes dessinées">Revue de bandes dessinées</a></li>
    <li><a href="/david/biologeek/archives/20081222-adn-web-et-confidentialite/" title="Lire le billet intitulé ADN, web et confidentialité">ADN, web et confidentialité</a></li>
    <li><a href="/david/biologeek/archives/20081214-differencier-web-semantique-et-open-stack/" title="Lire le billet intitulé Différencier Web Sémantique et Open Stack">Différencier Web Sémantique et Open Stack</a></li>
    <li><a href="/david/biologeek/archives/20081206-nombre-doccurences-dun-mot-dans-un-texte-en-python/" title="Lire le billet intitulé Nombre d&#39;occurences d&#39;un mot dans un texte en Python">Nombre d&#39;occurences d&#39;un mot dans un texte en Python</a></li>
    <li><a href="/david/biologeek/archives/20081204-la-documentation-django-en-local-html-et-pdf/" title="Lire le billet intitulé La documentation Django en local (html et pdf)">La documentation Django en local (html et pdf)</a></li>
    <li><a href="/david/biologeek/archives/20081203-interfaces-et-promotion-du-web-semantique/" title="Lire le billet intitulé Interfaces et promotion du Web Sémantique">Interfaces et promotion du Web Sémantique</a></li>
    <li><a href="/david/biologeek/archives/20081201-24ways-le-calendrier-de-lavant-des-geeks-web/" title="Lire le billet intitulé 24ways, le calendrier de l&#39;Avent des geeks web">24ways, le calendrier de l&#39;Avent des geeks web</a></li>
    <li><a href="/david/biologeek/archives/20081126-loi-de-geek/" title="Lire le billet intitulé Loi de Geek">Loi de Geek</a></li>
    <li><a href="/david/biologeek/archives/20081121-vous-reprendrez-bien-un-peu-de-web-semantique/" title="Lire le billet intitulé Vous reprendrez bien un peu de Web Sémantique ?">Vous reprendrez bien un peu de Web Sémantique ?</a></li>
    <li><a href="/david/biologeek/archives/20081116-paris-web-2008-retours-chaud/" title="Lire le billet intitulé Paris Web 2008, retours à chaud">Paris Web 2008, retours à chaud</a></li>
    <li><a href="/david/biologeek/archives/20081107-vos-donnees-sont-bien-plus-importantes-que-vos-outils/" title="Lire le billet intitulé Vos données sont bien plus importantes que vos outils">Vos données sont bien plus importantes que vos outils</a></li>
    <li><a href="/david/biologeek/archives/20081106-vends-macbook-blanc-doccasion/" title="Lire le billet intitulé Vends Macbook blanc d&#39;occasion">Vends Macbook blanc d&#39;occasion</a></li>
    <li><a href="/david/biologeek/archives/20081030-swoa-architecture-orientee-web-semantique/" title="Lire le billet intitulé SWOA : Architecture Orientée Web Sémantique">SWOA : Architecture Orientée Web Sémantique</a></li>
    <li><a href="/david/biologeek/archives/20081029-microsoft-et-google-deviennent-providers-openid/" title="Lire le billet intitulé Microsoft et Google deviennent providers OpenID">Microsoft et Google deviennent providers OpenID</a></li>
    <li><a href="/david/biologeek/archives/20081026-bitbucket-pour-gerer-ses-depots-mercurial/" title="Lire le billet intitulé Bitbucket pour gérer ses dépôts Mercurial">Bitbucket pour gérer ses dépôts Mercurial</a></li>
    <li><a href="/david/biologeek/archives/20081023-propriete-intellectuelle-et-web-semantique/" title="Lire le billet intitulé Propriété intellectuelle et Web Sémantique">Propriété intellectuelle et Web Sémantique</a></li>
    <li><a href="/david/biologeek/archives/20081022-iphone-listes-slidantes-et-applications-web/" title="Lire le billet intitulé iPhone, listes slidantes et applications web">iPhone, listes slidantes et applications web</a></li>
    <li><a href="/david/biologeek/archives/20081020-le-futur-des-reseaux-sociaux-passera-par-le-w3c/" title="Lire le billet intitulé Le futur des réseaux sociaux passera par le W3C">Le futur des réseaux sociaux passera par le W3C</a></li>
    <li><a href="/david/biologeek/archives/20081012-manque-t-il-une-surcouche-rdf/" title="Lire le billet intitulé Manque-t-il une surcouche à RDF ?">Manque-t-il une surcouche à RDF ?</a></li>
    <li><a href="/david/biologeek/archives/20081010-wikipedia-propulsee-par-ubuntu/" title="Lire le billet intitulé Wikipedia propulsée par Ubuntu">Wikipedia propulsée par Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20081009-atelier-sur-rdfa-et-les-microformats-pour-paris-web/" title="Lire le billet intitulé Atelier sur RDFa et les microformats pour Paris Web">Atelier sur RDFa et les microformats pour Paris Web</a></li>
    <li><a href="/david/biologeek/archives/20081008-dou-vient-largent/" title="Lire le billet intitulé D&#39;où vient l&#39;argent ?">D&#39;où vient l&#39;argent ?</a></li>
    <li><a href="/david/biologeek/archives/20081007-les-neo-blogueurs-vont-ils-pourrir-internet/" title="Lire le billet intitulé Les néo-blogueurs vont-ils pourrir internet ?">Les néo-blogueurs vont-ils pourrir internet ?</a></li>
    <li><a href="/david/biologeek/archives/20081006-rions-un-peu-avec-le-magazine-advanced-web/" title="Lire le billet intitulé Rions un peu avec le magazine Advanced Web">Rions un peu avec le magazine Advanced Web</a></li>
    <li><a href="/david/biologeek/archives/20081001-vive-les-purges/" title="Lire le billet intitulé Vive les purges !">Vive les purges !</a></li>
    <li><a href="/david/biologeek/archives/20080928-zoom-emotionnel/" title="Lire le billet intitulé Zoom émotionnel">Zoom émotionnel</a></li>
    <li><a href="/david/biologeek/archives/20080927-qui-propose-du-django-en-france/" title="Lire le billet intitulé Qui propose du Django en France ?">Qui propose du Django en France ?</a></li>
    <li><a href="/david/biologeek/archives/20080925-lectures-semantiques-du-soir/" title="Lire le billet intitulé Lectures sémantiques du soir">Lectures sémantiques du soir</a></li>
    <li><a href="/david/biologeek/archives/20080916-conference-sur-le-web-semantique-pour-paris-web/" title="Lire le billet intitulé Conférence sur le Web Sémantique pour Paris Web">Conférence sur le Web Sémantique pour Paris Web</a></li>
    <li><a href="/david/biologeek/archives/20080915-disco-mettez-du-python-dans-votre-erlang/" title="Lire le billet intitulé Disco : mettez du Python dans votre Erlang">Disco : mettez du Python dans votre Erlang</a></li>
    <li><a href="/david/biologeek/archives/20080910-polling-vs-pushing-ou-http-vs-xmpp/" title="Lire le billet intitulé Polling vs. pushing (ou HTTP vs. XMPP)">Polling vs. pushing (ou HTTP vs. XMPP)</a></li>
    <li><a href="/david/biologeek/archives/20080909-linux-fail/" title="Lire le billet intitulé Linux fail!">Linux fail!</a></li>
    <li><a href="/david/biologeek/archives/20080903-le-framework-web-le-plus-rapide-du-monde/" title="Lire le billet intitulé Le framework web le plus rapide du monde">Le framework web le plus rapide du monde</a></li>
    <li><a href="/david/biologeek/archives/20080902-big-browser-sinvite-chez-vous/" title="Lire le billet intitulé BiG Browser s&#39;invite chez vous">BiG Browser s&#39;invite chez vous</a></li>
    <li><a href="/david/biologeek/archives/20080829-ubiquity-et-le-web-semantique/" title="Lire le billet intitulé Ubiquity et le Web Sémantique">Ubiquity et le Web Sémantique</a></li>
    <li><a href="/david/biologeek/archives/20080826-rdfa-et-html5-vs-microformats-et-xhtml2/" title="Lire le billet intitulé RDFa et HTML5 (vs. microformats et XHTML2)">RDFa et HTML5 (vs. microformats et XHTML2)</a></li>
    <li><a href="/david/biologeek/archives/20080823-documenter-son-code-en-rdf/" title="Lire le billet intitulé Documenter son code en RDF">Documenter son code en RDF</a></li>
    <li><a href="/david/biologeek/archives/20080821-meilleur-client-ssh-sur-iphone/" title="Lire le billet intitulé Meilleur client SSH sur iPhone ?">Meilleur client SSH sur iPhone ?</a></li>
    <li><a href="/david/biologeek/archives/20080820-conseils-pour-une-bonne-relation-client-freelance/" title="Lire le billet intitulé Conseils pour une bonne relation client/freelance">Conseils pour une bonne relation client/freelance</a></li>
    <li><a href="/david/biologeek/archives/20080812-revue-de-web/" title="Lire le billet intitulé Revue de web">Revue de web</a></li>
    <li><a href="/david/biologeek/archives/20080810-une-solution-elegante-au-select-multiple/" title="Lire le billet intitulé Une solution élégante au select multiple">Une solution élégante au select multiple</a></li>
    <li><a href="/david/biologeek/archives/20080808-les-10-meilleurs-geeks-du-web-francais/" title="Lire le billet intitulé Les 10 meilleurs geeks du web français">Les 10 meilleurs geeks du web français</a></li>
    <li><a href="/david/biologeek/archives/20080806-qui-peut-changer-votre-vie/" title="Lire le billet intitulé Qui peut changer votre vie ?">Qui peut changer votre vie ?</a></li>
    <li><a href="/david/biologeek/archives/20080725-notifications-atom-pubsub-xmpp-et-oauth/" title="Lire le billet intitulé Notifications, Atom PubSub, XMPP et OAuth">Notifications, Atom PubSub, XMPP et OAuth</a></li>
    <li><a href="/david/biologeek/archives/20080723-un-ocean-de-possibilites-semantiques/" title="Lire le billet intitulé Un océan de possibilités sémantiques">Un océan de possibilités sémantiques</a></li>
    <li><a href="/david/biologeek/archives/20080719-django-et-web-semantique/" title="Lire le billet intitulé Django et Web Sémantique">Django et Web Sémantique</a></li>
    <li><a href="/david/biologeek/archives/20080716-combiner-openid-et-oauth/" title="Lire le billet intitulé Combiner OpenID et OAuth">Combiner OpenID et OAuth</a></li>
    <li><a href="/david/biologeek/archives/20080715-inutile-instantaneite-20/" title="Lire le billet intitulé L&#39;inutile instantanéité 2.0">L&#39;inutile instantanéité 2.0</a></li>
    <li><a href="/david/biologeek/archives/20080711-lancement-de-mixin/" title="Lire le billet intitulé Lancement de mixin">Lancement de mixin</a></li>
    <li><a href="/david/biologeek/archives/20080708-pourquoi-tout-le-monde-parle-didentica/" title="Lire le billet intitulé Pourquoi tout le monde parle d&#39;identi.ca">Pourquoi tout le monde parle d&#39;identi.ca</a></li>
    <li><a href="/david/biologeek/archives/20080704-faire-un-bon-scrum/" title="Lire le billet intitulé Faire un bon scrum">Faire un bon scrum</a></li>
    <li><a href="/david/biologeek/archives/20080701-les-defauts-dopenid/" title="Lire le billet intitulé Les défauts d&#39;OpenID">Les défauts d&#39;OpenID</a></li>
    <li><a href="/david/biologeek/archives/20080628-exemple-dutilisation-de-dbpedia/" title="Lire le billet intitulé Exemple d&#39;utilisation de DBpedia">Exemple d&#39;utilisation de DBpedia</a></li>
    <li><a href="/david/biologeek/archives/20080624-bbc-microformats-rdfa/" title="Lire le billet intitulé La BBC va passer des microformats à RDFa">La BBC va passer des microformats à RDFa</a></li>
    <li><a href="/david/biologeek/archives/20080623-itunes-store-apple-major-mondial-du-disque/" title="Lire le billet intitulé iTunes Store, Apple major mondial du disque ?">iTunes Store, Apple major mondial du disque ?</a></li>
    <li><a href="/david/biologeek/archives/20080620-apres-ies4osx-voici-multifirefox/" title="Lire le billet intitulé Après ies4osx, voici MultiFirefox">Après ies4osx, voici MultiFirefox</a></li>
    <li><a href="/david/biologeek/archives/20080616-django-1-0-nom-de-code-arlesienne/" title="Lire le billet intitulé Django 1.0, nom de code : arlésienne">Django 1.0, nom de code : arlésienne</a></li>
    <li><a href="/david/biologeek/archives/20080616-strategie-editoriale-dun-blog/" title="Lire le billet intitulé Stratégie éditoriale d&#39;un blog">Stratégie éditoriale d&#39;un blog</a></li>
    <li><a href="/david/biologeek/archives/20080612-travailler-mieux-pour-vivre-mieux/" title="Lire le billet intitulé Travailler mieux pour vivre mieux">Travailler mieux pour vivre mieux</a></li>
    <li><a href="/david/biologeek/archives/20080609-vers-un-monde-meilleur-ou-pire/" title="Lire le billet intitulé Vers un monde meilleur ? Ou pire ?">Vers un monde meilleur ? Ou pire ?</a></li>
    <li><a href="/david/biologeek/archives/20080605-qotd-django-dev/" title="Lire le billet intitulé QOTD #django-dev">QOTD #django-dev</a></li>
    <li><a href="/david/biologeek/archives/20080603-conseils-pour-consommer-moins-dessence/" title="Lire le billet intitulé Conseils pour consommer moins d&#39;essence">Conseils pour consommer moins d&#39;essence</a></li>
    <li><a href="/david/biologeek/archives/20080529-restful-workflows/" title="Lire le billet intitulé RESTful workflows">RESTful workflows</a></li>
    <li><a href="/david/biologeek/archives/20080527-quelques-heures-une-release/" title="Lire le billet intitulé À quelques heures d&#39;une release...">À quelques heures d&#39;une release...</a></li>
    <li><a href="/david/biologeek/archives/20080523-lecons-sur-tchouang-tseu/" title="Lire le billet intitulé Leçons sur Tchouang-Tseu">Leçons sur Tchouang-Tseu</a></li>
    <li><a href="/david/biologeek/archives/20080520-un-jour-sur-terre/" title="Lire le billet intitulé Un jour sur Terre">Un jour sur Terre</a></li>
    <li><a href="/david/biologeek/archives/20080519-une-bonne-comparaison-des-dvcs-git-mercurial-et-bazaar/" title="Lire le billet intitulé Une bonne comparaison des DVCS (git, mercurial et bazaar)">Une bonne comparaison des DVCS (git, mercurial et bazaar)</a></li>
    <li><a href="/david/biologeek/archives/20080514-failles-de-securite-debian-et-django/" title="Lire le billet intitulé Failles de sécurité (Debian et Django)">Failles de sécurité (Debian et Django)</a></li>
    <li><a href="/david/biologeek/archives/20080513-sharkwater-les-seigneurs-de-la-mer/" title="Lire le billet intitulé SharkWater (les seigneurs de la mer)">SharkWater (les seigneurs de la mer)</a></li>
    <li><a href="/david/biologeek/archives/20080509-sejour-barcelone/" title="Lire le billet intitulé Séjour à Barcelone">Séjour à Barcelone</a></li>
    <li><a href="/david/biologeek/archives/20080501-le-web-semantique-en-videos/" title="Lire le billet intitulé Le web sémantique en vidéos">Le web sémantique en vidéos</a></li>
    <li><a href="/david/biologeek/archives/20080429-des-formations-django/" title="Lire le billet intitulé Des formations Django">Des formations Django</a></li>
    <li><a href="/david/biologeek/archives/20080426-evolution-du-web-3-0/" title="Lire le billet intitulé L&#39;évolution du web 3.0">L&#39;évolution du web 3.0</a></li>
    <li><a href="/david/biologeek/archives/20080425-rdf-store-et-django/" title="Lire le billet intitulé RDF store et Django">RDF store et Django</a></li>
    <li><a href="/david/biologeek/archives/20080422-ec2-pour-les-bioinformaticiens/" title="Lire le billet intitulé EC2 pour les bioinformaticiens">EC2 pour les bioinformaticiens</a></li>
    <li><a href="/david/biologeek/archives/20080420-gtd-avec-mailapp-et-ical-sous-osx-leopard/" title="Lire le billet intitulé GTD avec Mail.app et iCal sous OSX leopard">GTD avec Mail.app et iCal sous OSX leopard</a></li>
    <li><a href="/david/biologeek/archives/20080414-un-provider-openid-sur-votre-propre-domaine/" title="Lire le billet intitulé Un provider OpenID sur votre propre domaine">Un provider OpenID sur votre propre domaine</a></li>
    <li><a href="/david/biologeek/archives/20080410-administrez-facilement-un-serveur-dedie/" title="Lire le billet intitulé Administrez facilement un serveur dédié">Administrez facilement un serveur dédié</a></li>
    <li><a href="/david/biologeek/archives/20080408-user-interface-design/" title="Lire le billet intitulé User Interface Design">User Interface Design</a></li>
    <li><a href="/david/biologeek/archives/20080408-firefox-3-et-la-barre-dadresse/" title="Lire le billet intitulé Firefox 3 et la barre d&#39;adresse">Firefox 3 et la barre d&#39;adresse</a></li>
    <li><a href="/david/biologeek/archives/20080402-et-le-gsoc-django-de-lannee-est/" title="Lire le billet intitulé Et le GSoC Django de l&#39;année est">Et le GSoC Django de l&#39;année est</a></li>
    <li><a href="/david/biologeek/archives/20080331-openid-ftw/" title="Lire le billet intitulé OpenID ftw!">OpenID ftw!</a></li>
    <li><a href="/david/biologeek/archives/20080331-un-systeme-de-fichiers-semantique/" title="Lire le billet intitulé Un système de fichiers sémantique">Un système de fichiers sémantique</a></li>
    <li><a href="/david/biologeek/archives/20080328-interessantes-remises-a-plat/" title="Lire le billet intitulé Intéressantes remises à plat">Intéressantes remises à plat</a></li>
    <li><a href="/david/biologeek/archives/20080325-autosatisfaction/" title="Lire le billet intitulé (Auto)satisfaction">(Auto)satisfaction</a></li>
    <li><a href="/david/biologeek/archives/20080321-balade-en-camargue/" title="Lire le billet intitulé Balade en Camargue">Balade en Camargue</a></li>
    <li><a href="/david/biologeek/archives/20080320-le-bon-le-rapide-et-le-gratuit/" title="Lire le billet intitulé Le bon, le rapide et le gratuit">Le bon, le rapide et le gratuit</a></li>
    <li><a href="/david/biologeek/archives/20080315-firefox-3-et-liberte/" title="Lire le billet intitulé Firefox 3 et liberté">Firefox 3 et liberté</a></li>
    <li><a href="/david/biologeek/archives/20080314-moi-vouloir-etre-chat/" title="Lire le billet intitulé Moi vouloir être chat">Moi vouloir être chat</a></li>
    <li><a href="/david/biologeek/archives/20080314-workflow-des-status-codes-http/" title="Lire le billet intitulé Workflow des status codes HTTP">Workflow des status codes HTTP</a></li>
    <li><a href="/david/biologeek/archives/20080312-excellent-documentaire-sur-arte/" title="Lire le billet intitulé Excellent documentaire sur Arte">Excellent documentaire sur Arte</a></li>
    <li><a href="/david/biologeek/archives/20080310-vous-aimez-vos-statistiques/" title="Lire le billet intitulé Vous aimez vos statistiques ?">Vous aimez vos statistiques ?</a></li>
    <li><a href="/david/biologeek/archives/20080310-linaccessibilite-des-microformats/" title="Lire le billet intitulé L&#39;(in)accessibilité des microformats">L&#39;(in)accessibilité des microformats</a></li>
    <li><a href="/david/biologeek/archives/20080308-le-copier-coller-a-lecole/" title="Lire le billet intitulé Le copier-coller à l&#39;école">Le copier-coller à l&#39;école</a></li>
    <li><a href="/david/biologeek/archives/20080305-microsoft-sadapterait-il/" title="Lire le billet intitulé Microsoft s&#39;adapterait-il ?">Microsoft s&#39;adapterait-il ?</a></li>
    <li><a href="/david/biologeek/archives/20080303-le-vrai-probleme-detre-a-son-compte/" title="Lire le billet intitulé Le vrai problème d&#39;être à son compte">Le vrai problème d&#39;être à son compte</a></li>
    <li><a href="/david/biologeek/archives/20080224-on-commence-a-faire-des-choses-interessantes/" title="Lire le billet intitulé On commence à faire des choses intéressantes">On commence à faire des choses intéressantes</a></li>
    <li><a href="/david/biologeek/archives/20080220-comment-eduquer-les-gens/" title="Lire le billet intitulé Comment éduquer les gens">Comment éduquer les gens</a></li>
    <li><a href="/david/biologeek/archives/20080219-xmpp-vs-gtalk/" title="Lire le billet intitulé XMPP vs. Gtalk">XMPP vs. Gtalk</a></li>
    <li><a href="/david/biologeek/archives/20080213-envie-de-parler-de-web-semantique/" title="Lire le billet intitulé Envie de parler de Web Sémantique ?">Envie de parler de Web Sémantique ?</a></li>
    <li><a href="/david/biologeek/archives/20080212-quelques-statistiques-irc-interessantes/" title="Lire le billet intitulé Quelques statistiques IRC intéressantes">Quelques statistiques IRC intéressantes</a></li>
    <li><a href="/david/biologeek/archives/20080204-il-faut-que-je-mameliore-pour-les-conferences/" title="Lire le billet intitulé Il faut que je m&#39;améliore pour les conférences">Il faut que je m&#39;améliore pour les conférences</a></li>
    <li><a href="/david/biologeek/archives/20080201-passer-devant-llm/" title="Lire le billet intitulé Passer devant LLM">Passer devant LLM</a></li>
    <li><a href="/david/biologeek/archives/20080130-excellente-nouvelle-de-tristan/" title="Lire le billet intitulé Excellente nouvelle de Tristan !">Excellente nouvelle de Tristan !</a></li>
    <li><a href="/david/biologeek/archives/20080121-la-bonne-nouvelle-de-la-soiree/" title="Lire le billet intitulé La bonne nouvelle de la soirée">La bonne nouvelle de la soirée</a></li>
    <li><a href="/david/biologeek/archives/20080120-si-jamais-vous-souhaitez-me-faire-un-cadeau-de-geek/" title="Lire le billet intitulé Si jamais vous souhaitez me faire un cadeau de geek">Si jamais vous souhaitez me faire un cadeau de geek</a></li>
    <li><a href="/david/biologeek/archives/20080119-et-pendant-ce-temps-la/" title="Lire le billet intitulé Et pendant ce temps là...">Et pendant ce temps là...</a></li>
    <li><a href="/david/biologeek/archives/20080118-documents-vs-objets/" title="Lire le billet intitulé Documents vs. objets">Documents vs. objets</a></li>
    <li><a href="/david/biologeek/archives/20080114-vous-reviez-dun-rosetta-pour-django/" title="Lire le billet intitulé Vous rêviez d&#39;un rosetta pour Django ?">Vous rêviez d&#39;un rosetta pour Django ?</a></li>
    <li><a href="/david/biologeek/archives/20080112-pas-le-temps-de-traduire/" title="Lire le billet intitulé Pas le temps de traduire">Pas le temps de traduire</a></li>
    <li><a href="/david/biologeek/archives/20080106-vers-une-entreprise-civique/" title="Lire le billet intitulé Vers une entreprise civique ?">Vers une entreprise civique ?</a></li>
  </ul>
  <h2>Pensées publiées en 2007</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20071231-voila-une-vision-qui-me-plait/" title="Lire le billet intitulé Voila une vision qui me plaît">Voila une vision qui me plaît</a></li>
    <li><a href="/david/biologeek/archives/20071224-papillotes-et-citations/" title="Lire le billet intitulé Papillotes et citations">Papillotes et citations</a></li>
    <li><a href="/david/biologeek/archives/20071215-une-petite-video/" title="Lire le billet intitulé Une petite vidéo">Une petite vidéo</a></li>
    <li><a href="/david/biologeek/archives/20071213-comme-je-disais/" title="Lire le billet intitulé Comme je disais">Comme je disais</a></li>
    <li><a href="/david/biologeek/archives/20071212-comprendre-linteret-dun-systeme-de-revisions-comme-subversion/" title="Lire le billet intitulé Comprendre l&#39;intérêt d&#39;un système de révisions comme subversion">Comprendre l&#39;intérêt d&#39;un système de révisions comme subversion</a></li>
    <li><a href="/david/biologeek/archives/20071211-creer-des-css-sexy/" title="Lire le billet intitulé Créer des CSS sexy">Créer des CSS sexy</a></li>
    <li><a href="/david/biologeek/archives/20071202-comme-promis/" title="Lire le billet intitulé Comme promis">Comme promis</a></li>
    <li><a href="/david/biologeek/archives/20071128-la-guerre-des-frameworks-css/" title="Lire le billet intitulé La guerre des frameworks CSS">La guerre des frameworks CSS</a></li>
    <li><a href="/david/biologeek/archives/20071128-jaime-pas-trop-ce-genre-de-pratiques/" title="Lire le billet intitulé J&#39;aime pas trop ce genre de pratiques">J&#39;aime pas trop ce genre de pratiques</a></li>
    <li><a href="/david/biologeek/archives/20071125-dernier-ajout-dans-mon-aggregateur/" title="Lire le billet intitulé Dernier ajout dans mon aggrégateur">Dernier ajout dans mon aggrégateur</a></li>
    <li><a href="/david/biologeek/archives/20071124-24ways-is-back/" title="Lire le billet intitulé 24ways is back">24ways is back</a></li>
    <li><a href="/david/biologeek/archives/20071118-jeff-croft-appuie-la-ou-ca-fait-mal/" title="Lire le billet intitulé Jeff Croft appuie là où ça fait mal">Jeff Croft appuie là où ça fait mal</a></li>
    <li><a href="/david/biologeek/archives/20071116-trouver-un-cadeau-de-noel-ethique-et-respectueux-de-lenvironnement/" title="Lire le billet intitulé Trouver un cadeau de Noël éthique et respectueux de l’environnement">Trouver un cadeau de Noël éthique et respectueux de l’environnement</a></li>
    <li><a href="/david/biologeek/archives/20071116-le-duo-dextensions-firefox-parfait/" title="Lire le billet intitulé Le duo d&#39;extensions firefox parfait ?">Le duo d&#39;extensions firefox parfait ?</a></li>
    <li><a href="/david/biologeek/archives/20071111-votre-dock-leopard-est-incomprehensible/" title="Lire le billet intitulé Votre dock leopard est incompréhensible ?">Votre dock leopard est incompréhensible ?</a></li>
    <li><a href="/david/biologeek/archives/20071109-si-vous-voulez-travailler-plus-pour-gagner-plus/" title="Lire le billet intitulé Si vous voulez travailler plus (pour gagner plus)">Si vous voulez travailler plus (pour gagner plus)</a></li>
    <li><a href="/david/biologeek/archives/20071108-besoin-dutiliser-linterface-dadmin-de-django-sur-iphone/" title="Lire le billet intitulé Besoin d&#39;utiliser l&#39;interface d&#39;admin de Django sur iPhone ?">Besoin d&#39;utiliser l&#39;interface d&#39;admin de Django sur iPhone ?</a></li>
    <li><a href="/david/biologeek/archives/20071107-nouveau-sprint-django/" title="Lire le billet intitulé Nouveau sprint Django">Nouveau sprint Django</a></li>
    <li><a href="/david/biologeek/archives/20071102-opensocial-est-sorti/" title="Lire le billet intitulé OpenSocial est sorti">OpenSocial est sorti</a></li>
    <li><a href="/david/biologeek/archives/20071102-un-fil-darianne-avec-django/" title="Lire le billet intitulé Un fil d&#39;arianne avec Django ?">Un fil d&#39;arianne avec Django ?</a></li>
    <li><a href="/david/biologeek/archives/20071031-bonnes-pratiques-jquery/" title="Lire le billet intitulé Bonnes pratiques jQuery">Bonnes pratiques jQuery</a></li>
    <li><a href="/david/biologeek/archives/20071031-parfois-le-web-30/" title="Lire le billet intitulé Parfois le web 3.0">Parfois le web 3.0</a></li>
    <li><a href="/david/biologeek/archives/20071031-pas-le-temps-de-parler-de-twine-pour-le-moment/" title="Lire le billet intitulé Pas le temps de parler de Twine pour le moment">Pas le temps de parler de Twine pour le moment</a></li>
    <li><a href="/david/biologeek/archives/20071019-rappel-interessant/" title="Lire le billet intitulé Rappel intéressant">Rappel intéressant</a></li>
    <li><a href="/david/biologeek/archives/20071018-microformats-vs-rdf/" title="Lire le billet intitulé Microformats vs. RDF">Microformats vs. RDF</a></li>
    <li><a href="/david/biologeek/archives/20071017-vous-vous-ennuyez-au-boulot/" title="Lire le billet intitulé Vous vous ennuyez au boulot ?">Vous vous ennuyez au boulot ?</a></li>
    <li><a href="/david/biologeek/archives/20071017-la-passionnante-vie-daaron-swartz/" title="Lire le billet intitulé La passionnante vie d&#39;Aaron Swartz">La passionnante vie d&#39;Aaron Swartz</a></li>
    <li><a href="/david/biologeek/archives/20071010-le-web-semantique-a-son-logo/" title="Lire le billet intitulé Le web sémantique a son logo">Le web sémantique a son logo</a></li>
    <li><a href="/david/biologeek/archives/20071010-temoignage-sincere/" title="Lire le billet intitulé Témoignage sincère">Témoignage sincère</a></li>
    <li><a href="/david/biologeek/archives/20071010-je-suis-scotche/" title="Lire le billet intitulé Je suis scotché">Je suis scotché</a></li>
    <li><a href="/david/biologeek/archives/20071010-la-simplicite-des-design-patterns/" title="Lire le billet intitulé La simplicité des design patterns">La simplicité des design patterns</a></li>
    <li><a href="/david/biologeek/archives/20071008-un-peu-de-relaxation-geek/" title="Lire le billet intitulé Un peu de relaxation geek">Un peu de relaxation geek</a></li>
    <li><a href="/david/biologeek/archives/20071007-si-vous-utilisez-python-et-oracle/" title="Lire le billet intitulé Si vous utilisez Python et Oracle">Si vous utilisez Python et Oracle</a></li>
    <li><a href="/david/biologeek/archives/20071007-steve-et-bill/" title="Lire le billet intitulé Steve et Bill">Steve et Bill</a></li>
    <li><a href="/david/biologeek/archives/20071004-ego-ego-ego/" title="Lire le billet intitulé Ego ego ego...">Ego ego ego...</a></li>
    <li><a href="/david/biologeek/archives/20070919-ca-casse-du-20/" title="Lire le billet intitulé Ça casse du 2.0">Ça casse du 2.0</a></li>
    <li><a href="/david/biologeek/archives/20070918-erlang-et-acharnement/" title="Lire le billet intitulé Erlang et acharnement">Erlang et acharnement</a></li>
    <li><a href="/david/biologeek/archives/20070917-des-css-vraiment-pythoniques/" title="Lire le billet intitulé Des CSS vraiment pythoniques">Des CSS vraiment pythoniques</a></li>
    <li><a href="/david/biologeek/archives/20070917-differences-iphone-et-ipod-touch/" title="Lire le billet intitulé Différences iPhone et iPod touch">Différences iPhone et iPod touch</a></li>
    <li><a href="/david/biologeek/archives/20070917-erlang-mouais/" title="Lire le billet intitulé Erlang, mouais...">Erlang, mouais...</a></li>
    <li><a href="/david/biologeek/archives/20070912-mise-a-jour-du-theme-pour-google-reader/" title="Lire le billet intitulé Mise à jour du thème pour Google Reader">Mise à jour du thème pour Google Reader</a></li>
    <li><a href="/david/biologeek/archives/20070910-conseils-pour-micro-presentations/" title="Lire le billet intitulé Conseils pour micro-présentations">Conseils pour micro-présentations</a></li>
    <li><a href="/david/biologeek/archives/20070907-ssh-et-attente-avec-ubuntu-feisty/" title="Lire le billet intitulé SSH et attente avec Ubuntu Feisty">SSH et attente avec Ubuntu Feisty</a></li>
    <li><a href="/david/biologeek/archives/20070906-frustration-et-iphone/" title="Lire le billet intitulé Frustration et iPhone">Frustration et iPhone</a></li>
    <li><a href="/david/biologeek/archives/20070905-je-crois-pas-trop-aux-benchmarks/" title="Lire le billet intitulé Je crois pas trop aux benchmarks">Je crois pas trop aux benchmarks</a></li>
    <li><a href="/david/biologeek/archives/20070905-grilles-et-design-web/" title="Lire le billet intitulé Grilles et design web">Grilles et design web</a></li>
    <li><a href="/david/biologeek/archives/20070904-presentation-de-couchdb/" title="Lire le billet intitulé Présentation de CouchDb">Présentation de CouchDb</a></li>
    <li><a href="/david/biologeek/archives/20070903-adobe-air-buzze-pas-mal-en-ce-moment/" title="Lire le billet intitulé Adobe AIR buzze pas mal en ce moment">Adobe AIR buzze pas mal en ce moment</a></li>
    <li><a href="/david/biologeek/archives/20070827-une-base-de-donnees-rapide-en-python/" title="Lire le billet intitulé Une base de données « rapide » en Python">Une base de données « rapide » en Python</a></li>
    <li><a href="/david/biologeek/archives/20070824-collection-impressionnante-de-publicites/" title="Lire le billet intitulé Collection impressionnante de publicités">Collection impressionnante de publicités</a></li>
    <li><a href="/david/biologeek/archives/20070824-python-et-rest/" title="Lire le billet intitulé Python et REST">Python et REST</a></li>
    <li><a href="/david/biologeek/archives/20070823-petit-jeu-cynique-du-soir/" title="Lire le billet intitulé Petit jeu cynique du soir">Petit jeu cynique du soir</a></li>
    <li><a href="/david/biologeek/archives/20070822-recyclez-vos-disquettes/" title="Lire le billet intitulé Recyclez vos disquettes">Recyclez vos disquettes</a></li>
    <li><a href="/david/biologeek/archives/20070822-les-frameworks-css/" title="Lire le billet intitulé Les frameworks css">Les frameworks css</a></li>
    <li><a href="/david/biologeek/archives/20070821-suprnova-is-back/" title="Lire le billet intitulé Suprnova is back!">Suprnova is back!</a></li>
    <li><a href="/david/biologeek/archives/20070821-a-suivre-de-pres/" title="Lire le billet intitulé À suivre de près">À suivre de près</a></li>
    <li><a href="/david/biologeek/archives/20070821-enorme-ou-zut-ca-depend/" title="Lire le billet intitulé Énorme (ou zut, ça dépend)">Énorme (ou zut, ça dépend)</a></li>
    <li><a href="/david/biologeek/archives/20070819-meme-reflexion-le-mois-dernier/" title="Lire le billet intitulé Même réflexion le mois dernier">Même réflexion le mois dernier</a></li>
    <li><a href="/david/biologeek/archives/20070818-olivier-faurax-nous-offre/" title="Lire le billet intitulé Olivier Faurax nous offre">Olivier Faurax nous offre</a></li>
    <li><a href="/david/biologeek/archives/20070818-rest-trop-difficile-a-comprendre/" title="Lire le billet intitulé REST trop difficile à comprendre ?">REST trop difficile à comprendre ?</a></li>
    <li><a href="/david/biologeek/archives/20070810-interessant-tableau/" title="Lire le billet intitulé Intéressant tableau">Intéressant tableau</a></li>
    <li><a href="/david/biologeek/archives/20070809-html-progresse-doucement/" title="Lire le billet intitulé HTML progresse, doucement...">HTML progresse, doucement...</a></li>
    <li><a href="/david/biologeek/archives/20070808-rien-a-ajouter/" title="Lire le billet intitulé Rien à ajouter">Rien à ajouter</a></li>
    <li><a href="/david/biologeek/archives/20070806-lidee-fait-son-chemin/" title="Lire le billet intitulé L&#39;idée fait son chemin">L&#39;idée fait son chemin</a></li>
    <li><a href="/david/biologeek/archives/20070806-bonnes-pratiques-pour-les-tags/" title="Lire le billet intitulé Bonnes pratiques pour les tags">Bonnes pratiques pour les tags</a></li>
    <li><a href="/david/biologeek/archives/20070804-bon-meme-si-cest-les-vacances/" title="Lire le billet intitulé Bon même si c&#39;est les vacances">Bon même si c&#39;est les vacances</a></li>
    <li><a href="/david/biologeek/archives/20070803-qotd-jacob-kaplan-moss-au-sujet-du-autoescape-dans-django-sur-la-ml-de-dev/" title="Lire le billet intitulé QOTD Jacob Kaplan-Moss au sujet du autoescape dans Django (sur la ml de dev)">QOTD Jacob Kaplan-Moss au sujet du autoescape dans Django (sur la ml de dev)</a></li>
    <li><a href="/david/biologeek/archives/20070802-qotd-on-django/" title="Lire le billet intitulé QOTD on #django">QOTD on #django</a></li>
    <li><a href="/david/biologeek/archives/20070802-besoin-dun-identifiant-openid/" title="Lire le billet intitulé Besoin d&#39;un identifiant OpenID ?">Besoin d&#39;un identifiant OpenID ?</a></li>
    <li><a href="/david/biologeek/archives/20070801-optimiser-un-site-avec-django/" title="Lire le billet intitulé Optimiser un site avec Django">Optimiser un site avec Django</a></li>
    <li><a href="/david/biologeek/archives/20070801-un-peu-de-bioinfo/" title="Lire le billet intitulé Un peu de bioinfo">Un peu de bioinfo</a></li>
    <li><a href="/david/biologeek/archives/20070801-kurafire-sest-penche-sur/" title="Lire le billet intitulé KuraFire s&#39;est penché sur">KuraFire s&#39;est penché sur</a></li>
    <li><a href="/david/biologeek/archives/20070801-vous-aimez-python/" title="Lire le billet intitulé Vous aimez python ?">Vous aimez python ?</a></li>
    <li><a href="/david/biologeek/archives/20070731-la-presentation-a-lire/" title="Lire le billet intitulé LA présentation à lire">LA présentation à lire</a></li>
    <li><a href="/david/biologeek/archives/20070731-effraie-nous-propose/" title="Lire le billet intitulé Effraie nous propose">Effraie nous propose</a></li>
    <li><a href="/david/biologeek/archives/20070706-prochain-achat/" title="Lire le billet intitulé Prochain achat">Prochain achat</a></li>
    <li><a href="/david/biologeek/archives/20070706-un-bon-billet-sur/" title="Lire le billet intitulé Un bon billet sur">Un bon billet sur</a></li>
    <li><a href="/david/biologeek/archives/20070704-ya-ta/" title="Lire le billet intitulé Ya-ta">Ya-ta</a></li>
    <li><a href="/david/biologeek/archives/20070702-jai-voulu-tester/" title="Lire le billet intitulé J&#39;ai voulu tester">J&#39;ai voulu tester</a></li>
    <li><a href="/david/biologeek/archives/20070701-impressionnante/" title="Lire le billet intitulé Impressionnante">Impressionnante</a></li>
    <li><a href="/david/biologeek/archives/20070629-agregeons-agregeons/" title="Lire le billet intitulé Agrégeons, agrégeons">Agrégeons, agrégeons</a></li>
    <li><a href="/david/biologeek/archives/20070628-excellente-nouvelle-pour-les-frameworks-web-python/" title="Lire le billet intitulé Excellente nouvelle pour les frameworks web Python">Excellente nouvelle pour les frameworks web Python</a></li>
    <li><a href="/david/biologeek/archives/20070626-bonne-traduction/" title="Lire le billet intitulé Bonne traduction">Bonne traduction</a></li>
    <li><a href="/david/biologeek/archives/20070620-je-ne-poste-pas-souvent-de-videos/" title="Lire le billet intitulé Je ne poste pas souvent de vidéos">Je ne poste pas souvent de vidéos</a></li>
    <li><a href="/david/biologeek/archives/20070619-pour-savoir-a-quelle-sauce-on-va-etre-manges/" title="Lire le billet intitulé Pour savoir à quelle sauce on va être mangés">Pour savoir à quelle sauce on va être mangés</a></li>
    <li><a href="/david/biologeek/archives/20070617-je-suis-decidement-fan-de-joe-gregorio/" title="Lire le billet intitulé Je suis décidement fan de Joe Gregorio">Je suis décidement fan de Joe Gregorio</a></li>
    <li><a href="/david/biologeek/archives/20070612-2007-lannee-des-frameworks-css/" title="Lire le billet intitulé 2007, l&#39;année des frameworks CSS ?">2007, l&#39;année des frameworks CSS ?</a></li>
    <li><a href="/david/biologeek/archives/20070610-longue-et-vieille/" title="Lire le billet intitulé Longue (et vieille...)">Longue (et vieille...)</a></li>
    <li><a href="/david/biologeek/archives/20070531-une-alternative-a-trac/" title="Lire le billet intitulé Une alternative à Trac ?">Une alternative à Trac ?</a></li>
    <li><a href="/david/biologeek/archives/20070531-cameron-adams/" title="Lire le billet intitulé Cameron Adams">Cameron Adams</a></li>
    <li><a href="/david/biologeek/archives/20070530-joe-gregorio-est-impressionnant/" title="Lire le billet intitulé Joe Gregorio est impressionnant">Joe Gregorio est impressionnant</a></li>
    <li><a href="/david/biologeek/archives/20070528-traduction-interessante/" title="Lire le billet intitulé Traduction intéressante">Traduction intéressante</a></li>
    <li><a href="/david/biologeek/archives/20070528-difficile-de-faire-la-part-des-choses/" title="Lire le billet intitulé Difficile de faire la part des choses">Difficile de faire la part des choses</a></li>
    <li><a href="/david/biologeek/archives/20070525-styler-les-formulaires/" title="Lire le billet intitulé Styler les formulaires">Styler les formulaires</a></li>
    <li><a href="/david/biologeek/archives/20070525-bientot/" title="Lire le billet intitulé Bientôt">Bientôt</a></li>
    <li><a href="/david/biologeek/archives/20070522-un-serieux-concurrent/" title="Lire le billet intitulé Un sérieux concurrent">Un sérieux concurrent</a></li>
    <li><a href="/david/biologeek/archives/20070522-votre-extension-pagerank-status-est-cassee/" title="Lire le billet intitulé Votre extension PageRank Status est cassée ?">Votre extension PageRank Status est cassée ?</a></li>
    <li><a href="/david/biologeek/archives/20070522-les-meilleures-applications/" title="Lire le billet intitulé Les meilleures applications">Les meilleures applications</a></li>
    <li><a href="/david/biologeek/archives/20070521-noublie-pas/" title="Lire le billet intitulé N&#39;oublie pas">N&#39;oublie pas</a></li>
    <li><a href="/david/biologeek/archives/20070518-excellente-presentation/" title="Lire le billet intitulé Excellente présentation">Excellente présentation</a></li>
    <li><a href="/david/biologeek/archives/20070510-thomas-nous-donne/" title="Lire le billet intitulé Thomas nous donne">Thomas nous donne</a></li>
    <li><a href="/david/biologeek/archives/20070507-on-sait-maintenant-a-quoi-sattendre/" title="Lire le billet intitulé On sait maintenant à quoi s&#39;attendre">On sait maintenant à quoi s&#39;attendre</a></li>
    <li><a href="/david/biologeek/archives/20070504-definition-des-versions-du-web/" title="Lire le billet intitulé Définition des versions du web">Définition des versions du web</a></li>
    <li><a href="/david/biologeek/archives/20070504-roflmaogcb/" title="Lire le billet intitulé ROFLMAOGCB">ROFLMAOGCB</a></li>
    <li><a href="/david/biologeek/archives/20070503-reussissez-votre-presentation/" title="Lire le billet intitulé Réussissez votre présentation">Réussissez votre présentation</a></li>
    <li><a href="/david/biologeek/archives/20070428-jeremie-grodziski/" title="Lire le billet intitulé Jérémie Grodziski">Jérémie Grodziski</a></li>
    <li><a href="/david/biologeek/archives/20070428-on-oublie-souvent/" title="Lire le billet intitulé On oublie souvent">On oublie souvent</a></li>
    <li><a href="/david/biologeek/archives/20070427-de-nombreuses-bonnes-informations/" title="Lire le billet intitulé De nombreuses bonnes informations">De nombreuses bonnes informations</a></li>
    <li><a href="/david/biologeek/archives/20070424-des-drapeaux/" title="Lire le billet intitulé Des drapeaux">Des drapeaux</a></li>
    <li><a href="/david/biologeek/archives/20070423-reflexion-autour/" title="Lire le billet intitulé Réflexion autour">Réflexion autour</a></li>
    <li><a href="/david/biologeek/archives/20070421-mieux-vaut-prevenir/" title="Lire le billet intitulé Mieux vaut prévenir...">Mieux vaut prévenir...</a></li>
    <li><a href="/david/biologeek/archives/20070418-faire-tourner/" title="Lire le billet intitulé Faire tourner">Faire tourner</a></li>
    <li><a href="/david/biologeek/archives/20070417-marre-du-theme-de-google-reader/" title="Lire le billet intitulé Marre du thème de Google Reader ?">Marre du thème de Google Reader ?</a></li>
    <li><a href="/david/biologeek/archives/20070414-jai-retrouve-un-lien/" title="Lire le billet intitulé J&#39;ai retrouvé un lien">J&#39;ai retrouvé un lien</a></li>
    <li><a href="/david/biologeek/archives/20070411-vous-aimez-le-design/" title="Lire le billet intitulé Vous aimez le design ?">Vous aimez le design ?</a></li>
    <li><a href="/david/biologeek/archives/20070329-le-texte-nest-pas-mort/" title="Lire le billet intitulé Le texte n&#39;est pas mort">Le texte n&#39;est pas mort</a></li>
    <li><a href="/david/biologeek/archives/20070329-comment-battre-google/" title="Lire le billet intitulé Comment battre Google">Comment battre Google</a></li>
    <li><a href="/david/biologeek/archives/20070323-excellent-billet/" title="Lire le billet intitulé Excellent billet">Excellent billet</a></li>
    <li><a href="/david/biologeek/archives/20070321-entrepreneur-ou-gestionnaire/" title="Lire le billet intitulé Entrepreneur ou gestionnaire ?">Entrepreneur ou gestionnaire ?</a></li>
    <li><a href="/david/biologeek/archives/20070321-mandrivacom-face-a-ubuntucom/" title="Lire le billet intitulé mandriva.com face à ubuntu.com">mandriva.com face à ubuntu.com</a></li>
    <li><a href="/david/biologeek/archives/20070312-design-your-urls/" title="Lire le billet intitulé Design Your URLs">Design Your URLs</a></li>
    <li><a href="/david/biologeek/archives/20070309-openid-via-email/" title="Lire le billet intitulé OpenID via email ?">OpenID via email ?</a></li>
    <li><a href="/david/biologeek/archives/20070309-signez-la-petition/" title="Lire le billet intitulé Signez la pétition">Signez la pétition</a></li>
    <li><a href="/david/biologeek/archives/20070308-premiers-redesigns/" title="Lire le billet intitulé Premiers redesigns">Premiers redesigns</a></li>
    <li><a href="/david/biologeek/archives/20070307-sebastien-billard-relaye/" title="Lire le billet intitulé Sébastien Billard relaye">Sébastien Billard relaye</a></li>
    <li><a href="/david/biologeek/archives/20070226-actualite-django-chargee-aujourdhui/" title="Lire le billet intitulé Actualité django chargée aujourd&#39;hui">Actualité django chargée aujourd&#39;hui</a></li>
    <li><a href="/david/biologeek/archives/20070215-bonnes-astuces/" title="Lire le billet intitulé Bonnes astuces">Bonnes astuces</a></li>
    <li><a href="/david/biologeek/archives/20070209-achevons-la-recherche/" title="Lire le billet intitulé Achevons la recherche ?">Achevons la recherche ?</a></li>
    <li><a href="/david/biologeek/archives/20070207-jean-sebastien-bouchard/" title="Lire le billet intitulé Jean-Sébastien Bouchard">Jean-Sébastien Bouchard</a></li>
    <li><a href="/david/biologeek/archives/20070207-conseils-pour-une-bonne-candidature/" title="Lire le billet intitulé Conseils pour une bonne candidature">Conseils pour une bonne candidature</a></li>
    <li><a href="/david/biologeek/archives/20070207-excellente-nouvelle/" title="Lire le billet intitulé Excellente nouvelle">Excellente nouvelle</a></li>
    <li><a href="/david/biologeek/archives/20070202-blood-diamond/" title="Lire le billet intitulé Blood Diamond">Blood Diamond</a></li>
    <li><a href="/david/biologeek/archives/20070131-beginning-python/" title="Lire le billet intitulé Beginning Python">Beginning Python</a></li>
    <li><a href="/david/biologeek/archives/20070130-test-de-performances/" title="Lire le billet intitulé Test de performances">Test de performances</a></li>
    <li><a href="/david/biologeek/archives/20070116-deux-tutoriaux-pour-geeks/" title="Lire le billet intitulé Deux tutoriaux pour geeks">Deux tutoriaux pour geeks</a></li>
    <li><a href="/david/biologeek/archives/20070104-apres-le-zen-de-python/" title="Lire le billet intitulé Après le Zen de Python">Après le Zen de Python</a></li>
    <li><a href="/david/biologeek/archives/20070103-jaimerais-savoir/" title="Lire le billet intitulé J&#39;aimerais savoir">J&#39;aimerais savoir</a></li>
    <li><a href="/david/biologeek/archives/20070103-un-blog-sans-rss/" title="Lire le billet intitulé Un blog sans RSS">Un blog sans RSS</a></li>
  </ul>
  <h2>Pensées publiées en 2006</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20061230-design-et-ergonomie-epoustouflants-pour-des-blogs/" title="Lire le billet intitulé Design et ergonomie époustouflants pour des blogs">Design et ergonomie époustouflants pour des blogs</a></li>
    <li><a href="/david/biologeek/archives/20061229-blog-interessant/" title="Lire le billet intitulé Blog intéressant">Blog intéressant</a></li>
    <li><a href="/david/biologeek/archives/20061217-le-mythe-de-la-metaphore/" title="Lire le billet intitulé Le mythe de la métaphore">Le mythe de la métaphore</a></li>
    <li><a href="/david/biologeek/archives/20061211-excellent-article/" title="Lire le billet intitulé Excellent article">Excellent article</a></li>
    <li><a href="/david/biologeek/archives/20061210-reflexion/" title="Lire le billet intitulé Réflexion">Réflexion</a></li>
    <li><a href="/david/biologeek/archives/20061210-des-citations/" title="Lire le billet intitulé Des citations">Des citations</a></li>
    <li><a href="/david/biologeek/archives/20061206-django-et-ruby-on-rails-again/" title="Lire le billet intitulé Django et Ruby on Rails, again.">Django et Ruby on Rails, again.</a></li>
    <li><a href="/david/biologeek/archives/20061203-yazerty-nous-pose-une-question/" title="Lire le billet intitulé Yazerty nous pose une question">Yazerty nous pose une question</a></li>
    <li><a href="/david/biologeek/archives/20061201-merci-eric/" title="Lire le billet intitulé Merci Eric !">Merci Eric !</a></li>
    <li><a href="/david/biologeek/archives/20061118-bientot-la-nouvelle-annee/" title="Lire le billet intitulé Bientôt la nouvelle année">Bientôt la nouvelle année</a></li>
    <li><a href="/david/biologeek/archives/20061118-un-dialogue-qui-promet-detre-passionant/" title="Lire le billet intitulé Un dialogue qui promet d&#39;être passionant">Un dialogue qui promet d&#39;être passionant</a></li>
    <li><a href="/david/biologeek/archives/20061106-des-tags-enfin-utiles/" title="Lire le billet intitulé Des tags enfin utiles ?">Des tags enfin utiles ?</a></li>
    <li><a href="/david/biologeek/archives/20061106-des-photos-aeriennes/" title="Lire le billet intitulé Des photos aériennes">Des photos aériennes</a></li>
    <li><a href="/david/biologeek/archives/20061104-decryptage-economique/" title="Lire le billet intitulé Décryptage économique">Décryptage économique</a></li>
    <li><a href="/david/biologeek/archives/20061101-livre-django-en-preparation/" title="Lire le billet intitulé Livre Django en préparation">Livre Django en préparation</a></li>
    <li><a href="/david/biologeek/archives/20061011-tarek-est-de-retour/" title="Lire le billet intitulé Tarek est de retour">Tarek est de retour</a></li>
    <li><a href="/david/biologeek/archives/20061006-cms-et-frameworks/" title="Lire le billet intitulé CMS et Frameworks">CMS et Frameworks</a></li>
    <li><a href="/david/biologeek/archives/20060925-developpement-durable-et-hypocrisie/" title="Lire le billet intitulé Développement durable et hypocrisie">Développement durable et hypocrisie</a></li>
    <li><a href="/david/biologeek/archives/20060925-en-parler/" title="Lire le billet intitulé En parler">En parler</a></li>
    <li><a href="/david/biologeek/archives/20060915-joel-au-sujet-des-conditions-de-travail-des-developpeurs/" title="Lire le billet intitulé Joel au sujet des conditions de travail des développeurs">Joel au sujet des conditions de travail des développeurs</a></li>
    <li><a href="/david/biologeek/archives/20060915-frederic-a-encore-frappe/" title="Lire le billet intitulé Frédéric a encore frappé">Frédéric a encore frappé</a></li>
    <li><a href="/david/biologeek/archives/20060913-si-vous-aimez-votre-souris/" title="Lire le billet intitulé Si vous aimez votre souris">Si vous aimez votre souris</a></li>
    <li><a href="/david/biologeek/archives/20060908-qotd2/" title="Lire le billet intitulé QOTD">QOTD</a></li>
    <li><a href="/david/biologeek/archives/20060908-le-futur-dajax/" title="Lire le billet intitulé Le futur d&#39;AJAX">Le futur d&#39;AJAX</a></li>
    <li><a href="/david/biologeek/archives/20060907-mon-nouvel-appart/" title="Lire le billet intitulé Mon nouvel appart&#39;">Mon nouvel appart&#39;</a></li>
    <li><a href="/david/biologeek/archives/20060907-il-a-deja-ete-lie-partout/" title="Lire le billet intitulé Il a déjà été lié partout">Il a déjà été lié partout</a></li>
    <li><a href="/david/biologeek/archives/20060907-reflexion-interessante/" title="Lire le billet intitulé Réflexion intéressante">Réflexion intéressante</a></li>
    <li><a href="/david/biologeek/archives/20060831-jaimerai-un-jour/" title="Lire le billet intitulé J&#39;aimerai un jour">J&#39;aimerai un jour</a></li>
    <li><a href="/david/biologeek/archives/20060826-web-20/" title="Lire le billet intitulé Web 2.0">Web 2.0</a></li>
    <li><a href="/david/biologeek/archives/20060824-css-et-ie/" title="Lire le billet intitulé CSS et IE">CSS et IE</a></li>
    <li><a href="/david/biologeek/archives/20060817-qotd/" title="Lire le billet intitulé QOTD">QOTD</a></li>
    <li><a href="/david/biologeek/archives/20060817-liens-anglais-du-soir/" title="Lire le billet intitulé Liens anglais du soir">Liens anglais du soir</a></li>
    <li><a href="/david/biologeek/archives/20060815-le-couple-parfait/" title="Lire le billet intitulé Le couple parfait">Le couple parfait</a></li>
    <li><a href="/david/biologeek/archives/20060814-il-y-a-plus-de-commerces-ouverts-le-15-que-le-14-aout-en-france/" title="Lire le billet intitulé Il y a plus de commerces ouverts le 15 que le 14 août en France">Il y a plus de commerces ouverts le 15 que le 14 août en France</a></li>
    <li><a href="/david/biologeek/archives/20060813-filtre-bayesien-pour-agregateur/" title="Lire le billet intitulé Filtre bayesien pour agrégateur">Filtre bayesien pour agrégateur</a></li>
    <li><a href="/david/biologeek/archives/20060807-resultats-des-css-world-awards/" title="Lire le billet intitulé Résultats des CSS world awards">Résultats des CSS world awards</a></li>
    <li><a href="/david/biologeek/archives/20060804-la-vraie-definition-du-web-20/" title="Lire le billet intitulé La vraie définition du Web 2.0">La vraie définition du Web 2.0</a></li>
    <li><a href="/david/biologeek/archives/20060802-pour-programmeurs/" title="Lire le billet intitulé Pour programmeurs">Pour programmeurs</a></li>
    <li><a href="/david/biologeek/archives/20060729-apparement-je-ne-suis-pas-le-seul/" title="Lire le billet intitulé Apparement je ne suis pas le seul...">Apparement je ne suis pas le seul...</a></li>
    <li><a href="/david/biologeek/archives/20060729-tags-contextuels/" title="Lire le billet intitulé Tags contextuels ?">Tags contextuels ?</a></li>
    <li><a href="/david/biologeek/archives/20060727-des-logos-20/" title="Lire le billet intitulé Des logos 2.0">Des logos 2.0</a></li>
    <li><a href="/david/biologeek/archives/20060726-ressources-firefox/" title="Lire le billet intitulé Ressources Firefox">Ressources Firefox</a></li>
    <li><a href="/david/biologeek/archives/20060726-zune-decrypte/" title="Lire le billet intitulé Zune décrypté">Zune décrypté</a></li>
    <li><a href="/david/biologeek/archives/20060725-une-petite-bataille-deau/" title="Lire le billet intitulé Une petite bataille d&#39;eau ?">Une petite bataille d&#39;eau ?</a></li>
    <li><a href="/david/biologeek/archives/20060725-le-web-semantique-ou-la-mort-annoncee-des-moteurs/" title="Lire le billet intitulé Le web sémantique, ou la mort annoncée des moteurs">Le web sémantique, ou la mort annoncée des moteurs</a></li>
    <li><a href="/david/biologeek/archives/20060725-comprendre-le-rss/" title="Lire le billet intitulé Comprendre le RSS">Comprendre le RSS</a></li>
    <li><a href="/david/biologeek/archives/20060725-pour-les-connaisseurs/" title="Lire le billet intitulé Pour les connaisseurs">Pour les connaisseurs</a></li>
    <li><a href="/david/biologeek/archives/20060723-gedit-et-les-snippets/" title="Lire le billet intitulé Gedit et les snippets">Gedit et les snippets</a></li>
    <li><a href="/david/biologeek/archives/20060723-mieux-quun-digg-like/" title="Lire le billet intitulé Mieux qu&#39;un digg-like !">Mieux qu&#39;un digg-like !</a></li>
    <li><a href="/david/biologeek/archives/20060723-site-de-geek/" title="Lire le billet intitulé Site de geek">Site de geek</a></li>
    <li><a href="/david/biologeek/archives/20060723-les-celebrites-passent-a-ubuntu/" title="Lire le billet intitulé Les célébrités passent à Ubuntu">Les célébrités passent à Ubuntu</a></li>
    <li><a href="/david/biologeek/archives/20060123-lart-et-la-maniere-de-plier-un-tee/" title="Lire le billet intitulé L&#39;art et la manière de plier un tee">L&#39;art et la manière de plier un tee</a></li>
    <li><a href="/david/biologeek/archives/20060122-quel-avenir-pour-lelectricite/" title="Lire le billet intitulé Quel avenir pour l&#39;électricité?">Quel avenir pour l&#39;électricité?</a></li>
    <li><a href="/david/biologeek/archives/20060121-guide-survie-en-ligne-de-commande/" title="Lire le billet intitulé Guide survie en ligne de commande">Guide survie en ligne de commande</a></li>
    <li><a href="/david/biologeek/archives/20060114-vous-voulez-savoir-ce-quest-un-blog/" title="Lire le billet intitulé Vous voulez savoir ce qu&#39;est un blog ?">Vous voulez savoir ce qu&#39;est un blog ?</a></li>
  </ul>
  <h2>Pensées publiées en 2005</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20051130-essayer-ruby-vraiment-bluffant/" title="Lire le billet intitulé Essayer ruby, vraiment bluffant !">Essayer ruby, vraiment bluffant !</a></li>
    <li><a href="/david/biologeek/archives/20051119-ces-operations-sur-votre-ordinateur-qui-voudraient-rester-plutot-discretes/" title="Lire le billet intitulé Ces opérations sur votre ordinateur qui voudraient rester plutôt discrètes">Ces opérations sur votre ordinateur qui voudraient rester plutôt discrètes</a></li>
    <li><a href="/david/biologeek/archives/20051107-tous-des-bouffons/" title="Lire le billet intitulé Tous des bouffons">Tous des bouffons</a></li>
    <li><a href="/david/biologeek/archives/20051107-ubuntu-cest-la-simplicite/" title="Lire le billet intitulé Ubuntu c&#39;est la simplicité !">Ubuntu c&#39;est la simplicité !</a></li>
    <li><a href="/david/biologeek/archives/20050903-des-pigouins-sur-la-lune/" title="Lire le billet intitulé Des pigouins sur la lune...">Des pigouins sur la lune...</a></li>
    <li><a href="/david/biologeek/archives/20050716-de-la-liberte-la-face-meconnue-de-linformatique/" title="Lire le billet intitulé De la liberté, la face méconnue de l&#39;informatique">De la liberté, la face méconnue de l&#39;informatique</a></li>
    <li><a href="/david/biologeek/archives/20050408-quelques-indications-chiffrees-sur-leolien/" title="Lire le billet intitulé Quelques indications chiffrées sur l&#39;éolien">Quelques indications chiffrées sur l&#39;éolien</a></li>
    <li><a href="/david/biologeek/archives/20050318-loffice-europeen-des-brevets-annule-un-brevet-pour-biopiratage/" title="Lire le billet intitulé L&#39;Office européen des brevets annule un brevet pour biopiratage">L&#39;Office européen des brevets annule un brevet pour biopiratage</a></li>
    <li><a href="/david/biologeek/archives/20050308-laissez-nous-vous-telecharger-legalement/" title="Lire le billet intitulé Laissez nous vous télécharger légalement">Laissez nous vous télécharger légalement</a></li>
    <li><a href="/david/biologeek/archives/20050307-geekcorps-des-geeks-pour-le-developpement-durable/" title="Lire le billet intitulé Geekcorps : des geeks pour le développement durable">Geekcorps : des geeks pour le développement durable</a></li>
    <li><a href="/david/biologeek/archives/20050217-le-protocole-de-kyoto-entre-en-vigueur/" title="Lire le billet intitulé Le protocole de Kyoto entre en vigueur">Le protocole de Kyoto entre en vigueur</a></li>
    <li><a href="/david/biologeek/archives/20050214-le-printemps-commence-aujourdhui/" title="Lire le billet intitulé Le printemps commence aujourd&#39;hui">Le printemps commence aujourd&#39;hui</a></li>
    <li><a href="/david/biologeek/archives/20050211-discovery-of-gliding-ants/" title="Lire le billet intitulé Discovery of gliding ants">Discovery of gliding ants</a></li>
    <li><a href="/david/biologeek/archives/20050209-phishing-et-idn/" title="Lire le billet intitulé Phishing et IDN">Phishing et IDN</a></li>
    <li><a href="/david/biologeek/archives/20050204-sport-et-cerveau/" title="Lire le billet intitulé Sport et cerveau">Sport et cerveau</a></li>
    <li><a href="/david/biologeek/archives/20050204-la-meditation-agit-sur-le-cerveau-selon-une-etude-sur-des-moines-tibetains/" title="Lire le billet intitulé La méditation agit sur le cerveau, selon une étude sur des moines tibétains">La méditation agit sur le cerveau, selon une étude sur des moines tibétains</a></li>
    <li><a href="/david/biologeek/archives/20050125-biodiversite-et-especes-menacees-arretons-den-parler-agissons/" title="Lire le billet intitulé Biodiversité et espèces menacées : arrêtons d&#39;en parler : agissons !">Biodiversité et espèces menacées : arrêtons d&#39;en parler : agissons !</a></li>
    <li><a href="/david/biologeek/archives/20050120-le-reve-europeen/" title="Lire le billet intitulé Le Rêve Européen">Le Rêve Européen</a></li>
    <li><a href="/david/biologeek/archives/20050118-piege-dans-le-cyberespace/" title="Lire le billet intitulé Piège dans le cyberespace">Piège dans le cyberespace</a></li>
    <li><a href="/david/biologeek/archives/20050113-pour-une-informatique-libre-dans-lecole-marocaine/" title="Lire le billet intitulé Pour une Informatique Libre dans l&#39;École Marocaine">Pour une Informatique Libre dans l&#39;École Marocaine</a></li>
    <li><a href="/david/biologeek/archives/20050111-michel-dumais-du-devoir-retourne-son-compliment-a-bill-gates/" title="Lire le billet intitulé Michel Dumais du Devoir retourne son compliment à Bill Gates">Michel Dumais du Devoir retourne son compliment à Bill Gates</a></li>
  </ul>
  <h2>Pensées publiées en 2004</h2>
  <ul>
    <li><a href="/david/biologeek/archives/20041213-big-brother-is-watching-you/" title="Lire le billet intitulé Big Brother is watching you">Big Brother is watching you</a></li>
    <li><a href="/david/biologeek/archives/20041213-la-fourmi-sans-reine-mais-non-sans-rang/" title="Lire le billet intitulé La fourmi sans reine, mais non sans rang">La fourmi sans reine, mais non sans rang</a></li>
    <li><a href="/david/biologeek/archives/20041210-un-ministre-qui-tient-la-route/" title="Lire le billet intitulé Un ministre qui tient la route...">Un ministre qui tient la route...</a></li>
    <li><a href="/david/biologeek/archives/20041210-tres-belles-photographies-de-paris-ville-lumiere/" title="Lire le billet intitulé Très belles photographies de Paris, ville lumière">Très belles photographies de Paris, ville lumière</a></li>
    <li><a href="/david/biologeek/archives/20041210-donnez-un-cerveau-a-bush-/" title="Lire le billet intitulé Donnez un cerveau à Bush ! ;-)">Donnez un cerveau à Bush ! ;-)</a></li>
    <li><a href="/david/biologeek/archives/20041206-limiter-leffet-de-serre-grace-aux-pratiques-agricoles/" title="Lire le billet intitulé Limiter l’effet de serre grâce aux pratiques agricoles">Limiter l’effet de serre grâce aux pratiques agricoles</a></li>
    <li><a href="/david/biologeek/archives/20041206-et-dieu-dit-que-la-lumiere-soit/" title="Lire le billet intitulé Et Dieu dit : que la lumière soit !">Et Dieu dit : que la lumière soit !</a></li>
    <li><a href="/david/biologeek/archives/20041121-vraiment-tordant/" title="Lire le billet intitulé Vraiment tordant !">Vraiment tordant !</a></li>
    <li><a href="/david/biologeek/archives/20041115-comment-devenir-un-hacker/" title="Lire le billet intitulé Comment devenir un hacker ?">Comment devenir un hacker ?</a></li>
    <li><a href="/david/biologeek/archives/20041115-linformation-du-bazar/" title="Lire le billet intitulé L&#39;information du bazar">L&#39;information du bazar</a></li>
    <li><a href="/david/biologeek/archives/20041108-mozparty2-its-10-time-again/" title="Lire le billet intitulé Mozparty2: It&#39;s 1.0 time... again!">Mozparty2: It&#39;s 1.0 time... again!</a></li>
    <li><a href="/david/biologeek/archives/20041029-manu-chao-les-majors-meurent-de-leur-propre-loi/" title="Lire le billet intitulé Manu Chao : les Majors meurent de leur propre Loi">Manu Chao : les Majors meurent de leur propre Loi</a></li>
    <li><a href="/david/biologeek/archives/20041023-css-zen-garden-the-beauty-in-css-design/" title="Lire le billet intitulé css Zen Garden: The Beauty in CSS Design">css Zen Garden: The Beauty in CSS Design</a></li>
    <li><a href="/david/biologeek/archives/20041019-le-jour-dapres-scenario-du-futur-pour-le-climat-en-europe/" title="Lire le billet intitulé Le Jour d&#39;Après : scénario du futur pour le climat en Europe ?">Le Jour d&#39;Après : scénario du futur pour le climat en Europe ?</a></li>
    <li><a href="/david/biologeek/archives/20041013-10-astuces-css/" title="Lire le billet intitulé 10 astuces CSS">10 astuces CSS</a></li>
    <li><a href="/david/biologeek/archives/20041008-le-singe-baigneur-est-nu-et-autres-considerations-sur-la-distinction-entre-stylisme-et-design/" title="Lire le billet intitulé Le singe baigneur est nu, et autres considérations sur la distinction entre stylisme et design">Le singe baigneur est nu, et autres considérations sur la distinction entre stylisme et design</a></li>
    <li><a href="/david/biologeek/archives/20041006-pas-de-navigateur-signe-google-en-perspective/" title="Lire le billet intitulé Pas de navigateur signé Google en perspective">Pas de navigateur signé Google en perspective</a></li>
    <li><a href="/david/biologeek/archives/20041005-lavenir-des-sciences/" title="Lire le billet intitulé L&#39;avenir des sciences">L&#39;avenir des sciences</a></li>
    <li><a href="/david/biologeek/archives/20041005-non-aux-4x4-en-zone-urbaine/" title="Lire le billet intitulé Non aux 4x4 en zone urbaine !">Non aux 4x4 en zone urbaine !</a></li>
    <li><a href="/david/biologeek/archives/20041002-mise-a-jour-de-securite-de-firefox-10-pr/" title="Lire le billet intitulé Mise à jour de sécurité de Firefox 1.0 PR">Mise à jour de sécurité de Firefox 1.0 PR</a></li>
    <li><a href="/david/biologeek/archives/20041001-cest-mozart-quon-assassine/" title="Lire le billet intitulé C&#39;est Mozart qu&#39;on assassine">C&#39;est Mozart qu&#39;on assassine</a></li>
    <li><a href="/david/biologeek/archives/20040930-le-chauffeur-de-4x4-ne-voit-pas-bien-loin/" title="Lire le billet intitulé Le chauffeur de 4x4 ne voit pas bien loin">Le chauffeur de 4x4 ne voit pas bien loin</a></li>
    <li><a href="/david/biologeek/archives/20040930-un-linux-ultra-securise-pour-le-ministere-francais-de-la-defense/" title="Lire le billet intitulé Un Linux ultra-sécurisé pour le Ministère français de la Défense">Un Linux ultra-sécurisé pour le Ministère français de la Défense</a></li>
    <li><a href="/david/biologeek/archives/20040930-comment-google-va-manger-linternet-et-faire-regresser-les-utilisateurs/" title="Lire le billet intitulé Comment Google va manger l&#39;internet et faire régresser les utilisateurs">Comment Google va manger l&#39;internet et faire régresser les utilisateurs</a></li>
    <li><a href="/david/biologeek/archives/20040930-google-et-les-standards-un-marche-de-dupe-blog-blues/" title="Lire le billet intitulé Google et les Standards: un marché de dupe ? - Blog &amp; Blues">Google et les Standards: un marché de dupe ? - Blog &amp; Blues</a></li>
  </ul>

 </section>
 {% endblock content %}
--- a/david/templates/biologeek.html
+++ b/david/templates/biologeek.html
@@ -0,0 +1,51 @@
 {% extends "base.html" %}
 {% block title %}Biologeek{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/biologeek/">
 {% endblock %}
 {% block content %}
  <h1>Biologeek</h1>
  <section>
      <h2>Geek</h2>
      <ul>
        <li><a href="/david/biologeek/archives/20070131-reve-de-geek/">Rêve de geek</a></li>
        <li><a href="/david/biologeek/archives/20070819-l-importance-du-rythme-vertical-en-design-css/">L’importance du rythme vertical en design CSS</a></li>
        <li><a href="/david/biologeek/archives/20070413-pour-ne-plus-etre-en-rest-comprendre-cette-architecture/">Pour ne plus être en REST, comprendre cette architecture</a></li>
        <li><a href="/david/biologeek/archives/20090526-django-roa-pour-une-architecture-orientee-ressources/">Django-ROA, pour une architecture orientée ressources</a></li>
        <li><a href="/david/biologeek/archives/20091211-pourquoi-python-et-django/">Pourquoi Python et Django</a></li>
        <li><a href="/david/biologeek/archives/20080613-artiste-qui-sommeille-en-chaque-geek/">L’artiste qui sommeille en chaque geek</a></li>
      </ul>
      <h2>Société</h2>
      <ul>
        <li><a href="/david/biologeek/archives/20081209-choisissez-votre-avenir/">Choisissez votre avenir</a></li>
        <li><a href="/david/biologeek/archives/20090313-lelitisme-de-la-curiosite/">L’élitisme de la curiosité</a></li>
        <li><a href="/david/biologeek/archives/20060825-pourquoi-contribuer-aux-logiciels-libres/">Pourquoi contribuer aux Logiciels Libres ?</a></li>
        <li><a href="/david/biologeek/archives/20060119-open-articles-liberez-votre-savoir/">Open Articles : Libérez votre savoir !</a></li>
        <li><a href="/david/biologeek/archives/20070416-le-guide-complet-du-debutant-freelance/">Le guide complet du débutant freelance</a></li>
      </ul>
      <h2>Web</h2>
      <ul>
        <li><a href="/david/biologeek/archives/20081117-le-web-semantique-ou-limportance-des-donnees-liees/">Le Web Sémantique ou l’importance des données liées</a></li>
        <li><a href="/david/biologeek/archives/20060808-de-l-avenir-du-web/">De l’avenir du web</a></li>
        <li><a href="/david/biologeek/archives/20080907-pourquoi-avoir-peur-de-google/">Pourquoi avoir peur de Google ?</a></li>
        <li><a href="/david/biologeek/archives/20080604-architecture-web-moderne-et-agile/">Architecture web moderne et agile</a></li>
        <li><a href="/david/biologeek/archives/20080112-ma-killer-app-pour-le-web-semantique/">Ma killer app pour le Web Sémantique</a></li>
        <li><a href="/david/biologeek/archives/20080227-mieux-que-gratuit-le-business-model-reinvente/">Mieux que gratuit : le business model réinventé</a></li>
      </ul>
      <h2>Personnel</h2>
      <ul>
        <li><a href="/david/biologeek/archives/20120131-resolutions-rediriger-economiser-et-debattre/">Rediriger, économiser et débattre</a></li>
        <li><a href="/david/biologeek/archives/20110112-resolutions-decouvrir-concretiser-et-transmettre/">Découvrir, concrétiser et transmettre</a></li>
        <li><a href="/david/biologeek/archives/20100103-resolutions-redistribuer-produire-et-bouger/">Redistribuer, produire et bouger</a></li>
        <li><a href="/david/biologeek/archives/20090102-bilan-apres-une-annee-de-freelance/">Prendre soin, voyager et partager</a></li>
        <li><a href="/david/biologeek/archives/20080101-resolutions-etre-aimer-et-faire/">Être, aimer et faire</a></li>
      </ul>
    </section>
    <section>
      <h5>
        <a href="/david/biologeek/archives/">Retrouver l’intégralité</a> •
        <a href="/david/blog/">Publications récentes</a>
      </h5>
    </section>
 {% endblock content %}
--- a/david/templates/biologeek_articles.html
+++ b/david/templates/biologeek_articles.html
@@ -0,0 +1,36 @@
 {% extends "base.html" %}
 {% block title %}{{title}} — Biologeek{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://{{ article_root }}">
 {% endblock %}
 {% block content %}
  <section>
    <h1 property="schema:name">{{title}}</h1>
    <article typeof="schema:BlogPosting">
      <div property="schema:articleBody">
        {{vignette_html}}
        {{content}}
      </div>
    </article>
    <footer>
      <h6 property="schema:datePublished">— {{date}}</h6>
    </footer>
  </section>
  <section>
    <div>
      <h3>Articles peut-être en rapport</h3>
      <ul>
        <li><a href="/david/biologeek/archives/{{contextual_url1}}/" title="Accès à {{contextual_title1}}">{{contextual_title1}}</a></li>
        <li><a href="/david/biologeek/archives/{{contextual_url2}}/" title="Accès à {{contextual_title2}}">{{contextual_title2}}</a></li>
        <li><a href="/david/biologeek/archives/{{contextual_url3}}/" title="Accès à {{contextual_title3}}">{{contextual_title3}}</a></li>
      </ul>
    </div>
  </section>
  <section>
    <div id="comments">
      <h3>Commentaires</h3>
      {{comments}}
    </div>
  </section>
 {% endblock content %}
--- a/david/templates/blog_archives.html
+++ b/david/templates/blog_archives.html
@@ -0,0 +1,46 @@
 {% extends "base_2019.html" %}
 {% block title %}Expériences bienveillantes{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/blog/">
 {% endblock %}
 {% block content %}
 <h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  Expériences bienveillantes
  <time>Archives de 2004 à aujourd’hui</time>
 </h1>
 <section>
  <section class="gallery">
  {% for post in posts[:8] %}
    <article>
      <figure>
        <a href="{{ post.url }}" title="Accéder à l'article complet"><img src="{{ post.url_image_thumbnail }}" alt="" /></a>
        <figcaption>
          <a href="{{ post.url }}" title="Accéder à l’article complet">{{ post.title }}</a>
        </figcaption>
      </figure>
    </article>
  {% endfor %}
  </section>
  <article>
    <h2>Billets suivants</h2>
    {% for year, posts_year in posts[8:]|groupby('date.year')|reverse %}
      <h3>En {{ year }}</h3>
      <ul class="with_two_columns">
      {% for post in posts_year %}
        <li><a href="{{ post.url }}" title="Accéder à l’article complet">{{ post.title }}</a></li>
      {% endfor %}
      </ul>
    {% endfor %}
  </article>
 </section>
 {% endblock content %}
 {% block nav %}
 <nav id="jumpto">
  <p>
    <a href="/david/biologeek/">Archives en français (2004-2011)</a> |
    <a href="/david/thoughts/">Archives en anglais (2011-2012)</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/blog_article.html
+++ b/david/templates/blog_article.html
@@ -0,0 +1,77 @@
 {% extends "base_2019.html" %}
 {% block lang %}{{ post.lang }}{% endblock lang %}
 {% block title %}{{ post.title }}{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr{{ post.url }}">
  <!-- SEO/Semantic metadata -->
  <meta name="description" content="{{ post.chapo }}" />
  <meta name="twitter:description" property="og:description" itemprop="description" content="{{ post.chapo }}" />
  <meta name="twitter:title" property="og:title" itemprop="name" content="{{ post.title }}" />
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:creator" content="@davidbgk" />
  <meta name="twitter:url" property="og:url" content="https://larlet.fr{{ post.url }}" />
  <meta property="og:type" content="article" />
  <meta property="og:site_name" content="David Larlet (@davidbgk)" />
  {% if post.date.year|int >= 2014 %}
  <meta name="twitter:image" property="og:image" itemprop="image" content="{{ post.full_img_url }}" />
  {% else %}
  <meta name="twitter:image" property="og:image" itemprop="image" content="https://larlet.fr/static/david/david-larlet-avatar-thumbnail.jpg" />
  {% endif %}
 {% endblock extra_head %}
 {% block content %}
 <h1 class="single">
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  {{ post.title }}
  <time>Publié le {{ post.date.strftime("%d %B %Y").strip("0") }}</time>
 </h1>
 <article class="single">
  {{ post.content }}
 </article>
 {% if comments %}
  <section>
    <h3>Discussion suite à l’article :</h3>
    {% for comment in comments %}
      <article id="comment-{{ loop.index }}" class="comment">
        {{ comment.content }}
        <p><cite>{{ comment.author }}, le <a href="#comment-{{ loop.index }}">{{ comment.date }}</a></cite></p>
      </article>
    {% endfor %}
  </section>
 {% endif %}
 {% if post.date.year|int >= 2014 %}
  <figure class="image" property="schema:image">
    <img src="{{ post.url_image }}" alt="" />
  </figure>
 {% endif %}
 {% endblock content %}

 {% block aside %}
 {% if post.lang == 'en' %}
 <aside>
  <p>
    Other articles in English:
  {% for post_en in published_posts_en %}
    {% if post.url != post_en.url %}
      <a href="{{ post_en.url }}">{{ post_en.title }}</a>{% if not loop.last %},{% else %}.{% endif %}
    {% endif %}
  {% endfor %}
    Oh, and most of <a href="/david/stream/2018/">the current thoughts</a>.
  </p>
 </aside>
 {% else %}
  {{ super() }}
 {% endif %}
 {% endblock aside%}

 {% block nav %}
 <nav id="jumpto">
  <p>
    <a rel=prev href="{{ prev.url }}">← {{ prev.title }}</a> | <a href="/david/blog/" title="Retour à la liste des expériences">↑</a>{% if next %} | <a rel=next href="{{ next.url }}">{{ next.title }} →</a>{% endif %}
  </p>
 </nav>
 {% endblock nav %}

 {% block extrajs %}
  {% include 'service_workers.html' %}
 {% endblock %}
--- a/david/templates/bushcraft.html
+++ b/david/templates/bushcraft.html
@@ -0,0 +1,49 @@
 {% extends "base_2019.html" %}
 {% block lang %}en{% endblock lang %}
 {% block title %}Bushcraft{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/bushcraft/">
 {% endblock %}
 {% block content %}
  <h1>
    <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
    Bushcraft
  </h1>
 <article>
  <h2>Why</h2>

  <p>Because I need to get back to basics: fondamental skills, knowledge of the nature and time to meditate about sustainability and resilience.</p>

  <p>This is not a survivalist approach.</p>

  <h2>How</h2>

  <p>With effective crafting and tooling, trying to go lighter and gaining confidence over time.</p>

  <p>I am going solo for now. Let me know if you are interested for pairing though.</p>

  <h2>When</h2>

  <ul>
    <li>October 2017: <a href="/david/blog/2017/into-the-wild/">Into the Wild</a></li>
    <li>January 2018: <a href="/david/blog/2018/into-the-cold/">Into the Cold</a></li>
    <li>February 2018: <a href="/david/blog/2018/into-the-snow/">Into the Snow</a></li>
    <li>March 2018: <a href="/david/blog/2018/into-the-wind/">Into the Wind</a></li>
    <li>April 2018: <a href="/david/blog/2018/into-the-camp/">Into the Camp</a></li>
    <li>April 2018: <a href="/david/blog/2018/into-the-mice/">Into the Mice</a></li>
    <li>May 2018: <a href="/david/blog/2018/into-the-good/">Into the Good</a></li>
    <li>July 2018: <a href="/david/blog/2018/into-the-bugs/">Into the Bugs</a></li>
    <li>September 2018: <a href="/david/blog/2018/into-the-raft/">Into the Raft</a></li>
    <li>Octobre 2018: <a href="/david/blog/2018/bushcraft-retrospective/">Bushcraft retrospective</a></li>
    <li>Novembre 2018: <a href="/david/blog/2018/bivouac-automnal/">Bivouac automnal</a></li>
  </ul>
 </article>
 {% endblock content %}

 {% block nav %}
 <nav id="jumpto">
  <p>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/cache_archives.html
+++ b/david/templates/cache_archives.html
@@ -0,0 +1,31 @@
 {% extends "base_2019.html" %}
 {% block title %}Articles archivés{% endblock %}
 {% block extra_head %}
  <meta name="robots" content="noindex, nofollow">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/cache/">
 {% endblock %}
 {% block content %}
 <h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  Articles archivés
  <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
 </h1>
 <section>
  <article>
    <ul>
      {% for cache in caches %}
        <li><a href="/david/cache/{{ cache.hash_url }}/" title="Accès à l'article caché">{{ cache.title }}</a> (<a href="{{ cache.url }}" title="Accès à l'article original">original</a>)</li>
      {% endfor %}
    </ul>
  </article>
 </section>
 {% endblock content %}
 {% block nav %}
 <nav id="jumpto">
  <p>
    <a href="/david/blog/">Accueil du blog</a> |
    <a href="/david/stream/2019/">Accueil du flux</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/cache_article.html
+++ b/david/templates/cache_article.html
@@ -0,0 +1,30 @@
 {% extends "base_2019.html" %}
 {% block title %}{{ cache.title }} (archive){% endblock %}
 {% block extra_head %}
  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="{{ cache.url }}">
 {% endblock %}
 {% block content %}
 <h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  {{ cache.title }} (archive)
  <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
 </h1>
 <section>
  <article>
    <h3><a href="{{ cache.url }}">Source originale du contenu</a></h3>
    {{ cache.content }}
  </article>
 </section>
 {% endblock content %}
 {% block nav %}
 <nav id="jumpto">
  <p>
    <a href="/david/blog/">Accueil du blog</a> |
    <a href="{{ cache.url }}">Source originale</a> |
    <a href="/david/stream/2019/">Accueil du flux</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/cache_article.md
+++ b/david/templates/cache_article.md
@@ -0,0 +1,5 @@
 title: {{ title }}
 url: {{ url }}
 hash_url: {{ hash_url }}

 {{ content }}
--- a/david/templates/code.html
+++ b/david/templates/code.html
@@ -0,0 +1,83 @@
 {% extends "base.html" %}
 {% block lang %}en{% endblock lang %}
 {% block title %}Code{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/code/">
 {% endblock %}
 {% block content %}
  <h1>Open-Source Code</h1>
  <section>
      <article>
        <h2>Content Browser</h2>
        <p>
          A way to browser content on the Web without the navigation/social/comments crap in a readability way.
        </p>
        <h5>
          <a href="https://bitbucket.org/david/contentbrowser/" title="">Documentation &amp; repository</a>
        </h5>
      </article>
      <article>
        <h2>Django ROA</h2>
        <p>
          ROA (or WOA) stands for Resource (or Web) Oriented Architecture, it’s
          about Service Oriented Architecture (SOA) with web constraints. Django
          ROA allows you to access remote resources (API) using the Django ORM.
          Use Django’s ORM to model remote API resources.
        </p>
        <h5>
          <a href="https://bitbucket.org/david/django-roa/wiki/Home" title="">Documentation</a> |
          <a href="https://bitbucket.org/david/django-roa/src/" title="">Repository</a>
        </h5>
      </article>
      <article class="">
        <h2>Django storages</h2>
        <p>
          An attempt to regroup all Django storages. Firstly, it was just a home
          for an S3 one but now there are storages for FTP, MogileFS, Image and
          so on. Do not hesitate to participate and to submit your one! Note that
          I can’t test all submitted storages.
        </p>
        <h5>
          <a href="http://django-storages.readthedocs.org/en/latest/" title="">Documentation</a> |
          <a href="https://bitbucket.org/david/django-storages/src/" title="">Repository</a>
        </h5>
      </article>
      <article>
        <h2>Django OAuth+</h2>
        <p>
          Support of OAuth in Django. The whole specification is used
          as test and many projects use it in production.
          The "plus" fork uses the more robust python-oauth2 and fix some bugs.
        </p>
        <h5>
          <a href="https://bitbucket.org/david/django-oauth-plus/" title="">Documentation</a> |
          <a href="https://bitbucket.org/david/django-oauth-plus/src/" title="">Repository</a>
        </h5>
      </article>
      <article class="">
        <h2>Django invitation</h2>
        <p>
          Built on top of django-registration, it restricts registration to a
          given number of invited person per active user (strategy introduced
          by GMail to involve 2.0 users).
        </p>
        <h5>
          <a href="https://bitbucket.org/david/django-invitation/" title="">Documentation</a> |
          <a href="https://bitbucket.org/david/django-invitation/src/" title="">Repository</a>
        </h5>
      </article>
      <article>
        <h2>Django-fr</h2>
        <p>
          The website of the French community. It mainly contains
          translated documentation and useful links.
        </p>
        <h5>
          <a href="http://www.django-fr.org/" title="">Website</a> |
          <a href="https://bitbucket.org/djangofr/djangofrdoc/wiki/Home" title="">Documentation</a> |
          <a href="https://bitbucket.org/djangofr/" title="">Repository</a>
        </h5>
      </article>
    </section>
 {% endblock content %}
--- a/david/templates/correspondence_archives.html
+++ b/david/templates/correspondence_archives.html
@@ -0,0 +1,27 @@
 {% extends "base_2017.html" %}
 {% block title %}Correspondances hebdomadaires{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/correspondances/2017/">
 {% endblock %}
 {% block content %}
 <h1>Correspondances hebdomadaires</h1>
 <aside>
  <p><em>
    Ces <a href="/david/blog/2017/echanger-supprimer-rebondir/" title="Comprendre leur origine">correspondances</a> sont publiées avec une régularité que j’espère hebdomadaire. <a href="/david/log/" title="Accès au flux RSS">Abonnez-vous</a> si vous souhaitez être tenu informé des mises à jour.
  </em></p>
 </aside>
 {% for correspondence in correspondence_list %}
  <article>
    <h2>{{ correspondence.date }} · <a href="{{ correspondence.url }}">Lettre à {{ correspondence.title }}</a></h2>
    {{ correspondence.content }}
  </article>
 {% endfor %}
 {% endblock content %}
 {% block nav %}
 <nav>
  <p>
    <a href="/david/stream/2015/">Réflexions quotidiennes 2015</a> | <a href="/david/lexique/">Lexique 2016</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/correspondence_article.html
+++ b/david/templates/correspondence_article.html
@@ -0,0 +1,25 @@
 {% extends "base_2017.html" %}

 {% block title %}Lettre à {{ correspondence.title }}{% endblock %}}

 {% block extra_head %}
 <!-- Canonical URL for SEO purposes? -->
 <link rel=canonical href="https://larlet.fr{{ correspondence.url }}">
 {% endblock extra_head %}
 {% block content %}
 <h1>Lettre à {{ correspondence.title }}</h1>
 <time>{{ correspondence.date }}</time>
 <article>
  {{ correspondence.content }}
  <p>
    <em>Ces <a href="/david/blog/2017/echanger-supprimer-rebondir/" title="Comprendre leur origine">correspondances</a> sont publiées hebdomadairement, vous pouvez y répondre de manière publique ou privée ou physique ou pas, de manière décentralisée sur votre espace ou directement ici. Vous pouvez aussi en demander le retrait sans aucune justification.</em>
  </p>
 </article>
 {% endblock content %}
 {% block nav %}
 <nav>
  <p>
    <a href="{{ prev.url }}">← Lettre à {{ prev.title }}</a> | <a href="/david/correspondances/2017/" title="Retour à la liste des correspondances">↑</a>{% if next %} | <a href="{{ next.url }}">Lettre à {{ next.title }} →</a>{% endif %}
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/emergency.html
+++ b/david/templates/emergency.html
@@ -0,0 +1,52 @@
 {% extends "base_2017.html" %}
 {% block lang %}en{% endblock lang %}
 {% block title %}Emergency{% endblock %}
 {% block extra_head %}
  <meta name="robots" content="noindex, follow">
 {% endblock %}
 {% block content %}
 <h1>Emergency</h1>
 <article>
  <h2>Oops! David Larlet is in trouble 😓</h2>

  <p>Persons to contact:</p>
  <ul>
    <li>Emilie Chastel (wife, in Montreal/Canada): <a href="tel:+14384886862">+1 438 488 6862</a></li>
    <li>Luce Le Huerou (mother, in Marseille/France): <a href="tel:+33649294190">+33 6 49 29 41 90</a></li>
  </ul>
  <p>If you found me in bad conditions, please activate my Personal Locator Beacon to call search and rescue operations. It is located in the pharmacy (red bag with white cross).</p>

  <h2>Planned routes</h2>

  <h3>2019-08-30 — 2019-09-01</h3>

  <p>Labelle, QC: around Nantel lake. </p>

  <p>46°18'31.4"N 74°42'31.6"W</p>

  <p>46.308723, -74.708769</p>

  <h2>Things to know about David</h2>

  <h3>Health</h3>

  <p>No drug prescription as of September 2019. Blood very fluid but coagulation is OK. Do NOT administrate any anti-coagulation drug (NO ASPIRIN).</p>
  <ul>
    <li>Blood group: A+</li>
    <li>Weight: 72 kilograms == 160 pounds</li>
    <li>Height: 178 centimeters == 5 feet, 10 inches</li>
    <li>Hair: brown</li>
    <li>Eyes: brown</li>
  </ul>

  <h3>Abilities</h3>

  <ul>
    <li>Healthy, regularly practicing endurance sports for a decade.</li>
    <li>Strong mental, used to survival situations alone in the bush.</li>
    <li>Basic first-aid skills, should know how to self-repair non-critical injuries.</li>
    <li>Hopefully humble enough to make a call before it gets too bad…</li>
  </ul>
 </article>
 {% endblock content %}
 {% block aside %}{% endblock aside %}
--- a/david/templates/feed.xml
+++ b/david/templates/feed.xml
@@ -0,0 +1,32 @@
 <?xml version="1.0" encoding="utf-8"?>
 <feed xmlns="http://www.w3.org/2005/Atom">
    <title>David Larlet</title>
    <subtitle>Dernières mises à jour du site</subtitle>
    <link href="{{ BASE_URL }}" rel="alternate" type="text/html" />
    <link href="{{ BASE_URL }}log/" rel="self" />
    <id>{{ BASE_URL }}</id>
    <updated>{{ current_dt }}</updated>
    <author>
        <name>David Larlet</name>
        <uri>{{ BASE_URL }}</uri>
    </author>
    <rights>Copyright (c) 2004-2019, David Larlet</rights>
    {% for post in post_list %}
        <entry xml:lang="{{ post.lang }}">
            <title>★ {{ post.escaped_title }}</title>
            <link href="{{ post.full_url }}" rel="alternate" type="text/html" />
            <updated>{{ post.normalized_date }}</updated>
            <id>{{ post.full_url }}</id>
            <summary type="html">{{ post.escaped_content }}</summary>
        </entry>
    {% endfor %}
    {% for note in note_list %}
        <entry xml:lang="fr">
            <title>☕︎ {{ note.escaped_title }}</title>
            <link href="{{ note.full_url }}" rel="alternate" type="text/html" />
            <updated>{{ note.normalized_date }}</updated>
            <id>{{ note.full_url }}</id>
            <summary type="html">{{ note.escaped_content }}</summary>
        </entry>
    {% endfor %}
 </feed>
--- a/david/templates/feed_biologeek.xml
+++ b/david/templates/feed_biologeek.xml
@@ -0,0 +1,21 @@
 <?xml version="1.0" encoding="utf-8"?>
 <feed xmlns="http://www.w3.org/2005/Atom">
    <title>Biologeek-final.bak.2</title>
    <subtitle>Ancien flux plus mis à jour</subtitle>
    <link href="https://larlet.fr/david/biologeek/" rel="alternate" type="text/html" />
    <link href="https://larlet.fr/david/biologeek/log/" rel="self" />
    <id>https://larlet.fr/david/biologeek/</id>
    <updated>{{ current_dt }}</updated>
    <author>
        <name>David Larlet</name>
        <uri>https://larlet.fr/david/</uri>
    </author>
    <rights>Copyright (c) 2004-2019, David Larlet</rights>
    <entry xml:lang="fr">
        <title>{{ escaped_title }}</title>
        <link href="https://larlet.fr/david/biologeek/" rel="alternate" type="text/html" />
        <updated>{{ current_dt }}</updated>
        <id>https://larlet.fr/david/biologeek/</id>
        <summary type="html">{{ escaped_content }}</summary>
    </entry>
 </feed>
--- a/david/templates/lexique.html
+++ b/david/templates/lexique.html
@@ -0,0 +1,94 @@
 {% extends "base.html" %}
 {% block title %}Lexique{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/lexique/">
  <style type="text/css">
    article {
      display: flex;
      flex-direction: row-reverse;
      align-items: flex-start;
      border-top: 1px solid #C0C0C0;
      margin-bottom: 1em;
    }
    article p::first-letter {
      padding-left: 1.5em;
    }
    article p {
      margin: 0;
      font-size: calc(1rem + 0.4 * (100vw / 60));
      text-align: justify;
    }
    article h2 {
      width: auto;
      margin: 0;
      padding: 0;
      transform: rotate(90deg);
      border: none;
      font-size: calc(1.5rem + 0.4 * (100vw / 60));
      line-height: 0;
      width: 2em;
    }
    article h2 a, article h2 a:link, article h2 a:visited {
      margin-left: calc(70% + 1rem);
      background-image: none;
      text-shadow: none;
      color: #999;
    }
    article div {
      padding-top: 1rem;
    }
    article div p:first-child::first-letter {
      font-size: 10vw;
      float: left;
      padding: 1rem .5vw 0 0;
      line-height: .7;
    }
  </style>
 {% endblock %}

 {% block content %}
  <h1>Lexique</h1>
  <p>
    Ce lexique est un <a href="/david/blog/2016/experience-ecriture/">travail commencé en 2016</a> qui a été <a href="/david/blog/2017/echanger-supprimer-rebondir/">abandonné en 2017</a>. Les textes évoluent dans le temps et se lient entre eux automatiquement.
  </p>
  <section>
    {% for term in term_list %}
      <article id="{{ term.title|lower }}">
        <h2><a href="{{ term.url }}" title="Lien vers ce terme">{{ term.title }}</a></h2>
        <div>
          {{ term.content }}
        </div>
      </article>
    {% endfor %}
  </section>
  <h3>Aller plus loin</h3>
  <p>
  Vous pouvez <a href="/david/stream/2015/" title="Autre temps, autre style">consulter les archives de 2015</a>
  pour d’autres réflexions plus techniques.
  </p>
 {% endblock content %}

 {% block extra_footer %}
  <script type="text/javascript">
 /**
 * StyleFix 1.0.3 & PrefixFree 1.0.7
 * @author Lea Verou
 * MIT license
 */
 (function(){function k(a,b){return[].slice.call((b||document).querySelectorAll(a))}if(window.addEventListener){var e=window.StyleFix={link:function(a){try{if("stylesheet"!==a.rel||a.hasAttribute("data-noprefix"))return}catch(b){return}var c=a.href||a.getAttribute("data-href"),d=c.replace(/[^\/]+$/,""),h=(/^[a-z]{3,10}:/.exec(d)||[""])[0],l=(/^[a-z]{3,10}:\/\/[^\/]+/.exec(d)||[""])[0],g=/^([^?]*)\??/.exec(c)[1],m=a.parentNode,f=new XMLHttpRequest,n;f.onreadystatechange=function(){4===f.readyState&&
 n()};n=function(){var b=f.responseText;if(b&&a.parentNode&&(!f.status||400>f.status||600<f.status)){b=e.fix(b,!0,a);if(d)var b=b.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(b,a,c){return/^([a-z]{3,10}:|#)/i.test(c)?b:/^\/\//.test(c)?'url("'+h+c+'")':/^\//.test(c)?'url("'+l+c+'")':/^\?/.test(c)?'url("'+g+c+'")':'url("'+d+c+'")'}),c=d.replace(/([\\\^\$*+[\]?{}.=!:(|)])/g,"\\$1"),b=b.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+c,"gi"),"$1");c=document.createElement("style");c.textContent=
 b;c.media=a.media;c.disabled=a.disabled;c.setAttribute("data-href",a.getAttribute("href"));m.insertBefore(c,a);m.removeChild(a);c.media=a.media}};try{f.open("GET",c),f.send(null)}catch(p){"undefined"!=typeof XDomainRequest&&(f=new XDomainRequest,f.onerror=f.onprogress=function(){},f.onload=n,f.open("GET",c),f.send(null))}a.setAttribute("data-inprogress","")},styleElement:function(a){if(!a.hasAttribute("data-noprefix")){var b=a.disabled;a.textContent=e.fix(a.textContent,!0,a);a.disabled=b}},styleAttribute:function(a){var b=
 a.getAttribute("style"),b=e.fix(b,!1,a);a.setAttribute("style",b)},process:function(){k('link[rel="stylesheet"]:not([data-inprogress])').forEach(StyleFix.link);k("style").forEach(StyleFix.styleElement);k("[style]").forEach(StyleFix.styleAttribute)},register:function(a,b){(e.fixers=e.fixers||[]).splice(void 0===b?e.fixers.length:b,0,a)},fix:function(a,b,c){for(var d=0;d<e.fixers.length;d++)a=e.fixers[d](a,b,c)||a;return a},camelCase:function(a){return a.replace(/-([a-z])/g,function(b,a){return a.toUpperCase()}).replace("-",
 "")},deCamelCase:function(a){return a.replace(/[A-Z]/g,function(b){return"-"+b.toLowerCase()})}};(function(){setTimeout(function(){k('link[rel="stylesheet"]').forEach(StyleFix.link)},10);document.addEventListener("DOMContentLoaded",StyleFix.process,!1)})()}})();
 (function(k){function e(b,c,d,h,l){b=a[b];b.length&&(b=RegExp(c+"("+b.join("|")+")"+d,"gi"),l=l.replace(b,h));return l}if(window.StyleFix&&window.getComputedStyle){var a=window.PrefixFree={prefixCSS:function(b,c,d){var h=a.prefix;-1<a.functions.indexOf("linear-gradient")&&(b=b.replace(/(\s|:|,)(repeating-)?linear-gradient\(\s*(-?\d*\.?\d*)deg/ig,function(b,a,c,d){return a+(c||"")+"linear-gradient("+(90-d)+"deg"}));b=e("functions","(\\s|:|,)","\\s*\\(","$1"+h+"$2(",b);b=e("keywords","(\\s|:)","(\\s|;|\\}|$)",
 "$1"+h+"$2$3",b);b=e("properties","(^|\\{|\\s|;)","\\s*:","$1"+h+"$2:",b);if(a.properties.length){var l=RegExp("\\b("+a.properties.join("|")+")(?!:)","gi");b=e("valueProperties","\\b",":(.+?);",function(a){return a.replace(l,h+"$1")},b)}c&&(b=e("selectors","","\\b",a.prefixSelector,b),b=e("atrules","@","\\b","@"+h+"$1",b));b=b.replace(RegExp("-"+h,"g"),"-");return b=b.replace(/-\*-(?=[a-z]+)/gi,a.prefix)},property:function(b){return(0<=a.properties.indexOf(b)?a.prefix:"")+b},value:function(b,c){b=
 e("functions","(^|\\s|,)","\\s*\\(","$1"+a.prefix+"$2(",b);b=e("keywords","(^|\\s)","(\\s|$)","$1"+a.prefix+"$2$3",b);0<=a.valueProperties.indexOf(c)&&(b=e("properties","(^|\\s|,)","($|\\s|,)","$1"+a.prefix+"$2$3",b));return b},prefixSelector:function(b){return b.replace(/^:{1,2}/,function(b){return b+a.prefix})},prefixProperty:function(b,c){var d=a.prefix+b;return c?StyleFix.camelCase(d):d}};(function(){var b={},c=[],d=getComputedStyle(document.documentElement,null),h=document.createElement("div").style,
 l=function(a){if("-"===a.charAt(0)){c.push(a);a=a.split("-");var d=a[1];for(b[d]=++b[d]||1;3<a.length;)a.pop(),d=a.join("-"),StyleFix.camelCase(d)in h&&-1===c.indexOf(d)&&c.push(d)}};if(0<d.length)for(var g=0;g<d.length;g++)l(d[g]);else for(var e in d)l(StyleFix.deCamelCase(e));var g=0,f,k;for(k in b)d=b[k],g<d&&(f=k,g=d);a.prefix="-"+f+"-";a.Prefix=StyleFix.camelCase(a.prefix);a.properties=[];for(g=0;g<c.length;g++)e=c[g],0===e.indexOf(a.prefix)&&(f=e.slice(a.prefix.length),StyleFix.camelCase(f)in
 h||a.properties.push(f));!("Ms"!=a.Prefix||"transform"in h||"MsTransform"in h)&&"msTransform"in h&&a.properties.push("transform","transform-origin");a.properties.sort()})();(function(){function b(a,b){h[b]="";h[b]=a;return!!h[b]}var c={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};c["repeating-linear-gradient"]=
 c["repeating-radial-gradient"]=c["radial-gradient"]=c["linear-gradient"];var d={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display",grid:"display","inline-grid":"display","max-content":"width","min-content":"width","fit-content":"width","fill-available":"width"};a.functions=[];a.keywords=[];var h=document.createElement("div").style,e;for(e in c){var g=c[e],k=g.property,g=e+"("+g.params+")";!b(g,k)&&
 b(a.prefix+g,k)&&a.functions.push(e)}for(var f in d)k=d[f],!b(f,k)&&b(a.prefix+f,k)&&a.keywords.push(f)})();(function(){function b(a){e.textContent=a+"{}";return!!e.sheet.cssRules.length}var c={":read-only":null,":read-write":null,":any-link":null,"::selection":null},d={keyframes:"name",viewport:null,document:'regexp(".")'};a.selectors=[];a.atrules=[];var e=k.appendChild(document.createElement("style")),l;for(l in c){var g=l+(c[l]?"("+c[l]+")":"");!b(g)&&b(a.prefixSelector(g))&&a.selectors.push(l)}for(var m in d)g=
 m+" "+(d[m]||""),!b("@"+g)&&b("@"+a.prefix+g)&&a.atrules.push(m);k.removeChild(e)})();a.valueProperties=["transition","transition-property"];k.className+=" "+a.prefix;StyleFix.register(a.prefixCSS)}})(document.documentElement);
  </script>

 {% endblock extra_footer %}
--- a/david/templates/liens.html
+++ b/david/templates/liens.html
@@ -0,0 +1,47 @@
 {% extends "base.html" %}
 {% block title %}Liens{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/liens/">
 {% endblock %}
 {% block content %}
  <h1>Liens</h1>
  <section>
    <article>
      <h1>Liens internes</h1>
      <p>Liste des différentes sections que vous pourrez retrouver sur ce site :</p>
      <ul>
        <li><a href="/david/"><code>/david/</code></a> : mon profil personnel ;</li>
        <li><a href="/david/pro/"><code>/david/pro/</code></a> : mon profil professionnel ;</li>
        <li><a href="/david/blog/"><code>/david/blog/</code></a> : mon blog depuis 2004 ;</li>
        <li><a href="/david/stream/"><code>/david/stream/</code></a> : mes notes depuis 2009 ;</li>
        <li><a href="/david/arlesien/"><code>/david/arlesien/</code></a> : mes propositions citoyennes pour Arles ;</li>
        <li><a href="/david/talks/" data-no-instant><code>/david/talks/</code></a> : mes interventions en public sous forme de timeline ;</li>
        <li><a href="/david/code/"><code>/david/code/</code></a> : une partie du code que j’ai produit en Open-Source ;</li>
        <li><a href="/david/media/"><code>/david/media/</code></a> : mes photos de vacances et d’ailleurs ;</li>
        <li><a href="/david/log/"><code>/david/log/</code></a> : le flux pour être informé des mises à jour.</li>
      </ul>
    </article>
    <article>
      <h2>Liens externes</h2>
      <p>Liste des ressources que je consulte fréquemment :</p>
      <ul>
        <li><a href="http://www.la-grange.net/" title="">La grange</a> est un lieu où <em>Karl Dubost</em> entrepose de la nourriture pour l’esprit, en toute saison, avec poésie et justesse ;</li>
        <li><a href="http://www.christian-faure.net/" title="">Hypomnemata : supports de mémoire</a> est un blog où <em>Christian Fauré</em> mèle philosophie et pragmatisme au sujet du Web et de ses données ;</li>
        <li><a href="http://n.survol.fr/" title="">Carnet de notes</a> est un espace d’opinion tenu par <em>Éric D.</em> reflétant certains de mes questionnements ;</li>
        <li><a href="https://xkcd.com/" title="">A webcomic of romance, sarcasm, math, and language</a> par <em>Randall Munroe</em> est indescriptiblement vrai ;</li>
        <li><a href="http://www.cynicalturtle.net/kame/" title="">La tortue cynique</a> par <em>Damien Bonvillain</em> avec lequel j’entretiens une relation masochiste digitale (il aime bien me taper sur les doigts) ;</li>
        <li><a href="http://jehaisleprintemps.net/blog/" title="">Je Hais Le Printemps</a> le blog de <em>Bruno Bord</em> qui a toujours été là quand j’avais besoin d’intégrité ;</li>
        <li><a href="http://demainjarrete.stpo.fr" title="">Demain j’arrête</a> le blog pas souvent mis à jour de <em>Christophe Andrieu</em> dont j’apprécie le trait, l’esprit et l’aigreur ;</li>
        <li><a href="http://www.faitmain.org/" title="">FaitMain</a> un magazine lancé par <em>Tarek Ziadé</em> que j’apprécie pour sa constance dans l’envie de partager ses passions et l’énergie qu’il met dedans ;</li>
        <li><a href="http://www.internetactu.net/" title="">InternetActu</a> et plus particulièrement les articles d’<em>Hubert Guillaud</em> qui fait un effort de synthèse et de réflexion qui m’impressionne à chaque fois ;</li>
      </ul>
      <p>Liste des services que j’utilise pour propulser ce site :</p>
      <ul>
        <li><a href="https://www.alwaysdata.com/" title="">AlwaysData SàRL</a>, mon hébergeur de confiance ayant son siège social au 62 rue Tiquetonne, 75002 Paris (tél. +33 1 84 16 23 40) ;</li>
        <li><a href="https://www.gandi.net/" title="">Gandi</a>, pour le nom de domaine et le certificat SSL ;</li>
        <li><a href="http://www.alessioatzeni.com/metrize-icons/" title="">Metrize Icons</a>, pour les icônes en SVG ;</li>
        <li><a href="http://practicaltypography.com/equity.html" title="">Equity</a> et <a href="http://practicaltypography.com/triplicate.html" title="">Triplicate</a> pour les polices de caractères.</li>
    </article>
  </section>
 {% endblock content %}
--- a/david/templates/media-2008.html
+++ b/david/templates/media-2008.html
@@ -0,0 +1,91 @@
 {% extends "base.html" %}
 {% block title %}Media{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/media/2008/">
 {% endblock %}
 {% block content %}
  <section>
    <article>
      <ul>
        <li><a href="/david/media/2013/">2013 : Mont-Blanc</a></li>
        <li><a href="/david/media/2012/">2012 : Japon</a></li>
        <li><a href="/david/media/2010/">2010 : Québec etc</a></li>
        <li><a href="/david/media/2009/">2009 : Japon</a></li>
        <li><a href="/david/media/2008/">2008 : Toscane</a></li>
      </ul>
    </article>
    <figure>
      <img src="/static/david/media/2008/2008-sienne-amour-interdit.jpg" alt="Amour interdit" width="800" height="532" />
      <figcaption>
        Amour interdit.<span class="metadata"> — Sienne</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-abruzzo-arches.jpg" alt="Arches" width="451" height="680" />
      <figcaption>
        Arches.<span class="metadata"> — Arezzo</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-chiusdino-rue.jpg" alt="Rue" width="451" height="680" />
      <figcaption>
        Rue.<span class="metadata"> — Chiusdino</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-cortona-fiat500.jpg" alt="Fiat 500" width="451" height="680" />
      <figcaption>
        Fiat 500.<span class="metadata"> — Cortona</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-scalvaia-cocktail.jpg" alt="Cocktail" width="452" height="680" />
      <figcaption>
        Cocktail.<span class="metadata"> — Scalvaia</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-monticiano-rue.jpg" alt="Rue" width="800" height="532" />
      <figcaption>
        Rue.<span class="metadata"> — Monticiano</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-sienne-retro.jpg" alt="Rétro" width="800" height="532" />
      <figcaption>
        Rétro.<span class="metadata"> — Sienne</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-sienne-retro2.jpg" alt="Rétro" width="800" height="532" />
      <figcaption>
        Rétro.<span class="metadata"> — Sienne</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-sienne-retro3.jpg" alt="Rétro" width="800" height="532" />
      <figcaption>
        Rétro.<span class="metadata"> — Sienne</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-arles-lampadaires.jpg" alt="Lampadaires" width="800" height="532" />
      <figcaption>
        Lampadaires.<span class="metadata"> — Arles</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-arles-cocarde.jpg" alt="Cocarde d’or" width="800" height="532" />
      <figcaption>
        Cocarde d’or.<span class="metadata"> — Arles</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2008/2008-arles-scarabee.jpg" alt="Scarabée" width="452" height="680" />
      <figcaption>
        Scarabée.<span class="metadata"> — Arles</span>
      </figcaption>
    </figure>
  </section>
 {% endblock content %}
--- a/david/templates/media-2009.html
+++ b/david/templates/media-2009.html
@@ -0,0 +1,91 @@
 {% extends "base.html" %}
 {% block title %}Media{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/media/2009/">
 {% endblock %}
 {% block content %}
  <section>
    <article>
      <ul>
        <li><a href="/david/media/2013/">2013 : Mont-Blanc</a></li>
        <li><a href="/david/media/2012/">2012 : Japon</a></li>
        <li><a href="/david/media/2010/">2010 : Québec etc</a></li>
        <li><a href="/david/media/2009/">2009 : Japon</a></li>
        <li><a href="/david/media/2008/">2008 : Toscane</a></li>
      </ul>
    </article>
    <figure>
      <img src="/static/david/media/2009/2009-miyajima-kawaii.jpg" alt="Kawai" width="800" height="532" />
      <figcaption>
        Kawaii.<span class="metadata"> — Miyajiama</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-himeji-chateau.jpg" alt="Château d’Himeji" width="800" height="532" />
      <figcaption>
        Château.<span class="metadata"> — Himeji</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-hiroshima-dome.jpg" alt="Dôme d’Hiroshima" width="451" height="680" />
      <figcaption>
        Dôme.<span class="metadata"> — Hiroshima</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-kamakura-chemin.jpg" alt="Chemin" width="451" height="680" />
      <figcaption>
        Chemin.<span class="metadata"> — Kamakura</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-miyajima-lanternes.jpg" alt="Lanternes" width="800" height="532" />
      <figcaption>
        Lanternes.<span class="metadata"> — Miyajima</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-kamakura-purification.jpg" alt="Port" width="451" height="680" />
      <figcaption>
        Purification.<span class="metadata"> — Miyajima</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-miyajima-rouleaux.jpg" alt="Rouleaux" width="800" height="532" />
      <figcaption>
        Rouleaux.<span class="metadata"> — Miyajima</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-nara-calligraphie.jpg" alt="Calligraphie" width="451" height="680" />
      <figcaption>
        Calligraphie.<span class="metadata"> — Nara</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-tokyo-kokeshi.jpg" alt="Kokeshi" width="800" height="532" />
      <figcaption>
        Kokeshi.<span class="metadata"> — Tokyo</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-tokyo-predictions.jpg" alt="Prédictions" width="800" height="532" />
      <figcaption>
        Prédictions.<span class="metadata"> — Tokyo</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-tokyo-singe.jpg" alt="Singe" width="800" height="532" />
      <figcaption>
        Singe.<span class="metadata"> — Tokyo</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2009/2009-tokyo-tablettes.jpg" alt="Tablettes" width="800" height="532" />
      <figcaption>
        Tablettes.<span class="metadata"> — Tokyo</span>
      </figcaption>
    </figure>
  </section>
 {% endblock content %}
--- a/david/templates/media-2010.html
+++ b/david/templates/media-2010.html
@@ -0,0 +1,97 @@
 {% extends "base.html" %}
 {% block title %}Media{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/media/2010/">
 {% endblock %}
 {% block content %}
  <section>
    <article>
      <ul>
        <li><a href="/david/media/2013/">2013 : Mont-Blanc</a></li>
        <li><a href="/david/media/2012/">2012 : Japon</a></li>
        <li><a href="/david/media/2010/">2010 : Québec etc</a></li>
        <li><a href="/david/media/2009/">2009 : Japon</a></li>
        <li><a href="/david/media/2008/">2008 : Toscane</a></li>
      </ul>
    </article>
    <figure>
      <img src="/static/david/media/2010/2010-laciotat-canyoning.jpg" alt="Canyoning" width="453" height="681" />
      <figcaption>
        Canyoning.<span class="metadata"> — La Ciotat</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201001-arles-lever-soleil.jpg" alt="Lever de soleil" width="800" height="532" />
      <figcaption>
        Lever de soleil.<span class="metadata"> — Arles</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201002-pontdegau-cygnes-amoureux.jpg" alt="Cygnes amoureux" width="800" height="532" />
      <figcaption>
        Cygnes amoureux.<span class="metadata"> — Pont de Gau</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201003-pontdegau-avocettes.jpg" alt="Avocettes" width="800" height="533" />
      <figcaption>
        Avocettes.<span class="metadata"> — Pont de Gau</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201004-nimes-taureau.jpg" alt="Taureau" width="800" height="532" />
      <figcaption>
        Taureau.<span class="metadata"> — Nîmes</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201005-saintesmaries-port.jpg" alt="Port" width="800" height="532" />
      <figcaption>
        Port.<span class="metadata"> — Saintes-Maries</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201006-croatie-sibenik.jpg" alt="Šibenik" width="800" height="532" />
      <figcaption>
        Šibenik.<span class="metadata"> — Croatie</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201007-arles-papillon.jpg" alt="Papillon" width="800" height="532" />
      <figcaption>
        Papillon.<span class="metadata"> — Arles</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201008-croatie-primosten.jpg" alt="Primošten" width="800" height="532" />
      <figcaption>
        Primošten.<span class="metadata"> — Croatie</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201009-croatie-chutes-krka.jpg" alt="Chutes de Krka" width="800" height="532" />
      <figcaption>
        Chutes de Krka.<span class="metadata"> — Croatie</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201010-saintfelicien-caribou-farceur.jpg" alt="Caribou farceur" width="800" height="532" />
      <figcaption>
        Caribou farceur.<span class="metadata"> — St Félicien</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201011-quebec-chateau-frontenac.jpg" alt="Château Frontenac" width="800" height="532" />
      <figcaption>
        Château Frontenac.<span class="metadata"> — Québec</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2010/201012-saintfelicien-ourson-blanc.jpg" alt="Ourson blanc" width="800" height="532" />
      <figcaption>
        Ourson blanc.<span class="metadata"> — St Félicien</span>
      </figcaption>
    </figure>
  </section>
 {% endblock content %}
--- a/david/templates/media-2012.html
+++ b/david/templates/media-2012.html
@@ -0,0 +1,67 @@
 {% extends "base.html" %}
 {% block title %}Media{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/media/2012/">
 {% endblock %}
 {% block content %}
  <section>
    <article>
      <ul>
        <li><a href="/david/media/2013/">2013 : Mont-Blanc</a></li>
        <li><a href="/david/media/2012/">2012 : Japon</a></li>
        <li><a href="/david/media/2010/">2010 : Québec etc</a></li>
        <li><a href="/david/media/2009/">2009 : Japon</a></li>
        <li><a href="/david/media/2008/">2008 : Toscane</a></li>
      </ul>
    </article>
    <figure>
      <img src="/static/david/media/2012/20120717-fujisan-sommet.jpg" alt="Sommet" width="800" height="571" />
      <figcaption>
        Se dépasser.<span class="metadata"> — Fujisan, juillet 2012</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2012/20120503-iriomote-bateau.jpg" alt="Bateau" width="800" height="533" />
      <figcaption>
        Revenir, sans précipitation.<span class="metadata"> — Iriomote, mai 2012</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2012/20120409-tokyo-generations.jpg" alt="Générations" width="800" height="533" />
      <figcaption>
        Générations.<span class="metadata"> — Tokyo, avril 2012</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2012/20120401-kawasaki-soleil.jpg" alt="Soleil" width="800" height="533" />
      <figcaption>
        Le soleil et le bois.<span class="metadata"> — Kawasaki, avril 2012</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2012/20120129-yokohama-pieds.jpg" alt="Pieds" width="800" height="638" />
      <figcaption>
        Futile élévation.<span class="metadata"> — Yokohama, janvier 2012</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2011/20111212-osaka-tatamis.jpg" alt="Tatamis à Osaka" width="800" height="640" />
      <figcaption>
        Le vide est humain.<span class="metadata"> — Osaka, décembre 2011</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2011/20111119-nikko-parapluie-koyo.jpg" alt="Parapluie à Nikko" width="800" height="638" />
      <figcaption>
        Si proches. Si loin. Si amoureux.<span class="metadata"> — Nikko, novembre 2011</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2011/20111029-takao-encens-enfant.jpg" alt="Encens au mont Takao" width="800" height="640" />
      <figcaption>
        Trouver la voie. Trouver la joie.<span class="metadata"> — Mont Takao, octobre 2011</span>
      </figcaption>
    </figure>
  </section>
 {% endblock content %}
--- a/david/templates/media-2013.html
+++ b/david/templates/media-2013.html
@@ -0,0 +1,61 @@
 {% extends "base.html" %}
 {% block title %}Media{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/media/2013/">
 {% endblock %}
 {% block content %}
  <section>
    <article>
      <ul>
        <li><a href="/david/media/2013/">2013 : Mont-Blanc</a></li>
        <li><a href="/david/media/2012/">2012 : Japon</a></li>
        <li><a href="/david/media/2010/">2010 : Québec etc</a></li>
        <li><a href="/david/media/2009/">2009 : Japon</a></li>
        <li><a href="/david/media/2008/">2008 : Toscane</a></li>
      </ul>
    </article>
    <figure>
      <img src="/static/david/media/2013/20130829-aiguille-midi.jpg" alt="Aiguille du Midi" width="600" height="800" />
      <figcaption>
        Aiguille du Midi.<span class="metadata"> — Chamonix</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2013/20130829-jorasses-geant.jpg" alt="Grandes Jorasses et Dent du Géant" width="800" height="600" />
      <figcaption>
        Grandes Jorasses et Dent du Géant.<span class="metadata"> — Aiguille du Midi</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2013/20130829-jorasses-midi.jpg" alt="Grandes Jorasses" width="600" height="800" />
      <figcaption>
        Grandes Jorasses.<span class="metadata"> — Aiguille du Midi</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2013/20130830-aiguille-bionnassay.jpg" alt="Aiguille de Bionnassay" width="800" height="600" />
      <figcaption>
        Aiguille de Bionnassay.<span class="metadata"> — Refuge du Goûter</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2013/20130831-montblanc-crete.jpg" alt="Mont-Blanc" width="800" height="600" />
      <figcaption>
        Mont-Blanc.<span class="metadata"> — Abri Vallot</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2013/20130831-montblanc-ombre.jpg" alt="Mont-Blanc" width="800" height="600" />
      <figcaption>
        Mont-Blanc.<span class="metadata"> — Arrête somitale</span>
      </figcaption>
    </figure>
    <figure>
      <img src="/static/david/media/2013/20130831-montblanc-sommet.jpg" alt="Mont-Blanc" width="800" height="600" />
      <figcaption>
        Mont-Blanc.<span class="metadata"> — Sommet</span>
      </figcaption>
    </figure>
  </section>
 {% endblock content %}
--- a/david/templates/media.html
+++ b/david/templates/media.html
@@ -0,0 +1,19 @@
 {% extends "base.html" %}
 {% block title %}Media{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/media/">
 {% endblock %}
 {% block content %}
  <section>
    <article>
      <ul>
        <li><a href="/david/media/2013/">2013 : Mont-Blanc</a></li>
        <li><a href="/david/media/2012/">2012 : Japon</a></li>
        <li><a href="/david/media/2010/">2010 : Québec etc</a></li>
        <li><a href="/david/media/2009/">2009 : Japon</a></li>
        <li><a href="/david/media/2008/">2008 : Toscane</a></li>
      </ul>
    </article>
  </section>
 {% endblock content %}
--- a/david/templates/offline.html
+++ b/david/templates/offline.html
@@ -0,0 +1,16 @@
 {% extends "base_2017.html" %}
 {% block lang %}en{% endblock lang %}
 {% block title %}Offline{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/offline/">
 {% endblock %}
 {% block content %}
 <h1>Offline</h1>
 <article>
  <h2>Are you offline?</h2>
  <p>If no, email me please :p</p>
  <p>There is a rather high probability I messed up with Service Workers</p>
  <p>In case of doubt try to refresh that page, but still email me!</p>
 </article>
 {% endblock content %}
--- a/david/templates/pro-accompagnement.html
+++ b/david/templates/pro-accompagnement.html
@@ -0,0 +1,50 @@
 {% extends "base_2019.html" %}
 {% block title %}Accompagnement{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/pro/accompagnement/">
 {% endblock %}
 {% block content %}
  <h1>
    <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
    Accompagnement
  </h1>
  <section>
    <article>

      <p>Je vous accompagne car j’aime faciliter la collaboration et fluidifier la coopération. J’exclus toute notion de <em>mentoring</em> ou de position ascendante dans ma relation d’accompagnateur, je souhaite aider les personnes à s’émanciper par elles-mêmes et à gagner en autonomie. <strong>Je me sens utile lorsque je ne suis plus utile et que j’ai participé à une transformation.</strong></p>

      <h2>Changement de culture</h2>

      <p>Nous sommes à un moment clé où s’opèrent des changements de paradigmes. Le système pyramidal vacille, les valeurs entrent en conflit avec les finalités, les algorithmes acquièrent de l’intelligence. L’automatisation des tâches répétitives rend les systèmes toujours plus complexes. Que devient la place de l’individu, du travailleur, du producteur dans tout ça ? De nouvelles méthodes de conception et de réalisation permettent de composer avec cette complexité. D’autres outils restent à inventer avec de l’intelligence collective, avec de la collaboration, avec de l’émulation. <em>Ensemble, pour co-construire un monde différent, pour transformer la société à notre échelle.</em> Je souhaite faciliter ces interactions et cette évolution des mentalités à travers mes accompagnements. Les industries, les entreprises et les personnes ont besoin de retrouver du sens dans leur activité.</p>

      <p>J’assiste Stéphane au sein de <a href="http://scopyleft.fr/">scopyleft</a> dans ses interventions de conduite du changement auprès des équipes et des décideurs. Je participe à la formation <a href="http://trampolean.fr/">TrampoLEAN</a> qui met en application de nouvelles méthodes pour construire des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a> en optimisant le ratio temps-énergie/valeur produite.</p>

      <figure class="image">
          <img src="/static/david/pro/accompagnement.jpg" alt="" />
      </figure>

      <h2>Acquisition de savoirs</h2>

      <p><strong>La position du sachant est maintenant révolue.</strong> La connaissance est distribuée sur le réseau et complémentaire entre les apprenants. Il n’y a plus un puit de science mais un ensemble de sources qu’il faut laisser déborder, expérimenter, se perdre, converger.</p>

      <p>Je souhaite faciliter la transmission de connaissances. Encourager les échanges et les partages à travers mes formations et mes enseignements. Je donne des <a href="/david/pro/enseignement/">cours à l’IUT d’Arles</a> et j’expérimente <a href="/david/blog/2015/formations-explorations/">les formations (dis)continues</a>.</p>

      <h2>Communautés et conférences</h2>

      <p>J’ai initié les communautés Open-Source <a href="http://ubuntu-fr.org/">Ubuntu-fr</a> et <a href="http://www.django-fr.org/">Django-fr</a> en centralisant les ressources, en animant le support technique et en facilitant l’accueil des nouveaux venus. Cela m’a permis d’expérimenter de nouveaux formats d’interactions à travers les <a href="http://ubuntu-party.org/">Ubuntu Parties</a> et les <a href="http://rencontres.django-fr.org/">Rencontres Django</a>.</p>

      <p>Je suis convaincu que les associations et les entreprises auraient tout à gagner à mettre en place de telles dynamiques au sein de leurs communautés. <em>Je peux vous aider à organiser des conférences innovantes</em> qui rendent chaque participant acteur de l’acquisition de ses connaissances et de la transmission de ses expériences.</p>

    </article>
  </section>
 {% endblock content %}


 {% block nav %}
 <nav id="jumpto">
  <p>
    <a href="/david/pro/">Profil professionnel</a> (<a href="http://larlet.com">en anglais</a>) | <a href="/david/blog/2018/cout-site/">Coût d’un site</a> | <a href="/david/pro/devis/">Non-demande de devis ?</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/pro-devis.html
+++ b/david/templates/pro-devis.html
@@ -0,0 +1,75 @@
 {% extends "base_2019.html" %}
 {% block title %}Non-demande de devis ?{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/pro/devis/">
 {% endblock %}
 {% block content %}
  <h1>
    <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
    Non-demande de devis ?
  </h1>
  <section>
    <article>

    <p><strong>Je peux vous faire un devis pour vous rassurer.</strong> C’est un exercice facile qui tient compte de l’alignement des planètes et de la force du vent. C’est aussi un jeu dangereux pour vous et moi, chacun essayant d’être gagnant : si je passe moins de temps que prévu c’est moi qui gagne, sinon c’est vous. Je préfère des règles qui permettent aux deux parties de gagner.</p>

    <p>Mais pourquoi l’estimation de la production d’un site, de code est-elle si aléatoire ? <em>Une métaphore valant mille images, imaginons que vous vouliez apprendre une langue étrangère</em> — au hasard le japonais. Vous me demandez alors un devis. Je vais vous faire une beau tableau avec des items (comprendre la structure des phrases, lecture des katakanas, etc), des durées et des prix associés. Le total vous permettra de savoir combien cela coûte d’apprendre le japonais. Ou pas.</p>

    <p>En fait c’est beaucoup plus complexe que cela :</p>

    <ul>
    <li>vous pouvez avoir déjà appris une langue étrangère approchante ;</li>
    <li>vous pouvez rencontrer un japonais qui va vous faire progresser en dehors des cours ;</li>
    <li>vous pouvez découvrir une application pour votre smartphone qui rend ludique l’apprentissage des kanjis ;</li>
    <li>vous pouvez perdre la motivation pour aller au Japon et décider finalement de vous rendre en Australie ;</li>
    <li>etc.</li>
    </ul>

    <p>Si vous vous êtes engagé sur un devis avec un cahier des charges, vous allez être contraint d’apprendre le japonais alors que ça n’est finalement plus votre motivation ou de suivre des cours inutiles car vous avez déjà acquis ces concepts. Sans compter que l’apprentissage d’une langue se prolonge tout au long de la vie. C’est pour toutes ces raisons que les cours de langue se payent à la séance.</p>

    <figure class="image">
        <img src="/static/david/pro/non-devis.jpg" alt="" />
    </figure>

    <p>En informatique, nous sommes contraints à la même complexité :</p>

    <ul>
    <li>une bibliothèque ou un framework vont nous permettre de gagner beaucoup de temps (ou d’en perdre) ;</li>
    <li>un concurrent ou un nouvel usage va vous demander de pivoter et de changer votre produit du tout au tout ;</li>
    <li>un test utilisateur va vous révéler qu’une fonctionnalité que vous pensiez essentielle est en fait inutile ;</li>
    <li>un module que l’on pensait pouvoir développer rapidement s’avère finalement beaucoup plus coûteux ;</li>
    <li>etc.</li>
    </ul>

    <p><strong>Quelle alternative au devis ? Le travail par itérations</strong>. On définit ensemble une durée relativement courte (2 semaines par exemple), on établit la liste des fonctionnalité avec une priorité et on reste en contact durant la période de développement. Au bout du temps imparti, on observe ce qui a été réalisé, on tente d’améliorer la fluidité de la collaboration pour l’itération suivante et on recommence si tout le monde y consent. Cette approche dispose de la flexibilité suffisante pour permettre de s’adapter tout au long de la construction de <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">votre produit essentiel</a> aux imprévus.</p>

    <p><em>« Mais je ne sais pas combien cela va me coûter au final ? »</em> Non, malheureusement le devis vous donne cette illusion mais personne ne peut estimer le coût de votre projet fini avant de l’avoir réalisé. Or un projet — comme tout apprentissage — n’est jamais terminé, c’est pourquoi nous préférons raisonner en terme de produit qui évolue et vit dans la durée. Voici une possibilité de développement avant de passer à une autre échelle :</p>

    <ul>
        <li>1 <a href="/david/pro/accompagnement/" title="Se faire accompagner">journée d’accompagnement</a> pour vérifier la pertinence du produit auprès des futurs utilisateurs de manière orale ;</li>
        <li>1 première itération pour réaliser un produit minimal utilisé par les proches pour évaluer la pertinence de l’idée mise en pratique ;</li>
        <li>4 itérations de développement pour arriver à un <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">votre produit essentiel</a> qui permet d’accéder à d’autres types de financements.</li>
    </ul>

    <p><strong>Le coût d’une telle phase est de 30k€</strong> et donne lieu à un produit utilisable par les <em>early-adopters</em> afin d’obtenir des retours permettant d’améliorer le produit lors d’une future phase.</p>

    <p><em>« Mais pourquoi tout le monde fait des devis dans ce cas ? »</em> La plupart des projets informatiques échouent et/ou ne répondent pas au besoin réel des utilisateurs. Cette pratique fait tourner l’économie, enrichit les SSII qui enchaînent les rallonges de budget et finit par dégoûter les porteurs de projets. Elle est confortable (au début !) pour le commanditaire car il est peu sollicité, elle est indolore au milieu car on lui demande de faire l’autruche et elle est clairement stressante au final lorsque le résultat est dévoilé et qu’il ne répond pas/plus aux besoins.</p>

    <p><em>« N’est-ce pas dans votre intérêt de faire durer les développements ? »</em> Je suis motivé par la production d’outils utiles et par la maximisation de la valeur créée sur le temps imparti. Mais y croire demande de la confiance qui se construira avec le temps. Je suis aussi motivé par le développement de code de qualité qui est réutilisable par une autre personne. Vous êtes libre d’essayer à chaque itération si vous trouvez que l’on n’avance pas suffisamment vite ensemble.</p>

    <p><em>« Quel est le coût d’une itération ? »</em> Une itération représente 10 jours de développement, soit 6000€. Elle va vous demander d’être réactif au quotidien et fera l’objet d’une présentation finale des fonctionalités développées. Tout au long de l’itération vous aurez accès au produit en cours de construction. Il est vivement conseillé de faire une <a href="/david/pro/accompagnement/" title="Se faire accompagner">journée d’accompagnement</a> avant d’engager une première itération.</p>

    <p><em>« Tout cela me parle, je veux essayer ! »</em> C’est le moment d’entrer en contact :-).</p>

    </article>
  </section>
 {% endblock content %}

 {% block nav %}
 <nav id="jumpto">
  <p>
    <a href="/david/pro/">Profil professionnel</a> (<a href="http://larlet.com">en anglais</a>) | <a href="/david/blog/2018/cout-site/">Coût d’un site</a> | <a href="/david/pro/devis/">Non-demande de devis ?</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/pro-enseignement.html
+++ b/david/templates/pro-enseignement.html
@@ -0,0 +1,74 @@
 {% extends "base_2019.html" %}
 {% block title %}Enseignement{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/pro/enseignement/">
 {% endblock %}
 {% block content %}
  <h1>
    <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
    Enseignement
  </h1>
  <section>
    <article>

    <p>Je donne des cours à l’IUT d’Arles en 3e année de « Licence professionnelle Activités et techniques de communication » (LP ATC) dans les spécialités « Création pour le Web » (CA) et « Conception et Administration de sites Web » (CW). Ces cours ont débuté en octobre 2014 et se sont terminés en 2016 après 150 heures d’enseignement. C’est une façon de <a href="/david/pro/accompagnement/" title="Mes expériences d’accompagnement">transmettre</a> qui m’intéresse par les temps longs qu’elle procure et la recherche d’autonomie qu’il y a derrière. Beaucoup de cours font l’objet de retours <a href="/david/blog/" title="Accéder au blog">sur mon blog</a> :</p>

    <h2>Année 2014-2015</h2>

    <ul>
        <li><a href="/david/blog/2014/cours-iut-arles/">Cours IUT Arles</a></li>
        <li><a href="/david/blog/2014/cours-iut-bases/">Les bases (HTML &amp; CSS)</a></li>
        <li><a href="/david/blog/2014/cours-iut-flexbox-styleguide/">Flexbox et Styleguide</a></li>
        <li><a href="/david/blog/2014/cours-iut-responsive-documentation/">Responsive et Documentation</a></li>
        <li><a href="/david/blog/2014/cours-iut-javascript-jquery/">Javascript et jQuery</a></li>
        <li><a href="/david/blog/2014/cours-iut-php-formulaires/">PHP et Formulaires</a></li>
        <li><a href="/david/blog/2014/cours-iut-evaluation-bilan/">Évaluation et Bilan</a></li>
        <li><a href="/david/blog/2015/cours-iut-jquery-bonus/">jQuery et Bonus</a></li>
        <li><a href="/david/blog/2015/cours-iut-web-mobile/">Web Mobile</a></li>
        <li><a href="/david/blog/2015/cours-iut-construction-collaborative/">Construction collaborative</a></li>
        <li><a href="/david/blog/2015/cours-iut-composants-web/">Composants Web</a></li>
        <li><a href="/david/blog/2015/cours-iut-comprendre-javascript/">Comprendre JavaScript</a></li>
        <li><a href="/david/blog/2015/cours-iut-performances-web/">Performances Web</a></li>
        <li><a href="/david/blog/2015/cours-iut-frameworks-web/">Frameworks Web</a></li>
        <li><a href="/david/blog/2015/cours-iut-candidature-spontanee/">Candidature spontanée</a></li>
        <li><a href="/david/blog/2015/cours-iut-animations-web/">Animations Web</a></li>
        <li><a href="/david/blog/2015/cours-iut-exploration-collective/">Exploration collective</a></li>
        <li><a href="/david/blog/2015/cours-iut-argumentation-technique/">Argumentation technique</a></li>
    </ul>

    <h2>Année 2015-2016</h2>

    <ul>
        <li><a href="/david/blog/2015/rentree-classes/">Rentrée des classes</a></li>
        <li><a href="/david/blog/2015/apprentissage-validation/">Apprentissage et validation</a></li>
        <li><a href="/david/blog/2015/css-positionnement/">CSS et positionnement</a></li>
        <li><a href="/david/blog/2015/critique-site/">Critique de site</a></li>
        <li><a href="/david/blog/2015/apprendre-cooperer/">Apprendre à coopérer</a></li>
        <li><a href="/david/blog/2015/experimentations-techniques/">Expérimentations techniques</a></li>
        <li><a href="/david/blog/2015/images-performances/">Images et performances</a></li>
        <li><a href="/david/blog/2015/autonomie-temps/">Autonomie et temps</a></li>
        <li><a href="/david/blog/2015/design-biologique/">Design biologique</a></li>
        <li><a href="/david/blog/2015/javascript-abstraction/">JavaScript et abstraction</a></li>
        <li><a href="/david/blog/2016/apprentissage-autodepreciation/">Apprentissage et auto-dépréciation</a></li>
        <li><a href="/david/blog/2016/javascript-zero/">JavaScript de zéro</a></li>
        <li><a href="/david/blog/2016/programmation-apprehension/">Programmation et appréhension</a></li>
    </ul>

    <h2>Résumé (final ?)</h2>

    <ul>
        <li><a href="/david/blog/2016/enseigner-web/">Enseigner le Web</a></li>
    </ul>

    </article>
  </section>
 {% endblock content %}

 {% block nav %}
 <nav id="jumpto">
  <p>
    <a href="/david/pro/">Profil professionnel</a> (<a href="http://larlet.com">en anglais</a>) | <a href="/david/blog/2018/cout-site/">Coût d’un site</a> | <a href="/david/pro/devis/">Non-demande de devis ?</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/pro-produits-essentiels.html
+++ b/david/templates/pro-produits-essentiels.html
@@ -0,0 +1,47 @@
 {% extends "base_2019.html" %}
 {% block title %}Produits essentiels{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/pro/produits-essentiels/">
 {% endblock %}
 {% block content %}
  <h1>
    <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
    Produits essentiels
  </h1>
  <section>
    <article>

    <p>Vous avez envie que votre projet soit le plus complet possible. C’est légitime dans une société qui prône le <em>toujours plus</em>. Mais est-ce vraiment pertinent ? Ne serait-il pas plus judicieux de se concentrer sur votre valeur ajoutée réelle, sur votre différence ?</p>

    <h2>Maximiser la valeur produite</h2>

    <p><strong>Votre budget est une ressource finie. Trouvons ensemble comment l’utiliser au mieux.</strong> Simplifions les interactions auxquelles vous avez pensé, concentrons-nous sur vos atouts face à la concurrence, mettons le focus sur le besoin réel de l’utilisateur.</p>

    <p>Il existe une méthode appelée LEAN permettant de synthétiser et de tester votre projet dans la journée. <em>Avant même de commencer les développements.</em> Ce n’est pas une méthode miracle, elle demande de l’énergie et du travail pour lâcher-prise sur ses convictions et accepter les besoins et les frustrations des futurs utilisateurs. Le résultat est souvent un produit différent de celui fantasmé, au périmètre plus réduit mais dont la pertinence est vérifiée rapidement.</p>

    <figure class="image">
        <img src="/static/david/pro/produits-essentiels.jpg" alt="" />
    </figure>

    <h2>Réduire les gaspillages</h2>

    <p><strong>Spécifier des fonctionnalités inutiles coûte du temps, les développer coûte de l’argent, les supprimer ensuite coûte de l’énergie.</strong> Une solution est de vérifier leur utilité en amont de la spécification à travers des interviews. Le temps investi vous permet alors de mieux connaître les attentes de vos utilisateurs et la façon dont ils utilisent votre produit.</p>

    <p>Afin de réduire les gaspillages, nous allons adopter des méthodes qui favorisent l’adaptation à un contexte changeant et complexe. Il s’agit de miser sur la réactivité des personnes et du code en encourageant la communication entre les parties prenantes. Les itérations de développement permettent de réajuster en continu ce qui a été fait et ce qu’il reste à faire.</p>

    <h2>Vous êtes intéressé(e) ?</h2>

    <p>Faites une <a href="/david/pro/devis/" title="Pourquoi pas un devis ?">non-demande de devis</a> et entrons en contact.</p>

    </article>
  </section>
 {% endblock content %}

 {% block nav %}
 <nav id="jumpto">
  <p>
    <a href="/david/pro/">Profil professionnel</a> (<a href="http://larlet.com">en anglais</a>) | <a href="/david/blog/2018/cout-site/">Coût d’un site</a> | <a href="/david/pro/devis/">Non-demande de devis ?</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/pro.html
+++ b/david/templates/pro.html
@@ -0,0 +1,173 @@
 {% extends "base_2019.html" %}
 {% block title %}Artisan{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/pro/">
 {% endblock %}
 {% block content %}
  <h1>
    <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
    Artisan
  </h1>
  <section>
    <article>
      <p>J’aime mon métier et les rencontres qu’il génère. J’aime les discussions qu’il anime et les défis techniques qu’il surmonte. J’aime mes outils et apprendre de nouvelles techniques.</p>
      <p>Je prends du plaisir à coder et à ce que <a href="/david/code/" title="Accès à mes projets open-source">mon code soit utile</a>. Je prends du plaisir à confronter mes réalisations et à ce que mon code soit beau.</p>
      <p>Je partage mon savoir et mes opinions techniques. Je partage mon savoir-faire et la vision que j’ai de mon métier. Je partage mes expériences.</p>
      <p><strong>Voilà pourquoi je me considère comme étant un artisan.</strong></p>
    </article>
    <figure class="image">
        <img src="/static/david/pro/artisan.jpg" alt="" />
    </figure>
    <article>
      <h2><a href="http://scopyleft.fr/">Scopyleft</a> - L’expérience collaborative et éthique (6 ans et plus)</h2>

      <p><strong>J’<a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a> des équipes dans leur changement de culture afin de produire des outils <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">utiles et essentiels</a>.</strong></p>

      <p>J’ai co-créé une coopérative web fondée sur des valeurs qui facilite les projets et intervient en amont pour en simplifier le contenu.</p>

      <h3>Expérience acquise (en cours)</h3>

      <ul>
      <li>travailler à plusieurs réduit les performances (au début) ;</li>
      <li>réfléchir à plusieurs élargit les perspectives ;</li>
      <li>la collaboration se cultive.</li>
      </ul>

      <h2><a href="http://beta.gouv.fr/">Beta.gouv</a> - Startup d’État Zam (1an et plus)</h2>

      <p><strong>J’ai allégé la charge de préparation par le gouvernement du débat parlementaire.</strong></p>

      <p>Travail en équipe distribuée sur un produit inter-ministériel.</p>

      <h3>Expérience acquise (en cours)</h3>

      <ul>
      <li>autant je ne crois pas aux ingénieurs 10x, autant pour les équipes ça me semble maintenant possible ;</li>
      <li>le passage à l’échelle est difficile dans l’administration.</li>
      </ul>

      <h2><a href="http://beta.gouv.fr/">Beta.gouv</a> - Startup d’État API Drone (6 mois)</h2>

      <p><strong>J’ai expérimenté l’implémentation technique d’un arrêté préalablement à sa publication afin de valider sa faisabilité.</strong></p>

      <p>Développement de notre propre pico-framework Python, Redis, PostGIS.</p>

      <h3>Expérience acquise</h3>

      <ul>
      <li>travailler en équipe de manière efficace à distance et en asynchrone ;</li>
      <li>devoir jongler entre les industriels, la société civile et les délais législatifs est épuisant ;</li>
      <li>transmettre les connaissances accumulées lors de la conception d’un produit est difficile si non anticipé.</li>
      </ul>

      <h2><a href="http://etalab.gouv.fr/">Etalab</a> - Moderniser l’action publique via l’Opendata (3 ans)</h2>

      <p><strong>J’ai maintenu et amélioré le portail <a href="https://www.data.gouv.fr/">data.gouv.fr</a> qui met à disposition et référence les données issues de la puissance publique, de la société civile et du secteur professionnel.</strong></p>

      <p>Développement utilisant Flask et VueJS mais aussi MongoDB, Redis, Celery, Webpack, Ansible, Sentry, Jenkins, Docker, etc.</p>

      <h3>Expérience acquise</h3>

      <ul>
      <li>l’innovation au sein de l’État est possible ;</li>
      <li>le passage à l’échelle d’un projet est difficile, autant techniquement que dans ses valeurs ;</li>
      <li>travailler à distance requiert de partager la même vision d’un produit.</li>
      </ul>

      <h2><a href="http://www.capstan.fr/">Capstan Avocats</a> - Collaborer sur le long terme (8 ans !)</h2>

      <p><strong>J’ai conçu un outil de gestion documentaire stratégique pour l’activité du groupe afin de centraliser leurs sources d’informations.</strong></p>

      <p>Développement et suivi d’une application web utilisant Django avec des problématiques comme la pérennité des documents/URLs et leur indexation. Adaptation à un métier propice aux changements.</p>

      <h3>Expérience acquise</h3>

      <ul>
      <li>une collaboration sur le long terme se bâtit sur une confiance réciproque et un respect mutuel ;</li>
      <li>un code non entretenu est rapidement un code mort ;</li>
      <li>l’adaptation au changement est la clé d’un produit utilisé.</li>
      </ul>

      <h2><a href="https://www.mozilla.org/">Mozilla</a> - Performances et équipe internationale (1 an et demi)</h2>

      <p><strong>J’ai participé à l’amélioration de la qualité d’un site populaire pour réduire les bugs et au développement de la solution de paiement mobile pour acheter des applications.</strong></p>

      <p>Au sein d’une équipe de 6 personnes anglophones, j’ai développé la solution de paiement du <em>Marketplace</em> de Firefox OS à travers plusieurs applications Django puis conçu une implémentation de référence pour les fournisseurs de paiement en <em>NodeJS</em>.</p>

      <p>J’ai ensuite participé à l’amélioration de la qualité du site à fort traffic (1 milliard de requêtes par jour) des <a href="https://addons.mozilla.org/">extensions de Mozilla Firefox</a>.</p>

      <h3>Expérience acquise</h3>

      <ul>
      <li>travailler avec une équipe internationale en asynchrone ;</li>
      <li>améliorer la qualité et la performance de mon code Python et JavaScript ;</li>
      <li>utiliser un workflow de travail permettant les revues de code.</li>
      </ul>

      <h2><a href="http://altarika.com/">Altarika</a> - Hypermedia et interfaces (1 an)</h2>

      <p><strong>J’ai interfacé un moteur de recherche destiné aux entreprises pour faciliter les interactions avec les (ré)utilisateurs.</strong></p>

      <p>Fondé sur un moteur de recherche multilingue existant, j’ai conçu une application web et une API hypermedia (RESTful) en Python.</p>

      <h3>Expérience acquise</h3>

      <ul>
      <li>exploration des diverses solutions hypermedia pour rendre une API <em>découvrable</em> ;</li>
      <li>travailler sur un produit demande un alignement constant avec le responsable de la solution ;</li>
      <li>les interfaces sont une composante non négligeable de l’innovation qui réside dans un produit.</li>
      </ul>

      <h2>Webrise - L’indépendance au quotidien (4 ans)</h2>

      <p><strong>J’ai créé mon entreprise pour avoir l’indépendance de choisir mes projets en accord avec mes convictions et mon rythme de vie.</strong></p>

      <p>Développement de multiples projets et conseil stratégique pour diverses structures (Libération, Barrière Poker, Capstan Avocats, Communauté d’Agglomération du Pays Châtelleraudais, SuperToinette, SFR, Temesis, La Médiathèque de Belgique, etc).</p>

      <h3>Expérience acquise</h3>

      <ul>
      <li>travailler seul est un mode de fonctionnement qui me permet d’être performant ;</li>
      <li>les tensions éthiques et administratives sont difficiles à arbitrer sans être accompagné ;</li>
      <li>il est possible de gagner plus en travaillant plus au détriment de tout le reste.</li>
      </ul>

      <h2>Mixin - Faire partie d’une start-up (1 an)</h2>

      <p><strong>J’ai accompagné une entreprise dans la conception de son produit afin de lancer un produit innovant.</strong></p>

      <p>Mixin était un agenda social qui devait amener du fun et de la légèreté dans votre emploi du temps. J’ai collaboré pendant un an avec l’équipe suisse pour développer le produit, concevoir les interfaces et pivoter à de nombreuses reprises. Le projet n’a finalement pas eu le succès escompté.</p>

      <h3>Expérience acquise</h3>

      <ul>
      <li>il est difficile de lever des fonds et cela prend du temps ;</li>
      <li>il faut concevoir un produit pour les utilisateurs et non pour les <em>early-adopters</em> ;</li>
      <li>le développement d’une <em>start-up</em> nécessite d’avoir une équipe au même endroit.</li>
      </ul>

      <h2><a href="http://www.sibio.fr/">Sibio</a> - Réécriture d’un existant (1 an)</h2>

      <p><strong>J’ai aidé une entreprise à s’orienter vers des solutions web et à simplifier son produit afin d’étendre son marché.</strong></p>

      <p>Éditrice d’une solution pour la gestion des échantillons dans les laboratoires développée sous forme de client lourd Java, j’ai mené à bien la transition vers une application Web utilisant Django/Python. Cette réécriture est passée par des interviews et tests clients pendant une année. J’ai encadré deux personnes durant ce projet.</p>

      <h3>Expérience acquise</h3>

      <ul>
      <li>la réécriture d’un existant est un travail de longue haleine ;</li>
      <li>les interactions permanentes avec des utilisateurs sont primordiales pour la conception d’un produit ;</li>
      <li>participer à la stratégie d’une entreprise me motive.</li>
      </ul>
    </article>
  </section>
 {% endblock content %}

 {% block nav %}
 <nav id="jumpto">
  <p>
    <a href="/david/pro/">Profil professionnel</a> (<a href="http://larlet.com">en anglais</a>) | <a href="/david/blog/2018/cout-site/">Coût d’un site</a> | <a href="/david/pro/devis/">Non-demande de devis ?</a>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/profil.html
+++ b/david/templates/profil.html
@@ -0,0 +1,50 @@
 {% extends "base_2019.html" %}
 {% block title %}Introduction{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/">
 {% endblock %}
 {% block content %}
 <h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  Un espace d’échanges et de liens
 </h1>

 <article>
  <h2>Vision</h2>

  <p>Permettre au Web d’être un espace de reliance entre les savoirs, d’échanges entre les individus et de résilience des supports de connaissance.</p>

  <h2>Mission</h2>

  <p>Partager des réflexions et des liens de façon pérenne. Consigner le récit d’expériences personnelles afin d’inspirer de nouvelles actions. Explorer des territoires de publication et d’échanges.</p>

  <h2>Objectifs</h2>

  <ul>
    <li>Publier <a href="/david/stream/2019/">hebdomadairement</a> sur des sujets plus ou moins techniques</li>
    <li>Croiser des <a href="/david/blog/">réflexions</a> plus profondes de manière épisodique</li>
    <li>Raconter des histoires (<a href="http://scopyleft.fr/">scopyleft</a>, <a href="/david/talks/" data-no-instant>conférences</a>, parentalité)</li>
    <li>Partager des expériences (<a href="/david/bushcraft/">bushcraft</a>, <a href="/david/pro/enseignement/">enseignement</a>)</li>
    <li>Papoter <a href="https://mastodon.social/@dav" title="Aller voir mes pouets sur mastodon" rel="me">à l’extérieur</a> aussi parce que des fois ça fait du bien 🤗</li>
  </ul>
 </article>
 <aside>
 <article>
  <h2>Motivations actuelles</h2>
  <h3>Créer des liens</h3>
  <p>
    Ce monde est un graphe orienté de relations, <em>comme le Web</em>. J’aime l’enrichir en tissant des liens et en faisant des rencontres. Ce n’est pas tant pour la beauté du réseau que pour la richesse des relations humaines que cela produit.
  </p>
  <h3>Échanger des savoirs</h3>
  <p>
    Savoir-faire, savoir-être, savoir-vivre. <em>Ensemble.</em> Co-construire un monde de saveurs fondées sur des savoirs. Savoir transmettre pour apprendre, savoir écouter pour s’enrichir. Respecter son prochain pour ses savoirs, ses expériences et ses cultures. Pour son énergie.
  </p>
  <h3>Partager des moments</h3>
  <p>
    Il y a des moments qui arrêtent le temps. <em>En toute simplicité.</em> Il faut savoir les déguster et les encourager. Ces instants suspendus sont l’un des moteurs de mon bonheur. Et si nous partagions un moment ensemble ?
  </p>
 </article>
 </aside>
 <nav id="jumpto"></nav>
 {% endblock content %}
--- a/david/templates/refonte.html
+++ b/david/templates/refonte.html
@@ -0,0 +1,297 @@
 {% extends "base.html" %}
 {% block title %}Refonte de l’Avent 2012{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/refonte/">
 {% endblock %}
 {% block content %}
  <h1>Refonte de l’Avent 2012</h1>
  <section>
      <article id="20121201">
        <h2><a href="#20121201" title="Lien vers l’étape">01/12/2012 ∙ Renaissance</a></h2>
        <div><p>Cette page résume les étapes de refonte de cet espace personnel qui constitue mon identité numérique et mon historique d’expression sur le Web. Il y aura une étape par jour d’ici le 24 décembre 2012 pour me motiver à avancer tout en partageant les connaissances et la vision que j’ai d’une refonte. En attendant la suite, vous pouvez aller ouvrir les premières cases chez <a href="http://24ways.org/">24ways</a> (en) et <a href="http://www.24joursdeweb.fr/">24 jours de Web</a> (fr).</p></div>
      </article>

      <article id="20121202">
        <h2><a href="#20121202" title="Lien vers l’étape">02/12/2012 ∙ Objectifs</a></h2>
        <div><p>Commençons par un état des lieux de ce qui va changer/être créé :</p>
 <ul>
 <li>navigation trop exhaustive avec cette barre de navigation omniprésente qui m’a permis d’avoir une transition plus cohérente mais qui se révèle être moins utile aujourd’hui ;</li>
 <li>design un peu moins sommaire, toujours minimaliste mais avec des petites touches typographiques et iconographiques plus avancées ;</li>
 <li>publication mixte en français avec des articles et des notes plus légères qui vont remplacer une bonne partie de mes tweets (marre d’être incohérent à ce niveau) ;</li>
 <li>media directement intégrés dans les billets de blog (sans que ce soit obligatoire car ça me bloquait sur biologeek) ;</li>
 <li>discussions sur une liste de discussion dédiée, je n’ai toujours pas trouvé mieux pour avoir des commentaires non centralisés, le test via GitHub était un échec ;</li>
 <li>recherche sur du contenu statique, il faut que je vois ce qu’utilise <a href="http://sphinx-doc.org/">Sphinx</a> mais ça s’annonce compliqué vu la diversité des sources. À terme, ça pourrait m’éviter de devoir indexer le contenu du site par des moteurs à l’éthique douteuse.</li>
 </ul>
 <p>En attendant la suite, vous pouvez aller ouvrir les premières cases chez <a href="http://uxmas.com/">UXmas</a> (en) et <a href="http://joranne.blogspot.jp/2012/12/un.html">Joranne Bagoule</a> (fr).</p></div>
      </article>

      <article id="20121203">
        <h2><a href="#20121203" title="Lien vers l’étape">03/12/2012 ∙ Navigation</a></h2>
        <div><p>Je voulais une navigation qui soit épurée, ce qui demande d’avoir plusieurs niveaux. En premier lieu une navigation globale qui résume en 3 mots les différentes facettes que je partage en ligne : professionnel, personnel et citoyen (des détails là-dessus plus tard). Ensuite, une navigation de second niveau qui permet de résumer le type de la page visitée et d’ajouter de façon optionnelle des liens internes de navigation contextuels.</p>
 <p>Les deux types de navigation sont sous forme de phrase. Ça génère un peu de bruit mais ça apporte aussi un peu d’humanité dans ces menus si froids.</p>
 <p>En attendant la suite, vous pouvez aller tricoter sur <a href="http://24pullrequests.com/">GitHub</a> (en) et <a href="http://www.instructables.com/id/Beer-Advent-Calendar-Beervent-Calendar/">fabriquer votre propre calendrier</a> (en), ça marcherait aussi avec le vin me souffle-t-on.</p></div>
      </article>

      <article id="20121204">
        <h2><a href="#20121204" title="Lien vers l’étape">04/12/2012 ∙ Design</a></h2>
        <div><p>Cette étape fera l’objet de plusieurs itérations (et donc cases numériques) compte-tenu de l’ampleur de la tâche et de vos potentiels retours. J’ai utilisé des <em>subtlepatterns</em> pour les fonds <a href="http://subtlepatterns.com/debut-light/">clairs</a> et <a href="http://subtlepatterns.com/debut-dark/">foncés</a> mais ça gênait un peu la lisibilité alors j’ai remis un aplat sur les fonds clairs (si votre écran est trop lumineux, vous ne remarquerez probablement pas la subtilité). Je me suis fixé comme contrainte d’utiliser au maximum les couleurs pré-définies en CSS ainsi que les tailles de texte <a href="http://emmanuel.clement.free.fr/blog/index.php/post/2012/11/05/Forces-des-corps">comme suggéré par Emmanuel</a> et <strong>je vais essayer de garder une CSS elle aussi minimaliste</strong>.</p>
 <p>Je voulais avoir deux styles complémentaires : clair et foncé. Le problème de la lisibilité sur un fond foncé est bien réel mais il peut être amoindri en jouant sur l’espacement des lignes, des mots et même des lettres (ce qui n’a pas l’air de fonctionner sous Webkit). <strong>J’hésite encore à augmenter la taille du texte sur l’ensemble de la page</strong>, j’ai tendance à quasiment toujours faire un <code>cmd++</code> lorsque j’arrive sur une page que je souhaite lire ou à utiliser un outil externe qui en facilite la lecture (et supprime le style choisi par l’auteur, ce qui est dommage).</p>
 <p>Je vais laisser le <code>header</code> tel qu’il est actuellement et résister à la tentation d’ajouter un <code>footer</code> inutile. J’ai hésité à avoir une approche <em>mobile-first</em> mais je préfère privilégier le contenu et m’assurer que ça passe bien avec un petit écran. Si ce n’est pas le cas, c’est un indice que l’enveloppe a pris trop d’importance sur le message.</p>
 <p>Je suis loin d’être satisfait du résultat actuel mais c’est un début.</p></div>
      </article>

      <article id="20121205">
        <h2><a href="#20121205" title="Lien vers l’étape">05/12/2012 ∙ Typographie</a></h2>
        <div><p>J’utilise les services de <a href="https://typekit.com">Typekit</a> pour servir les polices de caractères que j’utilise. C’est le seul outil externe qui peut potentiellement vous traquer sur ce site, j’en suis bien conscient et malheureusement je n’ai pas d’alternatives (pour une sombre histoire de copyright obsolète) à part celle d’utiliser des polices par défaut qui nuisent à l’esthétique de la lecture. Je m’en passerais bien mais j’ai tendance à remarquer de façon positive cette attention sur les sites des autres.</p>
 <p>J’avais mis en place Abril Text/Display cette année et je compte passer à CamingoDos Web/Rooney Web pour cette nouvelle itération. J’aime bien utiliser les polices issues de la même fonderie car j’y retrouve une certaine cohérence (peut-être totalement imaginaire mais j’aime ça :p). C’est très subjectif mais je trouve cette paire extrêmement lisible et équilibrée, la lecture sur fond sombre s’en trouve améliorée.</p>
 <p>L’ajout des polices demande un téléchargement de 336Ko en plus, c’est important mais difficilement réductible compte tenu des spécificités de la langue française. En attendant la suite, vous vous ferez bien <a href="http://aventdesgifs.com/">quelques gifs</a>.</p></div>
      </article>

      <article id="20121206">
        <h2><a href="#20121206" title="Lien vers l’étape">06/12/2012 ∙ Citoyen</a></h2>
        <div><p>J’ai entrepris de <a href="https://larlet.fr/david/arlesien/">collecter les choses qui m’agacent dans ma ville</a> pour constituer un jeu de données pouvant être ensuite discuté, confronté. J’ai formulé des propositions concrètes permettant d’améliorer la situation de mon point de vue. Je ne sais pas encore ce que je vais en faire mais peut-être que cela pourra générer des échanges entre arlésiens et de nouvelles propositions à défaut d’actions de la puissance publique.</p>
 <p>J’ai conscience du manque de recul de ces constats, mais parfois les petites améliorations du quotidien apportent un petit réconfort qui ajouté à d’autres petits réconforts permet d’améliorer le bien-être global des citoyens. L’action citoyenne mène irrémédiablement vers la politique locale et c’est un univers qui me fait un peu peur.</p></div>
      </article>

      <article id="20121207">
        <h2><a href="#20121207" title="Lien vers l’étape">07/12/2012 ∙ Artisan</a></h2>
        <div><p>C’est la page (juste après le profil personnel) qui est la plus compliquée à écrire. Je commence toujours par rédiger une sorte de CV pour me mettre en confiance, puis je jette tout pour avoir <a href="https://larlet.fr/david/pro/">une approche plus humaine de la relation que j’ai avec mon travail</a>. J’ai du mal à voir si c’est pertinent, c’est en tout cas une page me permettant de demander poliment aux recruteurs s’ils ont pris le temps de la lire et c’est déjà pas mal.</p>
 <p>Aujourd’hui elle sert surtout de clarification pendant la période de transition avec ma nouvelle activité au sein de <a href="http://scopyleft.fr/">Scopyleft</a>. En attendant la suite, quelques cases pour <a href="http://calendar.perfplanet.com/2012/">améliorer la performance de vos sites</a>.</p></div>
      </article>

      <article id="20121208">
        <h2><a href="#20121208" title="Lien vers l’étape">08/12/2012 ∙ Footer</a></h2>
        <div><p>Bon finalement après réflexion il me fallait placer 2 liens supplémentaires et j’avais du mal à voir une autre place que le pied de page. J’ai donc ajouté :</p>
 <ul>
 <li>le lien pour me contacter qui est important afin d’avoir des retours ;</li>
 <li>le lien vers <a href="https://www.alwaysdata.com/">mon hébergeur</a> qui est légalement indispensable (puis j’aime bien les recommander en plus car ils font du bon boulot) ;</li>
 <li>le lien vers le flux RSS qui est optionnel vu qu’il est également dans le <code>head</code> mais vu la raréfaction des accès natifs au sein des navigateurs je préfère être explicite ;</li>
 <li>le lien vers cette refonte pour finir, pas sûr qu’il y reste longtemps mais les mises à jour n’étant annoncées que <a href="https://twitter.com/davidbgk">sur Twitter</a> ça lui donne un autre point d’entrée.</li>
 </ul>
 <p>En attendant la suite, allez découvrir <a href="http://webadvent.org/2012">de nouveaux outils / bibliothèques / astuces</a>.</p></div>
      </article>

      <article id="20121209">
        <h2><a href="#20121209" title="Lien vers l’étape">09/12/2012 ∙ Liens</a></h2>
        <div><p>Pas convaincu par l’arrivée du lien vers la refonte en pied de page, je me suis demandé s’il n’était pas plus pertinent de mettre une sorte de <a href="https://larlet.fr/david/liens/">plan de site</a> décrivant les différentes pages présentes. Le problème, c’est que je n’ai jamais aimé ce style de page présentant un arbre incompréhensible, j’ai donc essayé de décrire les sections concernées qui sont déjà en ligne.</p>
 <p>Et puisque j’en étais à faire des liens internes, j’ai choisi d’ajouter des liens externes vers des sites et des personnes que je lis au quotidien depuis des années. C’est une page dont j’avais envie depuis longtemps.</p></div>
      </article>

      <article id="20121210">
        <h2><a href="#20121210" title="Lien vers l’étape">10/12/2012 ∙ Profil</a></h2>
        <div><p>Passons aux choses sérieuses, exercice difficile dont j’ai repris des éléments de la précédente itération suite aux retours très positifs que j’ai eu.</p>
 <p>C’est le moment où il faut que j’essaye de faire ressortir tout l’optimisme qui est en moi, ce qui nécessite pas mal d’itérations lorsqu’on est aussi aigri :p.</p>
 <p>J’ai essayé de rester très succinct en me concentrant sur <a href="https://larlet.fr/david/">les objectifs personnels</a> qui m’animent. Il y aura probablement une seconde itération au cours de la refonte car je ne suis pas pleinement satisfait de là où j’en suis arrivé.</p></div>
      </article>

      <article id="20121211">
        <h2><a href="#20121211" title="Lien vers l’étape">11/12/2012 ∙ Sécurité</a></h2>
        <div><p>J’ai offert un certificat SSL à mon site pour Noël dernier et j’ai choisi de le renouveler pour la simple et bonne raison que les options sécurisées ne doivent pas être réservées aux sites qui ont quelque chose à cacher. <a href="https://www.tbray.org/ongoing/When/201x/2012/12/02/HTTPS">La confidentialité devrait être activée par défaut</a> pour limiter toute suspicion a priori.</p>
 <p>Pour rappel<a href="https://larlet.fr/david/thoughts/#https">[1]</a><a href="https://larlet.fr/david/thoughts/#ssl">[2]</a> :</p>
 <ul>
 <li><code>HTTPS</code> permet de certifier que vous rejoignez bien l’URL que vous avez renseignée dans votre barre d’adresse, sous réserve que <a href="https://twitter.com/dozba/status/277252947384078336">vous n’ayez pas appris à ignorer cette erreur</a> sans y réfléchir à 2 fois ;</li>
 <li><code>HTTPS</code> permet de certifier que le contenu qui transite entre mon serveur et votre navigateur a été chiffré et n’a théoriquement pas été consulté ni altéré.</li>
 </ul>
 <p>L’investissement me semble raisonnable pour continuer l’expérience.</p></div>
      </article>

      <article id="20121212">
        <h2><a href="#20121212" title="Lien vers l’étape">12/12/2012 ∙ Rétrospective</a></h2>
        <div><p>On fait des <a href="https://github.com/scopyleft/documentation/tree/master/pilotage/retrospectives">rétrospectives mensuelles</a> avec <a href="http://scopyleft.fr">Scopyleft</a> et j’ai pu constater à quel point il était efficace de faire des bilans réguliers pour décider d’actions concrètes visant à pérenniser le positif et influer sur le négatif de manière itérative. J’ai décidé d’en faire une à mi-parcours pour voir si c’était pertinent également dans le cadre de cet exercice.</p>
 <h3>Positif</h3>
 <ul>
 <li>régularité dans la publication : je me suis fixé une contrainte sans savoir si j’allais pouvoir la tenir ;</li>
 <li>avancée de la refonte : plutôt content d’avoir déjà pas mal de pages ;</li>
 <li>spontanéité des articles : aucun plan du jour sur le lendemain, la liberté de parler de ce que je veux.</li>
 </ul>
 <h3>Négatif</h3>
 <ul>
 <li>manque de retours sur l’avancée de la refonte de la part des visiteurs ;</li>
 <li>impossibilité de tester tous les cas de mise en page ;</li>
 <li>stress de la publication quotidienne sans filet (mauvais côté de la spontanéité).</li>
 </ul>
 <h3>Ressenti</h3>
 <p>Il est fatigant de tenir le rythme en parallèle de pas mal d’activités professionnelles qui demandent beaucoup d’énergie et de temps.</p>
 <h3>Actions</h3>
 <ul>
 <li>ajouter la fonctionnalité permettant d’avoir des discussions relatives au site ;</li>
 <li>réaliser des pages de test ou <code>styleguide</code> CSS avec les différents cas possibles ;</li>
 <li>avoir un article d’avance, ne pas hésiter à en rédiger 2 à la suite si le temps le permet.</li>
 </ul>
 <p>Allez hop, au boulot !</p></div>
      </article>

      <article id="20121213">
        <h2><a href="#20121213" title="Lien vers l’étape">13/12/2012 ∙ Statistiques</a></h2>
        <div><p><a href="http://nico.dubs-family.fr/accueil">Nicolas Dubois</a> me demandait à juste titre de développer :</p>
 <blockquote>
 <p>pourquoi j’ai viré GA de mon site ;) Ou, au delà du Google is Satan pourquoi ce n’est pas important pour toi de savoir quelle audience a tel ou tel billet, etc</p>
 </blockquote>
 <p>Alors premièrement, je n’ai plus Google Analytics sur mon site depuis très longtemps et je l’ai remplacé par <a href="http://www.haveamint.com/">Mint</a> qui est installé sur mon serveur et qui n’alimente aucune base de données d’entreprise tirant profit de votre activité en ligne par respect pour vous. En revanche, il est vrai que je l’ai rapidement enlevé de <a href="https://github.com/scopyleft/scopyleft.github.com/commit/2dc490298dc4bf024204fab0992e75741c1f08af">la page de Scopyleft</a> sans proposer d’alternative car je pense qu’il faut avoir un objectif précis pour suivre l’activité des visiteurs sur son site.</p>
 <p>Avec le recul, je me rends compte que je n’utilise les statistiques que pour flatter mon égo de temps en temps et c’est à peu près tout. Les liens entrants sont toujours les même, les recherches pour aboutir sur le site également. En fait je ne me suis servi que de 3 données depuis 4 ans :</p>
 <ul>
 <li>les informations de <code>user-agent</code> pour justifier ma fainéantise à ne pas me soucier de certains navigateurs obsolètes lors des refontes ;</li>
 <li>les informations de localisation pour me motiver à revenir au français voyant bien qu’il représentait 85% de mon trafic ;</li>
 <li>la tendance générale décroissante pour me motiver à partager davantage de choses.</li>
 </ul>
 <p>C’est bien peu et <strong>j’ai donc décidé de retirer totalement la récupération des statistiques de fréquentation de ce site.</strong> Je serais curieux par contre d’avoir vos retours concernant vos adaptations lorsque vous constatez qu’un billet est plus lu qu’un autre. Est-ce que cela vous incite à faire plus de billets de ce style ? Est-ce que ça dirige votre « ligne éditoriale » dans le but de faire plus d’audience ?</p></div>
      </article>

      <article id="20121214">
        <h2><a href="#20121214" title="Lien vers l’étape">14/12/2012 ∙ Discussions</a></h2>
        <div><p>Problème épineux compte-tenu des contraintes que je m’impose :</p>
 <ul>
 <li>décentralisation des données échangées, je veux que les participants aient une copie du contenu qu’ils ont produit ;</li>
 <li>limitation du spam et des commentaires inutiles, c’est ce qui m’avait motivé à mettre fin aux commentaires sur Biologeek ;</li>
 <li>création d’un espace de discussion plus qu’un commentaire classique par article.</li>
 </ul>
 <p>J’avais commencé à <a href="https://gist.github.com/3847482">expérimenter des choses avec git(hub)</a>, ce qui s’était soldé par un échec assez flagrant mais ça m’a donné l’idée de partir sur une autre tentative à base de liste de diffusion. Les avantages pour répondre aux contraintes pré-citées :</p>
 <ul>
 <li>chaque commentaire est conservé dans les messages envoyés de l’interlocuteur et dupliqué dans chaque boîte de réception des autres abonnés avec une synchronisation possible sur le site et des archives publiques ;</li>
 <li>possibilité de modérer le spam de manière plus efficace j’espère tout en encourageant des messages plus construits et pertinents ;</li>
 <li>création d’une communauté autour de cette liste de diffusion avec des échanges pouvant potentiellement être annexes aux propos du site.</li>
 </ul>
 <p>La contrepartie à tout ça, c’est qu’il va potentiellement être compliqué d’automatiser le traitement de ces échanges en vue de leur publication ici. La liste peut également avoir une activité non adaptée aux différents abonnés ce qui pourrait aboutir au retrait de la discussion de certaines personnes qui avaient des choses intéressantes à échanger. C’est une expérience que je limite dans un premier temps à la refonte avec un unique lien en pied de page qui devrait formater le mail de façon à pouvoir en automatiser le traitement à terme. On en discute ? ;-)</p>
 <p><em>PS : attention, le premier message que vous allez envoyer par mail ne va pas être immédiatement transmis en raison du workflow  de souscription de <a href="http://librelist.com/">librelist</a>, il faudra le renvoyer une fois inscrit. Il devrait ensuite apparaître <a href="http://librelist.com/browser/larletfr/">dans les archives</a> passé un délai de quelques minutes.</em></p></div>
      </article>

      <article id="20121215">
        <h2><a href="#20121215" title="Lien vers l’étape">15/12/2012 ∙ Famille</a></h2>
        <div><p>Il y a un texte que je voulais publier depuis longtemps qui a été écrit pas une grand-tante et dont j’ai une rare copie papier. C’est <a href="/famille/histoire/">l’histoire de ma famille vivant au Vietnam</a> il y a quelques décennies, à l’époque des colonies.</p>
 <p>La numérisation du texte est fastidieuse mais je m’impose de le faire car j’y retrouve une partie de mes racines et je ne souhaite pas que de tels écrits puissent disparaitre lors d’un accident. J’en suis pour l’instant au premier quart et j’avance doucement en essayant de m’astreindre à quelques pages par jour.</p>
 <p>J’ai souhaité conserver un style dactylographié pour la typographie qui rappelle par skeuomorphisme les pages que j’ai tapé jour après jour. Si vous prenez le temps de lire ce texte (<a href="http://www.iawriter.com/">iA Writer</a> m’indique 1 heure de lecture), sachez que Victor Lê était mon grand-père.</p>
 <p><em>PS : inutile de demander une version epub pour l’instant.</em></p></div>
      </article>

      <article id="20121216">
        <h2><a href="#20121216" title="Lien vers l’étape">16/12/2012 ∙ Tests</a></h2>
        <div><p>Une des actions de ma rétrospective de mi-parcours aura été d’établir un jeu de test permettant de finaliser le design. J’avais commencé par une sorte de <code>styleguide</code> et je me suis dit que les tests devaient être le plus proche de la réalité pour être vraiment représentatifs. J’ai donc commencé à rédiger le contenu du futur blog ce qui m’a pris plus de temps que prévu pour ajouter également un accès aux archives.</p>
 <p>Savoir reconnaître les échecs de ses estimations est aussi une forme de partage :-).</p></div>
      </article>

      <article id="20121217">
        <h2><a href="#20121217" title="Lien vers l’étape">17/12/2012 ∙ Geek</a></h2>
        <div><p>Et hop, comme promis <a href="/david/blog/2012/rappel/">un premier billet</a> avec une page d’<a href="/david/blog/">archives</a>. Rien de bien phénoménal si ce n’est un page d’archives renvoyant aux anciens articles en anglais et aux billets de Biologeek.</p>
 <p>Au moins je vais pouvoir commencer à publier en parallèle car il y a des billets qui ne sont pas liés à la refonte qui commencent à s’accumuler.</p></div>
      </article>

      <article id="20121218">
        <h2><a href="#20121218" title="Lien vers l’étape">18/12/2012 ∙ Talks</a></h2>
        <div><p>Reprise de la <code>timeline</code> qui fonctionne assez bien avec une simple adaptation du design pour <a href="/david/talks/" data-no-instant>la page des conférences</a>. Elle montre une certaine régularité ces derniers temps mais j’aimerais bien me confronter à un public différent, une audience qui pourrait m’apporter un peu de candeur dans les échanges et de fraîcheur dans les concepts.</p></div>
      </article>

      <article id="20121219">
        <h2><a href="#20121219" title="Lien vers l’étape">19/12/2012 ∙ Stream</a></h2>
        <div><p>La page d’<a href="/david/stream/">archives de mes tweets</a> commence à prendre un peu trop de poids (2000 items à ce jour) et je n’ai pas encore trouvé de solution miracle pour pallier cela. Il faudrait que je refasse une passe pour élaguer dans ce que j’ai sauvegardé, à l’usage je me rends compte qu’il est très utile de pouvoir faire une recherche sur la page complète pour retrouver un lien (marque-page -2.0).</p>
 <p>Un autre option serait d’arrêter de transmettre les liens intéressants sur Twitter pour les publier directement ici avec un peu plus de contexte et de réflexion sur le lien partagé. Je laisse pour l’instant en l’état et j’aviserai plus tard en fonction de mon degré de militantisme.</p></div>
      </article>

      <article id="20121220">
        <h2><a href="#20121220" title="Lien vers l’étape">20/12/2012 ∙ Code</a></h2>
        <div><p>La page regroupant <a href="/david/code/">mes projets</a> était clairement obsolète. J’ai commencé par appliquer le nouveau style et à supprimer les projets que je ne maintiens plus, j’ai ensuite lié cette page uniquement depuis <a href="/david/pro/">ma page pro</a>.</p>
 <p>J’en profite pour parler du moteur de ce site. J’ai commencé par faire 2/3 commandes <code>fabric</code> pour générer les pages dynamiques et importer les anciens articles de blog et tweets. Aujourd’hui, j’ai une trentaine de commandes qui sont relativement répétitives car je ne me suis pas basé sur un moteur de <code>templates</code> initialement. C’était une erreur et je ne suis pas tout à fait satisfait de la solution actuelle mais elle a le mérite de fonctionner et j’en connais chaque ligne. Je pense pouvoir réussir à vivre avec… au moins jusqu’à la prochaine refonte :D.</p>
 <p>En bonus aujourd’hui l’<a href="http://kaikkonendesign.fi/typography/section/1">Interactive Guide to Blog Typography</a>.</p></div>
      </article>

      <article id="20121221">
        <h2><a href="#20121221" title="Lien vers l’étape">21/12/2012 ∙ Thoughts</a></h2>
        <div><p>Ma fainéantise aura attendu toute la journée pour ne pas avoir à  continuer cette refonte mais les mayas auront eu raison d’elle. Du coup, c’est une étape assez courte avec le style des <a href="/david/thoughts/">pensées en anglais</a> qui s’uniformise. J’ai également passé les articles en ordre chronologique ce qui me semble plus cohérent dans le déroulé de mes réflexions au cours de cette année.</p>
 <p>J’en ai profité pour relire un peu ces pensées de façon à vérifier que le style s’appliquait bien et je suis retombé sur <a href="/david/thoughts/#theorem">mon théorème</a> que je vais tenter d’invalider sous peu, pour ma plus grande joie :-).</p></div>
      </article>

      <article id="20121222">
        <h2><a href="#20121222" title="Lien vers l’étape">22/12/2012 ∙ Commentaires</a></h2>
        <div><p>Ceci est un manuel explicatif concernant les commentaires/discussions sur le site.</p>
 <p>Les commentaires passent par une liste de diffusion hébergée par <a href="http://librelist.com/">librelist</a> et <a href="http://librelist.com/browser/larletfr/">archivée publiquement</a>. Vous êtes automatiquement abonné à la liste lorsque vous soumettez un message par mail dans le but avoué de générer des discussions (pour avoir une idée de la fréquence des messages, se référer aux archives).</p>
 <p>Certains des messages envoyés, contenus entre ★★★★★ et ★★★★★ seront également publiés sur le site de façon automatisée. Je me réserve le droit de publier ou non les messages et discussions sur cette liste. Veuillez être explicite si vous ne souhaitez pas être repris ici (votre message sera quand même archivé sur librelist).</p>
 <p>Normalement, en cliquant sur les liens présents sur le site, vous devriez avoir un modèle de message déjà prérempli vous permettant d’avoir le formatage adéquat comprenant le titre, l’url concernée et la possibilité de publier automatiquement sur le site.</p>
 <p><em>Lors de votre première soumission, un message de confirmation vous sera envoyé et il sera nécessaire de renvoyer votre message initial (ce qui vous permettra d’avoir une relecture à froid ;-)) avant publication.</em></p>
 <p><strong>Ce processus est expérimental et s’améliorera avec le temps</strong>, il est pour l’instant manuel de mon côté. Vous avez un exemple de rendu des commentaires au sujet de cette page ci-dessous.</p></div>
      </article>

      <article id="20121223">
        <h2><a href="#20121223" title="Lien vers l’étape">23/12/2012 ∙ Media</a></h2>
        <div><p>Je réfléchis à ce que je veux faire de la page de <a href="https://larlet.fr/david/media/">media</a> depuis le début de la refonte et je n’arrive pas à me décider, à terme j’aimerais pouvoir les intégrer dans les articles tout en conservant une page séparée pour avoir une liste.</p>
 <p>Je vais encore attendre un peu pour laisser mariner ces pistes, il ne faut pas que cette refonte devienne oppressante au point de vouloir à tout prix changer. <em>Apprendre à chérir ses idées, à leur laisser le temps de s’exprimer.</em></p></div>
      </article>

      <article id="20121224">
        <h2><a href="#20121224" title="Lien vers l’étape">24/12/2012 ∙ Bilan</a></h2>
        <div><p>24ème étape de cette refonte, il est temps de faire un bilan :</p>
 <ul>
 <li>la contrainte de faire avancer la refonte au quotidien m’a permis d’avancer de façon assez significative en luttant contre ma procrastination ;</li>
 <li>la contrainte de devoir publier chaque jour de manière itérative a également été un frein lorsque j’étais dans une phase de code qui me permettait d’en faire beaucoup plus en une seule fois ;</li>
 <li>le fait d’avoir un travail d’écriture quotidien m’a motivé pour écrire d’autres choses et les publier sur le nouveau blog ;</li>
 <li>j’ai eu du mal à partager de la valeur à chaque étape, en fait j’ai même des réserves sur le fait que ça ait pu servir à quelqu’un d’autre que moi ;</li>
 <li>le faire à cette période m’a permis de faire la transition dans ma vie numérique avec la création de <a href="http://scopyleft.fr">scopyleft</a>.</li>
 </ul>
 <p>Ce n’est pas terminé pour autant, un site personnel est un bonsai dont il faut s’occuper symbiotiquement au quotidien. On se retrouve à la prochaine taille ;-).</p></div>
      </article>
    <hr />
  </section>
  <section>
    <h2>Discussion</h2>
      <article id="comment-1" class="comment">
        <div><p>La liste de discussions pour les commentaires me semble intéressant. Je ne sais pas comment tu envisages leur publication sur la page en question ou pas. Si tu crées une page individuelle pour chaque message ou pas. Un id spécifique pour chaque article, mais il doit y avoir une possibilité. </p>
 <p>Dans la gestion des bug reports d’Opera nous recevons toutes les modifications par message des bugs auxquels nous sommes abonnés.  Rien de surprenant. Mais nous pouvons faire un simple « Reply » pour commenter sur le bug, plutôt que d’avoir à se connecter sur le site, passer à travers un formulaire. </p>
 <p>Cette fonctionnalité serait très intéressante sur les blogs. L’enjeu, les personnes qui font du top reply et définir une syntaxe pour les commentaires de commentaires. Peut-être juste markdown.</p>
 <blockquote>
 <p>Un commentaire
 d’un commentaire.</p>
 </blockquote></div>
        <h6><cite>Karl Dubost, le <a href="#comment-1">2012-12-14 à 08:13</a></cite></h6>
      </article>

      <article id="comment-2" class="comment">
        <div><blockquote>
 <p>La liste de discussions pour les commentaires me semble intéressant. Je ne sais pas comment tu envisages leur publication sur la page en question ou pas. Si tu crées une page individuelle pour chaque message ou pas. Un id spécifique pour chaque article, mais il doit y avoir une possibilité. </p>
 </blockquote>
 <p>Je ne pense pas faire une page par commentaire, peut-être une page par discussion par contre à terme mais ça dépend de la façon dont ça évolue :)</p>
 <blockquote>
 <p>Dans la gestion des bug reports d’Opera nous recevons toutes les modifications par message des bugs auxquels nous sommes abonnés.  Rien de surprenant. Mais nous pouvons faire un simple « Reply » pour commenter sur le bug, plutôt que d’avoir à se connecter sur le site, passer à travers un formulaire. </p>
 </blockquote>
 <p>En fait, vu que c’est une liste de diffusion à laquelle chaque participant est automatiquement abonné, il est possible de répondre : soit entre les étoiles pour que ça apparaisse sur le site, soit directement comme je le fais ici et ça reste sur la liste. Il faudra que j’explique tout ça un peu mieux en fonction des retours.</p>
 <blockquote>
 <p>Cette fonctionnalité serait très intéressante sur les blogs. L’enjeu, les personnes qui font du top reply et définir une syntaxe pour les commentaires de commentaires. Peut-être juste markdown.</p>
 </blockquote>
 <p>Tout à fait, et pour gérer les signatures également !</p></div>
        <h6><cite>David Larlet, le <a href="#comment-2">2012-12-14 à 08:30</a></cite></h6>
      </article>

      <article id="comment-3" class="comment">
        <div><p>Concernant plus spécifiquement la refonte, là encore, j’apprécie le partage de la réflexion, le pourquoi du comment, ce qui amène au résultat.
 Pour moi, le processus de création est un grand mystère. Du coup cet exercice imposé est très instructif et inspirant pour moi - peut-être parce que ma méthode me semble très différente ?</p>
 <p>Bref, je n’ai pas vraiment de retour très constructif à faire, si ce n’est des encouragements à continuer.</p>
 <p>À bientôt,</p></div>
        <h6><cite>François, le <a href="#comment-3">2012-12-18 à 12:08</a></cite></h6>
      </article>

      <article id="comment-4" class="comment">
        <div><p>C’est un commentaire en forme d’essai. </p>
 <p>Korantin dans un commentaire pour un autre billet fait une allusion à la liste de diffusion.</p>
 <p>Korantin Auguste a écrit :</p>
 <blockquote>
 <p>PS : L’utilisation d’une liste de diffusion c’est sympa, mais pour écrire juste un petit message comme ça, ce n’est pas ultra-pratique (surtout avec le « your first mail was dropped ».</p>
 </blockquote>
 <p>Je ne pense pas que ce soit un enjeu et plutôt une feature. Les personnes ont souvent tendance à envoyer un commentaire très réflexifs et peu pensé. Donc le coût du premier envoi peut avoir un effet positif sur la valeur de la participation.</p>
 <p>L’enjeu est pour moi légèrement différent. J’ai répondu au commentaire de Korantin en faisant un reply directement depuis le mail.</p>
 <ul>
 <li>Je ne sais pas s’il y avait une forme appropriée pour.</li>
 <li>Je ne sais pas si l’URL doit être au début ou non</li>
 <li>Je ne sais pas si le quote sera pris en compte.</li>
 </ul>
 <p>D’autre part pour ce message même un enjeu similaire.</p>
 <ul>
 <li>Quelle est la forme ?</li>
 <li>Cette fois ci, j’ai cliqué sur la page Web (chance d’être en ligne)</li>
 <li>Puis juste créer un nouveau message ?</li>
 <li>Dans ce cas quel est l’ID pour le bon thread</li>
 <li>l’URL est-il nécessaire, les étoiles, etc. ?</li>
 </ul>
 <p>C’est peut-être juste une question d’apprentissage mais le manuel n’existe pas vraiment pour l’instant ou n’est pas réellement accessible.</p></div>
        <h6><cite>Karl Dubost, le <a href="#comment-4">2012-12-22 à 02:00</a></cite></h6>
      </article>
  </section>

 {% endblock content %}
--- a/david/templates/service_workers.html
+++ b/david/templates/service_workers.html
@@ -0,0 +1,47 @@
 <script>
  /* Service workers */
  if (navigator.serviceWorker) {
    window.addEventListener('load', function () {
      var selector = 'a[href^="/david/cache/"], a[rel=prev], a[rel=next]'
      function sendLinks (selector) {
        var links = [].slice.call(document.querySelectorAll(selector)).map(function (link) {
          return link.getAttribute('href')
        })
        links.push(location.pathname)  // Put the current page in cache too.
        navigator.serviceWorker.controller.postMessage({ links: links })
      }
      navigator.serviceWorker.getRegistration()
        .then(function (registration) {
          if (!registration || !navigator.serviceWorker.controller) {
            return navigator.serviceWorker.register('/serviceworker.js')
              .then(navigator.serviceWorker.ready)
              .then(function () {
                console.log('[ServiceWorker] Ready to go!')
              })
              .catch(console.error.bind(console))
          } else {
            console.log('[ServiceWorker] Send links via registration')
            sendLinks(selector)
          }
        })
      navigator.serviceWorker.addEventListener('controllerchange', function () {
        console.log('[ServiceWorker] Send links via controller change')
        sendLinks(selector)
      })
      navigator.serviceWorker.addEventListener('message', function (event) {
        var link = document.querySelector('a[href="' + event.data.link + '"]')
        if (event.data.status && link) {
          link.style.backgroundColor = '#2d7474'
          link.style.color = '#f0f0ea'
          {% if (note and note.lang == 'en') or (article and article.lang == 'en') %}
            link.setAttribute('title', 'Put in cache for offline use')
          {% else %}
            link.setAttribute('title', 'En cache pour consultation sans connexion')
          {% endif %}
        }
      })
    })
  } else {
    console.warn('[ServiceWorker] No cache for old browsers.')
  }
 </script>
--- a/david/templates/signature.html
+++ b/david/templates/signature.html
@@ -0,0 +1,36 @@
 {% extends "base.html" %}
 {% block title %}Signature{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/signature/">
 {% endblock %}
 {% block content %}
 <h1>Signature</h1>

 <p>Vous accédez à cette page suite à un lien en signature de mon email. Cette signature ne contient qu’un lien car j’ai beaucoup de choses à expliquer au sujet des emails que j’envoie et je ne souhaite pas gaspiller de l’espace (et de la bande passante) dans chacune de mes communications.</p>

 <p>Si vous cherchez des informations de contact (email, téléphone, etc), elle sont en pied de page de ce site.</p>

 <h2>Signature et chiffrement</h2>

 <p>Vous avez certainement remarqué une pièce jointe ou des caractère incompréhensibles à la fin de mon email. Il s’agit d’une signature qui atteste que l’envoi a été effectué depuis la personne qui est enregistrée sur <a href="https://keybase.io/davidbgk">Keybase avec le pseudo davidbgk</a> ainsi que le compte github éponyme et qui possède le nom de domaine sur lequel vous lisez cette signature.</p>

 <p>La connaissance de cette signature vous permet d’échanger des messages chiffrés avec moi de façon à ce qu’aucun intermédiaire ne puisse lire les messages entre nos envois et nos récéptions. J’utilise pour cela les <a href="https://gpgtools.org/">GPGTools</a> et vous pouvez utiliser l’outil adapté à votre plateforme. Plusieurs didactitiels en français sont accessibles pour comprendre et utiliser GPG :</p>

 <ul>
    <li><a href="https://support.mozilla.org/fr/kb/signature-numerique-et-chiffrement-des-messages">Signature numérique et chiffrement des messages par Mozilla</a></li>
    <li><a href="http://korben.info/comment-chiffrer-ses-emails.html">Comment chiffrer ses emails chez Korben</a></li>
    <li><a href="http://openpgp.vie-privee.org/">Comment crypter vos e-mails sur vie-privée</a></li>
 </ul>

 <p>Si vous voulez aller plus loin, Mathieu a fait une série d’articles pour <a href="http://mathieu.agopian.info/blog/quitter-gmail.html">quitter Gmail</a>.</p>

 <h2>Réponse aux emails</h2>

 <p>Je réponds presque toujours aux emails reçus, mais cela peut prendre plusieurs mois (rassurez-vous ce n’est pas toujours le cas !). Généralement le délai de réponse est proportionnel à la qualité de l’échange ;-).</p>

 <p>Je m’embarasse peu des formules de politesse et j’essaye de respecter la <a href="https://fr.wikipedia.org/wiki/N%C3%A9tiquette">nétiquette</a>. Je vous encourage à faire de même.</p>

 <p>Cette page est en cours d’écriture, vous pouvez faire vos retours et suggestions par emails… chiffrés ?</p>

 {% endblock content %}
--- a/david/templates/stream-2009.html
+++ b/david/templates/stream-2009.html
--- a/david/templates/stream-2010.html
+++ b/david/templates/stream-2010.html
--- a/david/templates/stream-2011.html
+++ b/david/templates/stream-2011.html
--- a/david/templates/stream-2012.html
+++ b/david/templates/stream-2012.html
--- a/david/templates/stream-2013.html
+++ b/david/templates/stream-2013.html
--- a/david/templates/stream-2014.html
+++ b/david/templates/stream-2014.html
--- a/david/templates/stream_2019_archives.html
+++ b/david/templates/stream_2019_archives.html
@@ -0,0 +1,36 @@
 {% extends "base_2019.html" %}
 {% block title %}Pensées hebdomadaires{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/stream/2018/">
 {% endblock %}
 {% block content %}
 <style type="text/css">
  h2 {
    margin: 2rem 0 1rem;
  }
  .next {
    text-align: right;
  }
 </style>
 <h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  Pensées de {{ note_list[0].date.year }}
 </h1>
 {% for note in note_list %}
  <article>
    <h2><a href="{{ note.url }}">{{ note.title }}</a> <time>— Publié le {{ note.date.strftime("%d %B").strip("0") }}</time></h2>
    {{ note.extract }}
    <p class="next">
      <a href="{{ note.url }}">Lire la suite →</a>
    </p>
  </article>
 {% endfor %}
 {% endblock content %}
 {% block nav %}
 <nav id="jumpto">
  <p>
    <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>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/stream_2019_article.html
+++ b/david/templates/stream_2019_article.html
@@ -0,0 +1,45 @@
 {% extends "base_2019.html" %}
 {% block lang %}{{ note.lang }}{% endblock lang %}
 {% block title %}{{ note.title }}{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr{{ note.url }}">
 {% endblock %}
 {% block content %}
 <h1 class="single">
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  {{ note.title }}
  <time>Publié le {{ note.date.strftime("%d %B").strip("0") }}</time>
 </h1>
 <article class="single">
 {{ note.content }}
 </article>
 {% endblock content %}

 {% block aside %}
 {% if note.lang == 'en' %}
 <aside>
  <p>
    Other articles in English:
  {% for post_en in published_posts_en %}
    <a href="{{ post_en.url }}">{{ post_en.title }}</a>{% if not loop.last %},{% else %}.{% endif %}
  {% endfor %}
    Oh, and most of <a href="/david/stream/2018/">the 2018 thoughts</a>.
  </p>
 </aside>
 {% else %}
  {{ super() }}
 {% endif %}
 {% endblock aside%}

 {% block nav %}
 <nav id="jumpto">
  <p>
    <a rel=prev href="{{ prev.url }}">← {{ prev.title }}</a> | <a href="/david/stream/{{ note.date.year }}/" title="Retour à la liste complète">↑ Liste complète</a>{% if next %} | <a  rel=next href="{{ next.url }}">{{ next.title }} →</a>{% endif %}
  </p>
 </nav>
 {% endblock nav %}

 {% block extrajs %}
  {% include 'service_workers.html' %}
 {% endblock %}
--- a/david/templates/stream_archives.html
+++ b/david/templates/stream_archives.html
@@ -0,0 +1,24 @@
 {% extends "base_2017.html" %}
 {% block title %}Pensées quotidiennes{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/stream/2018/">
 {% endblock %}
 {% block content %}
 <h1>Pensées de {{ note_list[0].date.year }}</h1>
 {% for note in note_list %}
  <article>
    <h2><a href="{{ note.url }}">{{ note.title }}</a> <time>{{ note.date }}</time></h2>
    {% if loop.index < 30 %}
        {{ note.content }}
    {% endif %}
  </article>
 {% endfor %}
 {% endblock content %}
 {% block nav %}
 <nav>
  <p>
    <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>
  </p>
 </nav>
 {% endblock nav %}
--- a/david/templates/stream_article.html
+++ b/david/templates/stream_article.html
@@ -0,0 +1,42 @@
 {% extends "base_2017.html" %}
 {% block lang %}{{ note.lang }}{% endblock lang %}
 {% block title %}{{ note.title }}{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr{{ note.url }}">
 {% endblock %}
 {% block content %}
 <h1>{{ note.title }}</h1>
 <time>{{ note.date }}</time>
 <article>
  {{ note.content }}
 </article>
 {% endblock content %}

 {% block aside %}
 {% if note.lang == 'en' %}
 <aside>
  <p>
    Other articles in English:
  {% for post_en in published_posts_en %}
    <a href="{{ post_en.url }}">{{ post_en.title }}</a>{% if not loop.last %},{% else %}.{% endif %}
  {% endfor %}
    Oh, and most of <a href="/david/stream/2018/">the 2018 thoughts</a>.
  </p>
 </aside>
 {% else %}
  {{ super() }}
 {% endif %}
 {% endblock aside%}

 {% block nav %}
 <nav>
  <p>
    <a rel=prev href="{{ prev.url }}">← {{ prev.title }}</a> | <a href="/david/stream/{{ note.date.year }}/" title="Retour à la liste complète">↑</a>{% if next %} | <a  rel=next href="{{ next.url }}">{{ next.title }} →</a>{% endif %}
  </p>
 </nav>
 {% endblock nav %}

 {% block extrajs %}
  {% include 'service_workers.html' %}
 {% endblock %}
--- a/david/templates/talks.html
+++ b/david/templates/talks.html
@@ -0,0 +1,552 @@
 {% extends "base.html" %}
 {% block title %}Conférences{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/talks/">
  <link type="text/css" rel="stylesheet" media="screen" href="/static/david/talks/timeline.css" />
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script type="text/javascript">
      // fallback to local files
      if (typeof jQuery == 'undefined')
      {
        document.write(unescape("%3Cscript src='/static/david/talks/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
      }
  </script>

  <script type="text/javascript" src="/static/david/talks/timeline-min.js"></script>
  <script>
      $(document).ready(function() {
          var timeline_config = { start_at_end: true, hash_bookmark: true };
          var timeline = new VMM.Timeline(790, 600, timeline_config);
        timeline.init();
    });
  </script>
 {% endblock extra_head %}
 {% block content %}
    <section>
      <div id="timeline">
          <section>
            <time>1982,4,23</time>
              <h2>David Larlet raconte, explique, discute.</h2>
              <article>
                  <p>Bio : <a href="https://larlet.fr/david/">David Larlet</a> est un geek.</p>
              </article>
              <figure>
                  <img src="/static/david/talks/david-larlet-talks.jpg" alt="David Larlet présentant avec une spécification du W3C" />
                  <cite>Rien ne vaut une spécification du W3C pour entamer un trol^W^discussion.</cite>
              </figure>
          </section>

          <ul>
              <li>
                  <time>2005,12,10</time>
                  <h3>Présentation d'Ubuntu — AG Globenet</h3>
                  <article>
                      <p>
                          Présentation de la distribution GNU/Linux Ubuntu lors de l'assemblée générale de Globenet.
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20051212-presentation-ubuntu-a-lag-de-globenet/">Billet sur l'intervention</a> •
                         <a href="">Support de présentation</a>
                     </p>
                  </article>
              </li>
              <li>
                  <time>2007,6,2</time>
                  <h3>Tout savoir sur Django — PyconFR 2007</h3>
                  <article>
                      <p>
                          De la découverte à l'explication des concepts avancés, vous serez à même de vous faire votre propre opinion sur Django grâce à des exemples d'applications simples.
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20070519-presentation-de-django-aux-journees-python-francophones/">Billet d'annonce</a>
                     </p>
                  </article>
              </li>
              <li>
                  <time>2007,6,13</time>
                  <h3>Les communautés du Logiciel Libre : fonctionnement et interactions possibles avec le monde professionnel — Paris Capitale du Libre 2007</h3>
                  <article>
                      <p>
                          Table ronde avec <a href="http://www.sophiegautier.com/blog/">Sophie Gautier</a>, <a href="http://www.vuntz.net/journal/">Vincent Untz</a> et <a href="http://standblog.org/blog/">Tristan Nitot</a>.
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20070426-comment-valoriser-la-communaute-des-logiciels-libres-aupres-des-professionnels/">Billet d'annonce</a>
                     </p>
                  </article>
              </li>
              <li>
                  <time>2008,4,17</time>
                  <h3>Atelier d'introduction au Web Sémantique — W3Café</h3>
                  <article>
                      <p>
                          Découverte de RDFa et des microformats, présenté avec <a href="http://t37.net/">Frédéric de Villamil</a>.
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20080402-atelier-d-introduction-au-web-semantique/">Objectif a priori</a> •
                         <a href="/david/biologeek/archives/20080425-le-point-sur-rdf-et-rdfa/">Bilan a posteriori</a>
                     </p>
                  </article>
              </li>
              <li>
                  <time>2008,5,21</time>
                  <h3>Pourquoi Django & Django performances et qualité — PyconFR 2008</h3>
                  <article>
                      <p>
                          Pourquoi utiliser Django et comment améliorer les performances et la qualité de ses développement avec ce framework web.
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20080521-conferences-django-pour-pycon-fr/">Résumé des interventions</a> •
                         <a href="http://dl.afpy.org/pycon-fr-08/videos/j2-07-pourquoi_django.ogg">Vidéo « Pourquoi Django ? »</a> •
                         <a href="http://dl.afpy.org/pycon-fr-08/videos/j2-12-django_au_quotidien.ogg">Vidéo « Django : qualité & performances »</a>
                         </p>
                  </article>
              </li>
              <li>
                  <time>2008,10,14</time>
                  <h3>Identité 2.0 et Web sémantique — Paris Web 2008</h3>
                  <article>
                      <p>
                          Nos activités, nos relations, nos contenus, nos envies et finalement notre identité ont migré d’une sphère locale à une portée mondiale grâce au Web. La complexité croissante des relations que nous souhaitons stocker et exprimer en ligne demande une évolution de notre façon de concevoir et d’assurer la pérennité et l’utilité des applications Web.
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20081117-le-web-semantique-ou-limportance-des-donnees-liees/">Résumé de l'intervention</a> •
                         <a href="http://www.dailymotion.com/video/x7rppw_david-larlet-identit-20-et-web-sman_tech">Vidéo de la conférence</a>
                         </p>
                  </article>
              </li>
              <li>
                  <time>2008,12,5</time>
                  <h3>Choisissez votre avenir — EBGM</h3>
                  <article>
                      <p>
                          L'histoire de ma vie. Un brin enjolivée :-)
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20081209-choisissez-votre-avenir/">Résumé des interventions</a>                      </p>
                  </article>
              </li>
              <li>
                  <time>2009,5,5</time>
                  <h3>OpenStack & Django — EuroDjangoCon 2009</h3>
                  <article>
                      <p>
                          Panel sur OpenStack (OpenID, OAuth, etc) dans Django, en anglais avec <a href="http://benoitc.im/">Benoît Chesneau</a>, <a href="http://leahculver.com/">Leah Culver</a> et <a href="http://immike.net/">Mike Malone</a>
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20090327-reflexions-sur-les-conferences-de-geeks/">Réflexions occasionnées</a>
                         </p>
                  </article>
              </li>
              <li>
                  <time>2009,10,10</time>
                  <h3>Portabilité des données : danger ou opportunité ? — Paris Web 2009</h3>
                  <article>
                      <p>
                          Discussion sur les notions de mobilité et d’appartenance des données numériques. Quels sont les enjeux sous-jacents ? Quelle différence entre portabilité et contrôle ? Faut-il encourager l’ouverture et la réutilisation de ses données ? Quel est le lien avec nos identités numériques ?
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20091012-retours-chaud-sur-paris-web-2009/">Retour sur l'événement</a>
                         </p>
                  </article>
              </li>
              <li>
                  <time>2009,7,11</time>
                  <h3>L’inutilité des logiciels libres à l’heure du Web 2.0 — RMLL 2009</h3>
                  <article>
                      <p>
                          Libristes convaincus, où stockez-vous vos données ? N’êtes-vous pas en train de donner bien volontiers d’une main ce que vous vous acharnez à récupérer de l’autre ? Comment le Libre peut-il encore tirer son épingle d’un jeu qui suit actuellement les règles de Google, Facebook, Amazon & Co ?
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20091202-discussions-sur-les-applications-web-libres/">Retour sur les discussions</a>
                         </p>
                  </article>
              </li>
              <li>
                  <time>2009,11,23</time>
                  <h3>Introduction pratique à Django — Scrum.py</h3>
                  <article>
                      <p>
                          Merci à <a href="http://insei.org/">Stéphane Langlois</a> et <a href="https://nicolas.perriault.net/">Nicolas Perriault</a> pour leur motivation et leur implication dans la réussite de cette journée.
                      </p>
                      <p>
                         <a href="http://vimeo.com/7702575">Vidéo de présentation de Python/Django</a> •
                         <a href="http://vimeo.com/7650588">Vidéo de démonstration par l'exemple</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2010,4,24</time>
                  <h3>Les limites de Django — Rencontres Django 2010</h3>
                  <article>
                      <p>
                          On apprécie tous (ou presque) ce framework pour les raisons qu'on connait mais comment faire lorsqu'on arrive aux limites ? Quelles sont les pistes pour améliorer les performances ? Comment faire pour communiquer avec d'autres modules ? Marque blanche, asynchrone, temps-réel, nosql, RDF,... possibles avec Django ou pas ?
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20100427-bilan-personnel-sur-djangocong/">Retour sur l'intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2010,7,9</time>
                  <h3>Données libres : publier, enrichir et exploiter — RMLL 2010</h3>
                  <article>
                      <p>
                          Le Web est en train d’évoluer d’un web de documents vers un web de données et d’interactions. Or ces données sont généralement captives dans des API propriétaires qui sont l’équivalent des formats propriétaires pour le web. Il existe pourtant des solutions standardisées par le W3C permettant de rendre ces données interopérables et de les lier entre elles.
                          Quelles sont les solutions technologiques actuelles ? Comment faire partie de ce Web là en participant activement à son élaboration ? Comment peut-on réutiliser les données déjà exposées ? Comment promouvoir un Web libre ?
                      </p>
                      <p>
                         <a href="http://2010.rmll.info/IMG/pdf/liberez-les-donnees-2.pdf">Support de présentation</a> •
                         <a href="http://www.dailymotion.com/video/xe8fku_david-larlet-organiser-et-participe_tech">Vidéo « Organiser et participer au événements »</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2011,3,17</time>
                  <h3>En 2020, choisir son appartement à partir de données ouvertes — Regards sur le numérique</h3>
                  <article>
                      <p>
                          Grâce à toutes les données libérées par les villes, les informations disponibles pour la recherche d’un appartement ou d’une maison sont beaucoup plus nombreuses qu’aujourd’hui. Et les critères de choix aussi : surface et prix, bien sûr, mais aussi espaces verts, écoles à proximité, temps de transport pour rejoindre son travail, taux de pollution atmosphérique et sonore, risques naturels ou même affinités politiques des habitants… Toutes ces données sont représentées sur une carte, lors d'une promenade dans son futur quartier.
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20110322-retour-sur-lopendata-et-nous-et-nous-et-nous/">Retour sur l'intervention</a> •
                         <a href="http://www.rslnmag.fr/post/2011/03/30/David-Larlet-en-2020-choisir-son-appartement-a-partir-des-donnees-ouvertes.aspx">Résumé par RSLN</a> •
                         <a href="http://player.vimeo.com/video/21691729">Voir la vidéo</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2011,10,14</time>
                  <h3>L'OpenData : une évolution culturelle, politique et technique — Paris Web 2012</h3>
                  <article>
                      <p>
                          Vous souhaitez libérer des données ? Qu'est-ce qu'une donnée ? Qu'entend-on par « libération » ? Comment favoriser la réutilisation de vos données pour en décupler leur valeur ? Quelles sont les bonnes pratiques dans ce domaine ? Quelles sont les conditions de réutilisation ? Quels sont les outils existants ? Quelles sont les sources actuelles ? Locales ? Nationales ? Comment croiser ces données pour proposer un service innovant aux utilisateurs ? Comment les hackers-citoyens peuvent-ils s'approprier ces données ?
                      </p>
                      <p>
                         <a href="/david/biologeek/archives/20111016-retour-sur-mon-intervention-parisweb/">Retour sur l'intervention</a> •
                         <a href="http://www.everlong.org/blog/index.php/post/2012/03/Donn%C3%A9es-ouvertes,-par-David-Larlet">Résumé par Julien Wajsberg</a> •
                         <a href="http://www.dailymotion.com/embed/video/xpli6g?logo=0">Voir la vidéo</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2012,4,14</time>
                  <h3>Communautés ouvertes : confiance, tailles critiques et efficacité — Rencontres Django 2012</h3>
                  <article>
                      <p>
                          Il existe des moments clés dans un groupe qui sont liés à sa taille. Dans les communautés ouvertes, c'est d'autant plus flagrant car la croissance est incontrôlée. Via un savant mélange de chiffres, d'expérience et de trolls vous pourrez analyser les succès et surtout les échecs de projets comme Django ou django-fr. Et notamment comprendre pourquoi vous n'êtes pas 200 dans la salle :)
                      </p>
                      <p>
                         <a href="/david/thoughts/#communities">Voir le résumé (anglais)</a> •
                         <a href="http://rencontres.django-fr.org/2012/presentations/djangocong-communities.pdf">Télécharger le support (PDF - 554Ko)</a> •
                         <a href="http://www.youtube.com/watch?v=tpose7DM2aA&context=C484791fADvjVQa1PpcFPMNCOGbyfsPe9Wog9XJfcNZ6hAR8GnEdU=">Voir la vidéo</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2012,11,24</time>
                  <h3>Pourquoi je ne veux plus utiliser Django ? — Rencontres Django Toulouse</h3>
                  <article>
                      <p>
                          Lassitude ? Mauvaises pratiques ? Inertie de la communauté ? Temps-réel ?
                          Pourquoi avoir envie d'aller voir ce qui se fait ailleurs ?
                          Limites conceptuelles et humaines de Django.
                      </p>
                      <p>
                         <!--<a href="">Voir le résumé</a> •-->
                         <a href="/static/david/talks/djangocong-toulouse-plusdjango.pdf">Télécharger le support (PDF - 2,4Mo)</a> •
                         <a href="http://www.toulibre.org/pub/2012-11-24-capitole-du-libre/videos/larlet-pourquoi-je-ne-veux-plus-utiliser-django.mp4">Voir la vidéo</a> •
                         <a href="/david/blog/2015/prospective-python/">Retour sur l'intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2013,03,22</time>
                  <h3>Accompagnement dataviz — EMI Paris</h3>
                  <article>
                      <p>
                          Accompagnement d'une promotion d'une vingtaine
                          de journalistes pour concevoir une application
                          minimaliste autour de la représentation des
                          données sous forme ludique et infographique.
                      </p>
                      <p>
                         <a href="/david/blog/2013/accompagnement-emi/">Retour sur l'intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2013,03,28</time>
                  <h3>BOF Not Only SSII — Devoxx France</h3>
                  <article>
                      <p>
                          NoSSII vous connaissez ? Au-delà du buzzword ?
                          De la même façon que NoSQL signifie "Not only SQL", NoSSII signifie "Not only SSII". Loin d'être antagoniste, NoSSII regroupe d’autres façons de travailler dans l'informatique que nous vous proposons de découvrir.
                          Comme NoSQL, le mouvement NoSSII est un terme récent mais désigne des pratiques plus anciennes.
                          Comme NoSQL, NoSSII n’est pas un mouvement "contre" les SSII, mais un mouvement qui promeut des façons alternatives de travailler dans l’informatique.
                      </p>
                      <p>
                         <a href="/david/blog/2013/scopyleft-valeurs/">Retour sur l'intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2013,04,25</time>
                  <h3>Votre API n'est pas RESTful — Mix-IT</h3>
                  <article>
                      <p>
                        5 minutes pour expliquer comment transformer une API HTTP en API RESTful, challenge accepté !
                      </p>
                      <p>
                         <a href="/static/david/talks/mixit-lightning-talk.pdf">Télécharger le support (PDF - 1,8Mo)</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2013,04,25</time>
                  <h3>Concevoir son développement par l'API — Mix-IT</h3>
                  <article>
                      <p>
                        Il existe de nombreuses approches xxx-first, de mobile-first à content-first en passant par user-first, vous aurez compris le principe.

                        Et si vos données étaient découplées de votre interface ? N'est-ce pas suffisant pour poser une API à partir de là ? Et si nous faisions plutôt un API-first ?

                        Le fait de commencer votre application par son API permet de se poser beaucoup de questions sur vos données et la façon dont vous allez les exposer de façon pérenne : pour les utilisateurs, pour les divers périphériques, pour les développeurs, pour les moteurs de recherche, pour un usage interne, etc.

                        Nous pourrons faire un mobile-first ensuite, nous n'aurons plus qu'à penser à l'interface, le reste étant déjà mature.
                      </p>
                      <p>
                         Co-animé avec <a href="http://n.survol.fr/">Éric D.</a> •
                         <a href="/static/david/talks/mixit-concevoir-api.pdf">Télécharger le support (PDF - 100Ko)</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2013,05,17</time>
                  <h3>Une quête de sens — SudWeb</h3>
                  <article>
                      <p>
                        Animation d'un débat sur le sens de notre implication dans notre métier avec une centaine de personnes.
                      </p>
                      <p>
                         <a href="/david/blog/2013/quete-sens/">Retour sur l'intervention</a> •
                         <a href="http://vimeo.com/70073032">Vidéo de l'intervention</a> •
                         <a href="/static/david/talks/sudweb-quete-sens.pdf">Télécharger le support (PDF - 26Ko)</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2013,06,15</time>
                  <h3>JavaScript et Python : un duo de choc — Web-5</h3>
                  <article>
                      <p>
                        Avec l'arrivée de node.js, beaucoup de développeurs se demandent s'il est encore nécessaire d'apprendre un autre langage côté serveur. Il existe pourtant des frameworks plus matures qui sont également non bloquants dans d'autres langages.
                      </p>
                      <p>
                        À travers l'exemple de Python, nous étudierons les divers scénarios possibles pour faire cohabiter ces 2 langages et discuter des concepts sous-jacents.
                      </p>
                      <p>
                         Co-animé avec <a href="http://vinyll.scopyleft.fr/">Vincent Agnano.</a> •
                         <a href="/david/blog/2013/python-javascript/">Retour sur l'intervention</a> •
                         <a href="https://github.com/scopyleft/webfive-pyjs">Support de l'intervention (code)</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2013,06,27</time>
                  <h3>APIs : dans quels contextes et comment ? — OpenDataWeek</h3>
                  <article>
                      <p>
                        Pourquoi vouloir fournir une API à des développeurs ? Quelle est la différence avec l'OpenData ? Qu'entend-on par des données navigables ? Périssables ? Sales ?! Quelle stratégie de libération propre à votre structure doit être adoptée ? Autant de questions qui seront abordées lors de cette atelier très participatif à travers des sessions interactives.
                      </p>
                      <p>
                        L'objectif est que vous en ressortiez avec une vision plus claire de la situation actuelle, que nous ayons discuté ensemble des succès et échecs potentiels en partageant nos expériences et que vous ayez envie de faire vivre vos données !
                      </p>
                      <p>
                         Animé dans le cadre de l'<a href="http://opendataweek.org/jeudi-27-mai/">OpenDataWeek</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2013,10,18</time>
                  <h3>Confort et convivialité — TEDxToulon</h3>
                  <article>
                      <p>
                        Comment évoluer dans un milieu ne requérant plus aucune qualité d'adaptation ? Comment s'individuer dans une société qui encourage l'isolement social ? Comment concevoir des outils qui ne favorisent pas les hiérarchies ? Comment prendre du plaisir à réacquérir sa dignité ? Quelques pistes.
                      </p>
                      <p>
                         <a href="/david/blog/2013/confort-convivialite/">Retour sur l'intervention</a> •
                         <a href="https://www.youtube.com/watch?v=6gT0Sa8Dp5E">Vidéo de l'intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2014,08,26</time>
                  <h3>Un web omni-présent — Rencontres de Lure</h3>
                  <article>
                      <p>
                        Défaire, refaire, recommencer, l’impermanence du Web est-elle symptomatique d’une société qui souhaite faire table rase du passé ?
                        Toujours plus vite, toujours plus mondialisé, la reproduction des schémas pyramidaux détruit peu à peu la diversité qui fait la richesse de cette toile.
                        Je vous invite à venir emprunter des chemins de traverse, explorer des initiatives pour faire ensemble, et pour longtemps.
                      </p>
                      <p>
                         <a href="/david/blog/2014/un-web-omni-present/">Retour sur l'intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2014,10,18</time>
                  <h3>Cours sur le Web — IUT Arles</h3>
                  <article>
                      <p>
                        Cours sur HTML/CSS avancés, le Web Mobile et les Animations Web donnés à des dernières années de licence professionnelle « Activités et techniques de communication » pour un total de 76 heures.
                      </p>
                      <p>
                         <a href="/david/pro/enseignement/">Retour sur les interventions</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2015,04,10</time>
                  <h3>Collaborer efficacement autour du code — Natural-Solutions</h3>
                  <article>
                      <p>
                        Formation et accompagnement réalisés pour améliorer la qualité des projets open-source d'une équipe et encourager les participations externes.
                      </p>
                      <p>
                         <a href="/david/blog/2015/collaboration-technique/">Retour sur les interventions</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2015,06,18</time>
                  <h3>Formation JS Avancé — Ekito</h3>
                  <article>
                      <p>
                        J’ai eu l’occasion d’accompagner Vincent pour une formation sur JavaScript et ses concepts avancés. Il a été question de technique bien sûr avec ES6/Next/2015, les IIFE, les promesses, le scope, les objets, les Web Workers, les Web Components, localStorage, etc. Mais aussi de culture avec les différents outils, frameworks, approches, workflows, etc.
                      </p>
                      <p>
                         <a href="/david/blog/2015/formation-js-avance/">Retour sur l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2015,06,26</time>
                  <h3>Travail en transition — Conférence E1</h3>
                  <article>
                      <p>
                        « L’emploi est mort, vive le travail ! » nous dit le philosophe Bernard Stiegler. Pourquoi le système pyramidal vacille ? Pourquoi notre rapport au travail évolue ? Pourquoi le nomadisme collaboratif ? Quelle est l’importance du numérique dans tout ça ? On n’a pas forcément les réponses mais on a fait des expériences. Et on aime bien partager :-)
                      </p>
                      <p>
                         <a href="/david/blog/2015/travail-transition/">Retour sur l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2015,10,30</time>
                  <h3>La pairmutation du travail — Agile Tour Bordeaux</h3>
                  <article>
                      <p>
                        #enseignement #crowdfounding #bonheur #mobilité #digitallabor #SCOP #compétition #méditation #phagocytose #collaboration #ouverture #nomadisme #esclavage #capital #holacratie #lean #startup #subordination #35h quels choix pour notre travail demain ?
                      </p>
                      <p>
                         <a href="/david/blog/2015/pairmutation-travail/">Retour sur l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2016,02,25</time>
                  <h3>Python et API — Confoo</h3>
                  <article>
                      <p>
                         Django, Flask ou Falcon ? REST ou GraphQL ? Comment rendre une API Web compréhensible par les (ré)utilisateurs et par les futurs mainteneurs ? Quels sacrifices (performances, sémantique, utilisabilité, etc) sont possibles ? Quelle stratégie d'évolutivité mettre en place ? Quelles statistiques pour quelles décisions ?
                      </p>
                      <p>
                         <a href="/david/blog/2016/minimalisme-esthetique/">Retour sur l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2016,02,26</time>
                  <h3>Opendata et liens cassés — Confoo</h3>
                  <article>
                      <p>
                         Retour d'expérience sur les outils que nous avons mis en place pour rendre la plateforme de l'Opendata français (data.gouv.fr) explicite sur la disponibilité des milliers de ressources distantes. Petit laïus sur l'impermanence du Web avant de proposer des solutions concrètes pour y pallier localement et/ou tous ensemble…
                      </p>
                      <p>
                         <a href="/david/blog/2016/opendata-liens-casses/">Retour sur l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2016,04,22</time>
                  <h3>Simplicité par défaut — Mix-IT</h3>
                  <article>
                      <p>
                        Si votre node_modules et ou votre virtualenv fait plus de 100Mo, si votre projet nécessite trois instances Docker pour servir cinq pages, si vous ne savez même plus qui builde qui, qui transpile quoi et quel intégration continue déploie où, alors vous souffrez peut-être de ce syndrome que j'appelle « Complexité par défaut ».
                      </p>
                      <p>
                        Mais tout n'est pas perdu, on va voir ensemble comment démarrer petit et itérer en étant dirigé par le besoin. Et uniquement le besoin.
                      </p>
                      <p>
                         <a href="/david/blog/2016/simplicite-defaut/">Retour sur l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2017,03,08</time>
                  <h3>Des données aux communs — Confoo</h3>
                  <article>
                      <p>
                        Je travaille avec le gouvernement français à l’ouverture des données à l’échelle nationale. J’ai eu l’occasion de travailler à deux reprise sur des données brutes qu’il fallait (re)construire en données avec un historique facilement exploitable. Cette session sera l’occasion de décrire les enjeux de l’opendata et les outils Python qui ont été développés pour mener à bien ces projets.
                      </p>
                      <p>
                         <a href="/david/blog/2017/donnees-communs/">Retour sur l’intervention</a> •
                         <a href="/static/david/talks/confoo-opendata.pdf">Support de l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2017,05,29</time>
                  <h3>Inclusive Python — Montreal-Python</h3>
                  <article>
                      <p>
                        After 12 years of hacking in Python, what did I learn the hard way? From biology to the web, across startups and now French government, I realized one thing: making your code resilient requires empathy.
                      </p>
                      <p>
                         <a href="/david/blog/2017/inclusive-python/">Retour sur l’intervention</a> •
                         <a href="https://www.youtube.com/watch?v=krpIdo_mP2c">Vidéo de l’intervention</a> •
                         <a href="/static/david/talks/inclusive-python.pdf">Support de l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2017,07,18</time>
                  <h3>Without JavaScript — Accessibility meetup</h3>
                  <article>
                      <p>
                        Rethink what you are doing from the ground up. Challenge your value(s).
                      </p>
                      <p>
                         <a href="/david/blog/2017/without-javascript/">Retour sur l’intervention</a>
                      </p>
                  </article>
              </li>
              <li>
                  <time>2017,11,18</time>
                  <h3>How to build an async pico web framework from scratch — PyCon Canada</h3>
                  <article>
                      <p>
                        There is a new lightweight, fast, minimalist, you-name-it framework each week within the Python community. Why? Because it’s simple! You may want to take that path too and if you do, don’t make the same mistakes as we did. Come share your own frustrations and let’s build a new one together, in 10 minutes 🙃
                      </p>
                      <p>
                         <a href="/david/blog/2017/async-python-frameworks/">Retour sur l’intervention</a> •
                         <a href="/static/david/talks/pycon-async-web.pdf">Support de l’intervention</a>
                      </p>
                  </article>
              </li>
          </ul>
      </div>
    </section>
    <br style="margin-top: 580px" /><!-- SRSLY? -->
 {% endblock content %}
--- a/david/templates/thoughts.html
+++ b/david/templates/thoughts.html
@@ -0,0 +1,872 @@
 {% extends "base.html" %}
 {% block lang %}en{% endblock lang %}
 {% block title %}Thoughts{% endblock %}
 {% block extra_head %}
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/thoughts/">
 {% endblock %}
 {% block content %}
  <h1>Thoughts</h1>
  <section typeof="schema:Blog">
      <article id="slowweb" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#slowweb" title="Link to that content" property="schema:url">Slow Web</a></h2>
        <div property="schema:articleBody"><p>Inspired by the <a href="http://www.slowfood.com/">Slow Food</a> and more recent <a href="http://slow-science.org/">Slow Science</a> movements, I decided to go back to what I call <strong>Slow Web</strong>. Enough of real-time distractions, enough of noisy notifications, enough of crappy web 2.0 "services" telling me intimate things about people I do not even know. Back to real reflexions, interesting discussions and passionate serendipity. In plain old HTML.</p>
 <p>I thought about it for a while and <a href="http://tam.blogs.clan-takeda.com/">my year in Japan</a> will be the perfect timing to switch:</p>
 <ul>
 <li>8 hours timezone lap with France and US, less real-time distractions ;</li>
 <li>about 2 hours a day of transports to just think, disconnected ;</li>
 <li>back to a salary job with less peripheral concerns.</li>
 </ul>
 <p>Here is what I did to slow down my attention and bring back my reflexion. Let me be clear, this is not a guide, just a testimony:</p>
 <ol>
 <li><em>Deleting all accounts with time consuming notifications.</em> LinkedIn is the perfect example, after a couple of messages I realized that all propositions were just bullshit and that you need to know people to find interesting jobs, not contacts.</li>
 <li><em>Reopening an aggregating system with few quality blogs remaining after the micro-reflexion crisis.</em> I thought that Twitter, the human sourced aggregator was enough but the signal vs. noise ratio is too bad even with a restrictive follow policy.</li>
 <li><em>Forcing me to write articles.</em> By forcing I mean taking the time to aggregate some thoughts and links to try to summarize my vision on the topic, not just transmitting/retweeting links without any context nor deep reflexion.</li>
 <li><em>Finding a good setup.</em> My 11" MacBook Air associated with Sublime Text 2 in Distraction Free Mode looks to be perfect. At the technical level, I just use a repository to store my writings generated in static, portable, almost perennial, troll proof HTML. This will be a one-page blog, be ready to scroll (and to link anchors).</li>
 </ol>
 <p>At the end of the day, the quality you produced matters. Be part of that Web and share the love :-).</p>
 <p>As a side note, I’m trying to write in English to force me to express myself with that language, please email me if there are mistakes. Same apply for Japanese, if any.</p>
 <p>PS: there will be no comments at all on this space but discussions are much more appreciated and manual trackbacks will be added, just find a place to publish. Don’t let me be responsible of your data, please!</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2011</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="geeksparano" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#geeksparano" title="Link to that content" property="schema:url">Geeks are paranoid</a></h2>
        <div property="schema:articleBody"><p>Because they/we are <strong>control freaks</strong>. And that’s the root of a lot of issues because geeks are creating and implementing systems for people who are not obsessed by pixel perfect rendering, exact version numbers or strongly typed stuff (Wait there are statuses between male and female, how can I implement that?! A FREE text field? Crazy you.). Let me saying it out loud: <em>PEOPLE JUST DON’T CARE</em>.</p>
 <p>This idea leads me to consider a very system familiar: <strong>the human body</strong>. Actually that’s one of the most complex systems that you can study very easily, try to enhance, feed randomly, drug at best. And that’s why I’m not surprised that more and more geeks I know are starting to do sports  regularly (OK, at first it’s for the beer-effect phenomenon but then...), trying to figure out how that system works and finally control it. Of course. It’s interesting to compare running (the sport!) programs and Scrum’s process for instance, an iterative way to improve yourself in one sense.</p>
 <p>A lot of geeks are over-equipped (including me, I confess) because of that psychotic frenzy, thinking that you can only achieve yourself when all the environment is at his best. This is not about consumerism or having a better one than your neighbor, it’s probably more about ego actually: <em>I deserve the best to accomplish myself.</em> Somehow it’s wrong but so reassuring and challenging in the meantime because you <em>have to</em> give the best of yourself in this configuration :-).</p>
 <p>But trying to control an open system is pure utopia and it will only bring frustration. This frustration is turned into pessimism about society, human nature and so on. The only solution is to let it go, to rise above (do not stress, this parenthesis will never be closed but it’s a  possibility and it’ll not make that world better nor worse, just breathe, no problem. You don’t know if that sentence is still in the parenthesis  but that’s still OK. <em>Relax.</em></p>
 <p>Should we try to heal that mental disease? Good question. In one hand it standardizes the Worl^W^Web at an incredible pace with that control obsession in mind. On the other, the control must be performed in a perfect way and it slows down the process with endless discussions and <a href="http://xkcd.com/927/">countless standards</a>. <strong>It’s always a matter of cursor.</strong> What about you?</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2011</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="aboutfeeds" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#aboutfeeds" title="Link to that content" property="schema:url">Feeds</a></h2>
        <div property="schema:articleBody"><p>Most of the feedback about that page was about the missing RSS feed. I got two technical remarks about that: as you probably noticed there is no date associated with posts <del>and a feed requires one</del> I was wrong, <a href="http://www.rssboard.org/rss-specification#ltpubdategtSubelementOfLtitemgt">the pubDate element of an RSS feed is optional</a>, I wonder how RSS tools deal with that and freshness though. Secondly, HTML 5 adds some (poor) semantic through tags (article, section, etc) so I wonder why we still need to duplicate the information in a feed while it already exists. <em>You are just reading some kind of content feed with that page,</em> interpreted by your browser.</p>
 <p>Now let’s consider a juridic point of view, the license for that page will probably be (still undecided):</p>
 <blockquote>
 <p>Creative Commons: <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Attribution, Noncommercial and No Derivative Works.</a></p>
 </blockquote>
 <p>BUT, those conditions are far from being enough, you need to explain what you mean by <strong>Attribution</strong> or people will just put an hidden link somewhere or worse your name without any link and same apply with <strong>Noncommercial</strong>: is Google’s indexation a commercial use of my content with their contextual ads? What if your aggregator displays ads on top of my feed? What do you consider as a <strong>Derivative Work</strong>? Is an extract a derivative?</p>
 <p>The real question about feeds is: <em>Do I want to be eaten by robots?</em> Not yet. And I’m seriously considering the deindexation of that page from search engines too.</p>
 <p>PS: this page has only been announced on Twitter so you’re probably <a href="https://twitter.com/davidbgk">following me</a> and will be notified for new content that way, at least for now! I agree that it’s not really <a href="#slowweb">Slow Web</a> compatible, just keep that tab opened if you’re an extremist :p</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2011</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="opendatacontests" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#opendatacontests" title="Link to that content" property="schema:url">OpenData contests</a></h2>
        <div property="schema:articleBody"><p>This article is a follow up of a discussion with <a href="https://twitter.com/orovellotti" title="">Olivier</a> after the <a href="http://opendatagarage.org" title="">OpenDataGarage</a> event which took place in Marseilles last July. After the <a href="http://icant.co.uk/slidesharehtml/index.php?url=http%3A%2F%2Fwww.slideshare.net%2Flacantinerennes%2Fopen-data-garage-comment-valuer-limpact-conomique-de-lopen-data-local&amp;generate=yes&amp;width=640&amp;current=0" title="">excellent keynote</a> of <a href="https://twitter.com/schignard" title="">Simon</a> we were wondering if those contests are finally useful for citizens.</p>
 <p>Most of the contests are arguing that it allows data openers to have apps for a minimal investment. Ok. <em>Let’s try to find who’s fooled in that contest?</em> Extract from the <a href="http://www.appsfordemocracy.org/" title="">Apps for democracy</a> website:</p>
 <blockquote>
 <p>The first edition of Apps for Democracy yielded 47 web, iPhone and Facebook apps in 30 days - a $2,300,000 value to the city at a cost of $50,000.</p>
 </blockquote>
 <p>2 million dollars. Incredible ROI, right? But it means that app developers worked for that amount of money without getting a penny back. <strong>And developers are citizens.</strong> At least for now because that’s my second point.</p>
 <p>One of the argument of that kind of contest is to develop local economy. But after a few contests this is not true anymore, most apps being reused across cities/countries: if you did an app for Ottawa public transports, will it be easier to adapt it to Paris or to write it from scratch?</p>
 <p>Last but not least, <em>most of the created apps during those contests <a href="http://waldo.jaquith.org/blog/2011/08/govt-apps-contests/">are not maintained</a> because the business model was just to win the first prize</em> and it’s of course not viable for the 47 involved companies (note that even the first prize is probably not enough to be profitable given the time spent building the app).</p>
 <p>How can we encourage innovation and creativity with released open data? First let’s <strong>ask citizens</strong>, I really like the way Ubuntu is involving users through their <a href="http://brainstorm.ubuntu.com/" title="">Brainstorm</a> and <a href="http://neighborland.org/" title="">Neighborland</a> has a nice UI too. Once you’re sure to have potential users, be collaborative with other developers, raw data often requires to be refined to standard formats and that’s a boring/repetitive task. Third, start to innovate to build your awesome AND viable app. This is the only win-win scenario, there will probably be less apps at the end but more useful to citizens. We can even imagine a business model based on citizens’ donations based on a relevant idea if there aren’t enough potential users. <em>We should not focus on OpenData apps but on <a href="http://infovegan.com/2010/06/22/build-communities-not-apps-contests">OpenData communities</a>.</em> I want <a href="http://www.mymajorcompany.co.uk/faq/" title="">MyMajorCompany’s concept</a> applied to OpenData apps’ development. <strong>Communities will drive local development, nothing else.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2011</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="noosphere" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#noosphere" title="Link to that content" property="schema:url">Noosphere</a></h2>
        <div property="schema:articleBody"><p>Bernard Werber introduced that concept to me in his Encyclopedia, the <a href="http://en.wikipedia.org/wiki/Noosphere" title="">noosphere</a> is the "<em>sphere of human thought</em>", it’s about ideas emerging in the meantime but in different places. With the Web, this is not anymore a matter of physical places but this phenomenon still happens.</p>
 <p>For example my latest article about <a href="#opendatacontests" title="">OpenData contests</a> has been written after 2 months of reflexion/maturation but I discovered that Hubert Guillaud wrote <a href="http://www.internetactu.net/2011/09/07/le-concours-et-apres/" title="">a similar article</a> <em>the same day</em> with ideas from articles written those 2 last months that I wasn’t aware of. Coincidence? I don’t think so ;-).</p>
 <p>I’m convinced that Twitter is a new step, some kind of neonoosphere, where the physical distance between places has turned to a social distance related to followers’ circles. Twitter is somehow the <strong>feed of human thought</strong> (about the "human" part, I’m a bit skeptical though, I’d love to know the ratio of content generated by bots on Twitter). It means that from an era of relatively slow confrontation of ideas we can turn this in an era of real-time collaboration. This is the theory.</p>
 <p>With <a href="http://code.flickr.com/blog/2011/08/30/in-the-privacy-of-our-homes/" title="">geofences</a>, the concept developed by Flickr (see their <a href="http://code.flickr.com/blog/2011/09/06/creating-an-interface-for-geofences/" title="">researches</a> for interfaces), something interesting is happening: the concept of digital neighbor BUT in a physical space, a way to combine both approaches.</p>
 <p>Our history is a perpetual local/global/local circle, I think we’re currently going from global to local but this "local" is not anymore a matter of physical space. And in the meantime <strong>this digital local has a growing influence on our physical world</strong>: coworking spaces based on affinities, <a href="http://www.laruchequiditoui.fr/" title="">local food by digital cooperation</a>, web conferences encouraging proximity and so on. This is terribly exciting.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2011</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="replacement" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#replacement" title="Link to that content" property="schema:url">Replacement</a></h2>
        <div property="schema:articleBody"><p>I’m reading <em><a href="http://guynameddave.com/the-book/" title="">The 100 thing challenge</a></em> book while doing my luggage for Japan and it’s quite inspiring:</p>
 <blockquote>
 <p>We buy things year after year, over and over again, in our pursuit of contentment. It has been my impression that these days, replacement is emblematic of our dreams more than ownership. This is a curiosity, for it is by endlessly acquiring the right things that we measure our distance from the good life. We are always getting, but never getting there.</p>
 </blockquote>
 <p>We are not anymore bound to objects, the beauty of an hand-made unique piece, the more we can do is being devoted to a brand. But that’s not the same, it implies to get the latest object from that brand, again and again, <strong>replacement as a way of life</strong>. Consumerism at best.</p>
 <p>Doing your luggage for a whole year is very different from doing it for holidays. You have to make choices about what you bring, what you keep, what you give, what you just trash. I decided to give as much as I can and to reduce what I keep to the minimum. If I’m not bringing it, who know if it’ll be useful a year from now? In this configuration, it’s hard to think at some things as "I’ll never buy that article again because it’s useless" vs. "I’ll replace it with a better/different one when I’ll be back".  After all, if I didn’t miss it for a year, is that really useful? <em>How tempting is it to start a new consumer life?</em> Buying the latest replaced product :-).</p>
 <p>Ironically, we’re ourselves more than ever afraid of being replaced, as a husband, as a father, as an employee, as a client and so on. This leads to stress and our relations and lives are totally changed by that replacement approach. Is there any alternative? <a href="http://guynameddave.com/2011/06/aspiring-differently-part-1/" title="">Contributors, not consumers, are what the twenty first century needs.</a></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2011</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="dequiring" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#dequiring" title="Link to that content" property="schema:url">Dequiring</a></h2>
        <div property="schema:articleBody"><p>I finished <em><a href="http://guynameddave.com/the-book/" title="">The 100 thing challenge</a></em>’s book before leaving France and I’m not convinced that’s the way I want to refrain myself.</p>
 <p>Having 100 things but <a href="#replacement">replacing</a> those regularly is still consumerism and your challenge is just an alibi. I propose an alternative to it or maybe more a complement: the "aquire only x things per month" challenge where "x" is personal. Because there is a marketing issue here, let’s call it <strong>The Dequiring Challenge</strong> (yes, I love neologisms). This approach focuses on quality and perenniality of your things while encouraging minimalism and reflexion.</p>
 <p><em>From now on I’ll experiment that challenge, starting with <code>x=3</code> this month (November).</em> I have no idea how hard it will be given that I’m still discovering my new life in Japan and being continuously tempted by Japanese gadgets! Anyway, I’ll keep you posted <a href="https://twitter.com/davidbgk">on twitter</a>.</p>
 <h3>My dequiring challenge log:</h3>
 <dl id="dequiring-log">
  <dt>November 2011</dt>
  <dd>
    <ol>
      <li>Foldable bag to avoid plastic ones</li>
      <li>Lightweight hat for hiking this winter</li>
      <li>Barefoot shoes for running/trailing/hiking</li>
    </ol>
  </dd>
  <dt>December 2011</dt>
  <dd>
    <ol>
      <li>A classy pull-over with hot underwears</li>
      <li>A visor to have more options when I run/trail</li>
      <li>Scissors for homemade hair-cut</li>
      <li>Christmas gifts: a belt, two caps, running gloves</li>
    </ol>
  </dd>
  <dt>January 2012</dt>
  <dd>
    <ol>
      <li>A classy black trousers</li>
      <li>A polar vest</li>
      <li>Foldable chopsticks</li>
    </ol>
  </dd>
  <dt>February 2012</dt>
  <dd>
    <ol>
      <li>Speakers</li>
      <li>Bag dedicated to trail</li>
      <li>A camera</li>
      <li>Valentine’s gift: a japanese bauble, a towel</li>
    </ol>
  </dd>
  <dt>March 2012</dt>
  <dd>
    <ol>
      <li>2 pairs of minimalist shoes for road & trail running</li>
      <li>A leather jacket</li>
      <li>A lightweight sleeping bag</li>
    </ol>
  </dd>
  <dt>April 2012</dt>
  <dd>
    <ol>
      <li>A lightweight hammock</li>
      <li>A light polar vest</li>
      <li>Diving glasses</li>
      <li>Birthday gift: a camera lense</li>
    </ol>
  </dd>
  <dt>May 2012</dt>
  <dd>
    <ol>
      <li>A shirt</li>
      <li>Cool biz shoes</li>
      <li>Recovery legging</li>
    </ol>
  </dd>
  <dt>June 2012</dt>
  <dd>
    <ol>
      <li>A longsleeves running shirt</li>
      <li>A longsleeves comfort shirt</li>
      <li>Cardio watch</li>
    </ol>
  </dd>
  <dt>July 2012</dt>
  <dd>
    <ol>
      <li>A pink polo</li>
      <li>A classy t-shirt</li>
      <li>A funny t-shirt</li>
    </ol>
  </dd>
  <dt>August 2012</dt>
  <dd>
    <ol>
      <li>An hiking bermuda</li>
      <li>A rain jacket</li>
    </ol>
  </dd>
 </dl></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="contentsstreams" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#contentsstreams" title="Link to that content" property="schema:url">Contents vs. Streams</a></h2>
        <div property="schema:articleBody"><p>I’m often asked — as a data/privacy freak — why <a href="https://twitter.com/davidbgk">I use</a> Twitter daily. To me Twitter isn’t about contents but streams and it changes it all: <em>the value is the freshness of the information and the speed of the reactions, not the content in itself.</em></p>
 <p>I even created a script, a long time ago, to keep only recent tweets (maintained and completed <a href="https://github.com/olivierthereaux/oldtweets">by Olivier</a>)  because in one hand I don’t want a public history of that kind of discussions and the interest of a stream drops very fast with time. Things I tweeted 1 month ago are probably irrelevant/useless now. If Twitter dies tomorrow, I’ll regret it for daily discussions/informations, but not for the log in itself.</p>
 <p>Of course, it might have been better: decentralized for instance. <em>The problem isn’t decentralized discussions but decentralized notifications.</em> How to be able to aggregate all reactions in one place for a better reader experience? Trackbacks were a fiasco because of spam, because there isn’t any network of trust yet. That’s a huge unresolved issue for the Web.</p>
 <p>Another problem is <strong>universality</strong>: you need to create an account to take part of the discussion and that’s the most annoying part to me, some people I want to interact with are not part of the closed system. Again, there is a lack of notifications too, I can’t easily cc messages to an email address or a cell phone number.</p>
 <p>It might have been worse too. Hopefully this platform will remain independent but I doubt about that, sooner or later a Big One™ will buy this toy and kill it. And we’ll get back to IRC, as always :-).</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="barefoot" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#barefoot" title="Link to that content" property="schema:url">Barefoot</a></h2>
        <div property="schema:articleBody"><p>There are two distinct things behind this term: a running technique that can be applied whatever the shoes (but democratized by barefoot runners) and the fact to actually run (almost) barefoot.</p>
 <p>The running technique (mid-step, no extension, etc) is well described on numerous websites. I’d like to focus on the experience to run barefoot. My first impression was how silent it is to run with minimalist shoes (I didn’t opted for <em>real</em> barefoot for now), you rediscover the sounds of your environment, you approach animals and people without any annoyance, I even kept my respiration for a while to be totally silent :D</p>
 <p>The second sensation is of course the one you have with the soil, from roads to trails, you can feel whatever you’re walking/running to. <em>Choosing each and every step placement is fun</em>, jumping like an animal from places to places, back to ancient instincts, barefoot running really changed my approach of running and hiking, more focused on sensations. It can potentially hurt but, being more careful, you can avoid any injury related to that quite rapidly. There are surfaces more critical than others but the same apply whatever the shoes, remember that the articulation of your foot is way closer to the soil and thus limits risks.</p>
 <p>I started all this as an experiment, because experimenting on your own body is probably the more exciting thing you can do, and I know that I’ll not look back for a while. <strong>This is all about sensations and (feeling of) freedom.</strong></p>
 <p>PS: note that you <strong>must</strong> start slowly, whatever your current running experience, it’ll take months to develop muscles in your foot. That’s frustrating, because you know that your body can continue but your calf just can’t. I had to stop running for 3 days because of my lack of humility, don’t make the same mistake ;-).</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="projection" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#projection" title="Link to that content" property="schema:url">Projection</a></h2>
        <div property="schema:articleBody"><p>I realized lately, alone by night in an onsen (hot Japanese spa: best place ever for introspection), that I don’t have projects anymore. No geek related project, no photography project, no career project, not even sportive project. Ultimate freedom or lost wandering? Hard to say for now.</p>
 <p>Ironically, I tried the opposite approach a few years ago, by infatuating my mind with video games, useless projects and events. It worked quite well to stop thinking for a time but on the other side you feel always exhausted and it’s really hard to keep that pace of very short nights…</p>
 <p>That’s an interesting moment in my life, partly motivated by my decision to move from my comfortable home. Japan influences me in that way, it’s a good place to stop taking care of a lot of things (security, food, etc). Next steps? Nothingness, detachment and compassion to use Zen’s vocabulary. Shibumi, Iki and Wabi-sabi to use Japanese words that I don’t fully understand yet :-).</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="jetlag" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#jetlag" title="Link to that content" property="schema:url">Jetlag</a></h2>
        <div property="schema:articleBody"><p>A few advices when you have to travel around the world to adapt your body to another timezone faster:</p>
 <ul>
 <li>do not think about your old time and even try to anticipate if possible (getting up earlier or try to stay awake later) ;</li>
 <li>take your meals at the new lunch times, as big as you can the first day, your body will be used to that new cycle ;</li>
 <li>expose your body to the sun (or at least lights) during days at your new location, here you can anticipate too darkening your room the day before you leave ;</li>
 <li>be exhausted, something I experimented for ParisWeb and that worked pretty well: it allows you to sleep in the plane (depends on your level of excitation and arrival time of course) ;</li>
 <li>do not go to sleep before it’s night at your new location, it’s hard but it’s a good investment, trust me ;</li>
 <li>on the contrary, if you can’t sleep on the evening, do sport as much as you can and then watch the most boring thing you can find on the TV at your hotel ;</li>
 <li>take care of what you drink, coffee and tea are well known for their properties. Drink water, a lot. Alcohol can make you sleepy in the plane but I prefer to be dressed warmly.</li>
 </ul>
 <p>Still to be tested: Anti-Jet-Lag Diet, even if I’m a bit skeptical about that idea. Any feedback?</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="centralizing" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#centralizing" title="Link to that content" property="schema:url">Centralizing</a></h2>
        <div property="schema:articleBody"><p>I’m thinking about that for years now and the recent issues with the <a href="http://www.apinc.org">APINC</a> motivated my laziness to regroup all my digital identities to a unique domain name: <strong>larlet.fr</strong></p>
 <p>Creating both a single point of failure, but also a single point of trust: domain and DNS managed via <a href="https://www.gandi.net/">Gandi</a> and files hosted via <a href="https://www.alwaysdata.com/">Alwaysdata</a> because they care so much about their clients and innovative technologies.</p>
 <p>Here will be the URI (this is still a huge work in progress, I’m so happy to have kept so many pages static!), all will of course be redirected:</p>
 <ul>
 <li>/ dispatching between members of the family</li>
 <li>/david/ the page of my identity (FOAF and so on)</li>
 <li>/david/biologeek/ the content of biologeek.com, probably as static html</li>
 <li>/david/pro/ the content of welldev.fr</li>
 <li>/david/code/ the content of welldev.org</li>
 <li>/david/thoughts/ the content of larlet.com</li>
 <li>/david/media/ the content of photocos.me because Alexandre Buisse convinced me to publish photographs again</li>
 <li>/anakin/ (my black cat) and /yoda/ (my bonsaï) maybe one day :D</li>
 </ul>
 <p>Another big news is the switch to HTTPS only for the whole domain, something I’d like to do for a while is now becoming way easier/cheaper with a unique domain. It was way easier to set up than I imagined and I encourage you to do so: being sure of your source of information is so important (note that Gandi is offering an SSL certificate for each domain name). It will allow me to test <a href="http://webid.info/">WebID</a> for real too.</p>
 <p>I’m also working on a new design to unify a bit all those pages with a topbar ala Twitter or Google. This is far from being finished, this is more a test actually and I’m still thinking about the mobile adaptation of both the navigation and the design. I’m trying new fonts served by Typekit, using the <a href="https://typekit.com/fonts/abril-text">Abril Text</a> and <a href="https://typekit.com/fonts/abril-fatface">Abril Fatface</a> ones.</p>
 <p>Those days, <strong>I try to focus on aesthetic, minimalism and links</strong>. Not only for this website but as a way of life. Drop me a line if you have any suggestion.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="healthy" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#healthy" title="Link to that content" property="schema:url">Healthy</a></h2>
        <div property="schema:articleBody"><p>I decided to do some sport about a year ago, mainly to be able to complete a trek in Corsica that I dreamt of for years.So at first it was just about having enough muscles and endurance but the more I trained, the more I actually enjoyed it!</p>
 <p>First your motivation is essential, you need a goal. And even with a goal, there are chances that you’ll fail because sport is boring at the beginning. Really. And it hurts. And it takes time. You don’t need motivation but abnegation for the first 2-3 months. How to achieve that painful process?</p>
 <ul>
 <li><em>start small</em>: <strong>but often</strong>, 4*20 minutes per week is better than 3*30 minutes, it prevents injuries too ;</li>
 <li><em>routine</em>: decide rules with yourself, like "I’ll go running 3 times that week whatever happens" (and by whatever I mean weather, family, laziness, etc) ;</li>
 <li><em>diversity</em>: try to mix various sports during the week, running, hiking, biking, swimming, anything that motivates you ;</li>
 <li><em>everywhere</em>: you can always use your environment to do sport, from stopping to take lift/escalator to making tractions during your daily commute in the train, there is always a way to use that time efficiently.</li>
 </ul>
 <p>During those first months, you’ll learn a lot about you. I learned to breath, to drink, to eat, to stretch, to rest. Sometimes with advices, most of the time the hard way though. Probably because I did all the process alone, it can be interesting to do that with a group or a friend but I know that I better listen to (and motivates) me when I’m alone. <abbr title="Your Mileage May Vary">YMMV</abbr>.</p>
 <ul>
 <li><em>breath</em>: it’s all about rythm, that’s the first thing you learn and ironically that’s the last thing you need to improve, if you still have problems with respiration after a few iterations, you probably try to start too fast. Reduce your pace, there is no problem at being slow. Focus on endurance first.</li>
 <li><em>drink</em>: regularity, regularity and regularity. My rule is: one little mouthful every 10 minutes if you run, 20 minutes if you walk. You can drink less but your performances will drop very quickly if you are deshydrated, it’s up to you ! Adapt to the weather but remember that you always emit water so hydration is not an option.</li>
 <li><em>eat</em>: regularity, regularity and ok you start to understand :-) My rule is: one mouthful every 30 minutes. Never too much or your performances will drop too (forget about big meals during a picnic when only half of the hike is done for example).</li>
 <li><em>stretch</em>: I’m still learning a lot in this domain, from my experience you can hardly plan a sportive event on many days without stretching. Since my <a href="#barefoot">barefoot</a> transition it’s essential to stretch my calves many time a day but that’s a bit extreme.</li>
 <li><em>rest</em>: if you’re exhausted at the end of the week you’re doing it wrong (or you’re not training anymore), you know if you’re not over-training if you can repeat your iterations for 4 weeks without pain (nor injuries!). It’s OK to feel your muscles but plan days for recuperation.</li>
 </ul>
 <p>Note: when I talk about performances, it’s about enjoying your iteration and it totally depends on the context, adapt to your situation, it’s different when I go hiking with family vs. trailing alone for instance.</p>
 <p>Do not think that gaining muscles is fast, it’s not. If you focus on muscles, go to a gym club and eat a lot of proteins. That’s not my motivation. What I love about sport is enjoying the nature and reaching places that looked inacessible a year ago. There is some kind of animal instinct too when you’re jumping from stone to stone, it’s hard to describe but you "feel" to be part of your environment and you start to see previously "hidden" things. I met a lot of unusual animals during my runs:</p>
 <ul>
 <li>a chamois in the Luberon, I was in a descent full of rocks, he was jumping to go up. We both stoped at 6 meters and stared each others for a couple of seconds, astonished (it’s not usual to see a chamois there so I was probably the more suprised!) ;</li>
 <li>a fox crossing an alpine ibex crossing a marmot crossing… me, under an hailstorm, totally surrealist scene in the Alps ;</li>
 <li>a tanuki today at the Meiji Jingu Shrine, between Shinjuku and Shibuya (two of the most crowded places of Tokyo, and probably the world), I was very surprised to see an almost wild animal there of that size given the thousands of people processioning at that place 3 weeks ago for the new year celebration.</li>
 </ul>
 <p>Besides that, I learned to eat less fatty food (so hard when you work from home) and drink way less alcohol. Both leads to an annihilation of performances :D</p>
 <p>A japanese told me last month that I looked healthy. I smiled.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="layers" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#layers" title="Link to that content" property="schema:url">Layers</a></h2>
        <div property="schema:articleBody"><p>There has been a lot of frustration lately about layered systems in computer science and especially the Web.</p>
 <p>First with <strong>HTTP layers</strong> and the creation of <a href="http://www.ebaytechblog.com/2011/11/30/announcing-ql-io/">ql.io</a>:</p>
 <blockquote>
 <p>Engineering clocks slow down because developers need to account for dependencies between API calls, and to arrange those calls to optimize overall latency. Implementing orchestration logic involves multi-threaded fork-join code, leads to code bloat, and distracts from the main business use case that the developer is striving to support.</p>
 </blockquote>
 <p>With <strong>architecture layers</strong> too and the cost of <a href="http://theagileadmin.com/2012/01/19/why-does-cloud-load-balancing-suck/">load-balancing techniques</a> and their complexity:</p>
 <blockquote>
 <p>And really the frustrating part is there seems to have been no headway on any of this stuff in a decade. Same old open source options, same old techniques.</p>
 </blockquote>
 <p>And finally with <strong>operating systems layers</strong> and the way they’ve <a href="http://highscalability.com/blog/2012/1/19/is-it-time-to-get-rid-of-the-linux-os-model-in-the-cloud.html">originally been developped</a>:</p>
 <blockquote>
 <p>You program in a dynamic language, that runs on a JVM, that runs on a OS designed 40 years ago for a completely different purpose, that runs on virtualized hardware. Does this make sense?</p>
 </blockquote>
 <p>Now, if we go one step further, what about <strong>data layers</strong>? When you think about it, nowadays the data displayed to the end-user has been processed a crazy number of times! Let’s take the example of an architecture with a backend API and a classic SQL database:</p>
 <ul>
 <li>from disk to database ;</li>
 <li>from database to language object (ORM) ;</li>
 <li>from language object to JSON ;</li>
 <li>from JSON to language object ;</li>
 <li>from language object to HTML.</li>
 </ul>
 <p>And I’m oversimplifying here, your data is probably denormalized with parts from cache in memory, your HTML interacts dynamically with your data through JavaScript and so on. All this has a cost: development, maintenance, performances, hosting, bandwith, etc.</p>
 <p><em>Now imagine that you can remove those layers.</em> From <a href="https://wiki.mozilla.org/B2G">Boot to Gecko</a> to <a href="http://couchapp.org">CouchApp</a>, we are not that far of getting rid of some big layers in fact. Think about that today: <strong>what can I do to reduce the number of layers of my project?</strong> Degrowth applied to computer science (Plain Old HTML is valid too ;-)).</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="books" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#books" title="Link to that content" property="schema:url">Books</a></h2>
        <div property="schema:articleBody"><p>You maybe noticed that I’m not mentioning books on <a href="#dequiring">my dequiring challenge log</a>, that’s because I’m not considering stories as things you can own.</p>
 <p>To me a book, digital or not, is just a representation of a story, <strong>a way to transmit a message</strong>. I consider myself as a node when I got a book: I listen to the story and then I try to transmit it to a friend, like an interesting link shared on the Web. I don’t care about the physical book in itself, I don’t get any particular attachment to dead trees.</p>
 <p>That being said, I’m really concerned that a story can be lost. Of course a lot of stories are lost every days by lack of transmission, that’s what I call the Darwinism applied to collective knowledge. We can’t log and/or remember every story and the less transmitted ones disappear.</p>
 <p>The network of stories transmitted by books is acentered, like the Web. <strong>That’s a way to preserve knowledge</strong>, even if a node fails to transmit the story, there will be another way to find it. This is no longer the case with digital libraries which store stories in a centralized way, nodes are getting way too big and it’s really dangerous. Some are even considering disconnecting totally their nodes from the current network (I’m looking at you Apple!).</p>
 <p>If a node of that kind disapears, a lot of stories will be lost.  Once and for all. This is not <a href="http://en.wikipedia.org/wiki/Destruction_of_libraries">the first time in history</a> but it’s really sad that it still happens now that we have the technology to avoid it. <em>Put your digitalized stories on the Web if you care about their perenialty.</em></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="ssl" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#ssl" title="Link to that content" property="schema:url">SSL</a></h2>
        <div property="schema:articleBody"><p>A few people asked me why I switched to <abbr title="Hypertext Transfer Protocol Secure">HTTPS</abbr> only on this domain. First about the <strong>only</strong>, that’s because knowing both the plain text <em>and</em> the encrypted text eases a cryptographic attack by comparison. Now about <abbr title="Secure Sockets Layer">SSL</abbr>’s pros and cons:</p>
 <p><strong>Please read the follow-up of this article <a href="#https">about HTTPS</a>, this thought contains mistakes.</strong></p>
 <h3>Pros</h3>
 <ul>
 <li><strong>privacy</strong>: any intermediary between you and my server will not be able to <em>analyze</em> the content you read because the message is encrypted, only the URI (meaningful, SEO-oriented URIs can be a threat for your users’ privacy, did you ever thought about that?) ;</li>
 <li><strong>security</strong>: any intermediary between you and my server will not be able to <em>alter</em> the content you read, this is <a href="http://mitmproxy.org">not exactly true</a> though but way better than nothing ;</li>
 <li><strong>identity</strong>: this is a requirement to play with <a href="http://webid.info/">WebID</a>, to be able to log in <em>and</em> to exchange critical data with the third-party website (that information’s workflow part is what differs conceptually from <a href="https://browserid.org/">BrowserID</a>).</li>
 </ul>
 <h3>Cons</h3>
 <ul>
 <li><strong>performances</strong>: the negotiation at each request takes time, enough time <a href="http://www.belshe.com/2012/02/04/rethinking-ssl-for-mobile-apps/">to be a problem on mobile apps</a> (or low connection access). Furthermore, I can’t have a subdomain for my assets without paying more and thus you had to send cookies for statics too, which impacts performances ;</li>
 <li><strong>one more point of failure</strong>: if your Certificate Authority (CA) is down, the user will not be able to view your website in a secure manner (same as HTTP + browser error) ;</li>
 <li><strong>price</strong>: it costs me 16$/year without taxes and I had to remember to update it each year or browsers will raise a certificate error too. Moreover, your web hosting need to be compatible (for instance I had to pay 66$/year more for an IP address on my mutualized server).</li>
 </ul>
 <p>That being said, is it worth it? Well, I do think so because I consider this domain as my <strong>digital identity</strong> but I understand that it can be overkill for the current content. <em>This is an investment for the future.</em></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="fear" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#fear" title="Link to that content" property="schema:url">Fear</a></h2>
        <div property="schema:articleBody"><p>I realized lately that French people are afraid. And that’s why they are so arrogant and embittered.</p>
 <p>Afraid of theft, afraid of being involved in a fight, afraid of loosing their job, afraid of being injured/rapted, afraid of the police(!), or just afraid of being fooled. It creates a very nasty environment to live in, a vicious circle of rejection of the others leading to all kinds of extremisms. The constant attention required by fear consumes a lot of useless energy. People are exhausted and they don’t even realize why.</p>
 <p>Let’s compare this situation to Japan. Of course. In Japan, the level of trust (I prefer that word vs. security or safety) is so high that you can even lost money and find it back. When you put your bag somewhere, you’re 99% sure to find it at the exact same place hours later (the remaining 1% is due to tourists :p). You’re <strong>never</strong> afraid of wandering by night. No one will ever tried to fool you when you stand in line for a restaurant or an exposition. So relaxing that you can’t believe it without actually living it. <em>It sounds incredible and it shouldn’t be.</em></p>
 <p>And yet, there are a lot of reason to be afraid in Japan, from natural to <em>not-so-natural-anymore</em> events you can hardly consider this country as a <em>safe place</em>. Japanese tends to adopt a pragmatic approach to this (may I say phlegmatic?) because nothing can be made against it, there is even <a href="http://en.wikipedia.org/wiki/Shikata_ga_nai">a word for that!</a></p>
 <p>So why do we — frenchies — inflict that mutual fear to us? Alternatives do exist. It’s up to you, to me, to <strong>us</strong>.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="standards" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#standards" title="Link to that content" property="schema:url">Standards</a></h2>
        <div property="schema:articleBody"><p>People are complaining about the <abbr title="World Wide Web Consortium">W3C</abbr>’s standardization process for years. Is it a fatality?</p>
 <p>First things first, when I share a link <a href="https://twitter.com/davidbgk">on Twitter</a> I try to quote the interesting part, the one that reflects my point of view. Most of the time it’s not the whole article otherwise I had to write it :D. That’s what happened with <a href="https://twitter.com/#!/davidbgk/status/168266802734968832">the link to Dustin Curtis’ article</a> lately, note that I didn’t quote the sensational:</p>
 <blockquote>
 <p>The reason the -webkit prefix was necessary is simple: the W3C and the CSS Working Group are ineffective, failed organizations.</p>
 </blockquote>
 <p>On standards, what interest me is that simple question: <strong>is it possible to establish a consensual standard faster?</strong> After all that’s the main criticism toward the W3C. Standards take times for 3 reasons:</p>
 <ul>
 <li><em>endless discussions:</em> some thread are real caricatures of trolls, I sadly quit the WebID group for this ;</li>
 <li><em>lack of involvement:</em> probably because the standardization process looks boring from a developer point of view ;</li>
 <li><em>politics:</em> that’s the tough one, from egos to economical interests, objectivity is for sissies.</li>
 </ul>
 <p>The chairman has the role to put an end to endless discussions, that’s difficult but necessary. On the other side discussion is a requirement to consensus and the line between troll and well-founded reasoning is thin and not the same for all participants. I don’t know how to address the lack of involvement issue, maybe a way to collect web developers needs at a higher level can motivate future participations, a lot can be done in this area. Remains politics, <em>diversity is the only regulator to fight against extremisms and mono-cultural approaches</em>, not sure that it speeds up the process though. To answer my own question and please take the time to think about it too: <strong>it’s hardly possible.</strong> But I’d love to be proven wrong by W3C’s haters.</p>
 <p>Jacob Kaplan-Moss <a href="https://twitter.com/#!/jacobian/status/169465798216261633">asked</a>:</p>
 <blockquote>
 <p>Let’s say that Mozilla and Microsoft both sign onto WebKit and ship it in their browsers. How would that hurt the web?</p>
 </blockquote>
 <p>It will not hurt the Web, it will not accelerate the pace of standardization/innovation either, the discussion will just move from W3C’s to Webkit’s mailing-lists and innovation to new proprietary layers on top of Webkit. The W3C is a Consortium, a group of people (mostly representing implementors) discussing how to build things in a standardized way to ease implementation for us: web developers. Opposing implementors and W3C is a nonsense, they <strong>are</strong> the core of the W3C.</p>
 <p>W3C should stand for World Wide Web Community too and that’s the current problem, web developers are not enough involved in those discussions and thus are frustrated because they don’t understand the standardization’s process. <em>We are the Web, we must be part of the W3C.</em></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="https" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#https" title="Link to that content" property="schema:url">HTTPS</a></h2>
        <div property="schema:articleBody"><p>I was almost totally wrong on my <a href="#ssl">previous article about SSL</a> so here are corrections thanks to <a href="http://alexandre.alapetite.fr/">Alexandre Alapetite</a> and <a href="http://vincent.bernat.im/">Vincent Bernat</a>.</p>
 <p><strong>About privacy:</strong> the connexion is established via an IP address and port only (that’s <a href="http://httpd.apache.org/docs/trunk/ssl/ssl_faq.html#vhosts">why I need a dedicated one</a> by the way). So your URLs, as meaningful as they could be, are not a threat as I previously stated.</p>
 <p><strong>About costs:</strong> you can get a free certificate via <a href="http://www.startssl.com/?app=40">StartSSL</a> or <a href="http://www.cacert.org/">CAcert</a>, in my case I prefer to trust my registar (Gandi) which provides a free one too. I know that I’ll have some support if I get into any trouble and it’s easier to manage domain name, DNS and certificates in one place.</p>
 <p><strong>About security:</strong> activating SSL is not enough, you have to take care of the configuration too. SSLlabs is an interesting tool to check that and <a href="https://www.ssllabs.com/ssldb/analyze.html?d=larlet%2efr&amp;s=176%2e31%2e58%2e103">the result for this website</a> is not that good… if I was on a dedicated server. <a href="https://www.alwaysdata.com/">AlwaysData</a> told me that they are aware of those issues and got protections against that, some evolutions are planned to improve that part.</p>
 <p><strong>About performances:</strong> you have to take care of caching more aggressively because browsers will consider that resources will not always be cacheable by default. On the other hand, the size of the key you use is crucial for the latency during the negotiation of the SSL connexion, mine is 2048 bits (<a href="http://stackoverflow.com/a/589850">best compromise</a>) but Google for instance choose a 1024 one to speed up the process (less secure though but security is always a trade-off, <a href="http://ssl.entrust.net/blog/?p=422">Mozilla and Microsoft updated their policies a year ago</a> on that topic).</p>
 <p><strong>About point of failure</strong>: if your Certificate Authority is down, <a href="http://www.imperialviolet.org/2012/02/05/crlsets.html">it will probably be ignored</a> considering you’re on a captive portal (which leads to issues with certificates’ revocation, read the article for the whole story).</p>
 <p>That’s what I love about bloging, learning new things when I write something on a subject, being proven wrong, discussing, iterating. Never hesitate to send me an email if I’m wrong. I must confess that I learned almost all my computer science knowledge while helping people on IRC and writing blog posts. <strong>Sharing is learning.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="caring" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#caring" title="Link to that content" property="schema:url">Caring</a></h2>
        <div property="schema:articleBody"><p>A follow-up of my precedent article about <a href="#fear">Fear</a>.</p>
 <p>Olivier Thereaux <a href="https://twitter.com/#!/olivierthereaux/status/168690650458488833">reacted</a> <a href="https://twitter.com/#!/olivierthereaux/status/168691026830176256">briefly</a> on Twitter:</p>
 <blockquote>
 <p>societies tend to fear the other more when differentiation (and inequality) are inflated. Class, sex, race, nationality…
 case in point, the Japanese fear neighboring countries, foreigners. etc. Just not each other, cos jp is still very homogeneous.</p>
 </blockquote>
 <p>There were a few reactions on <a href="http://embruns.net/logbook/2012/02/12.html#peurs">the extract published by Laurent  Gloaguen</a> (in French) too.</p>
 <p>There is another aspect of Japan I need to discuss related to <em>respect and trust</em>. The concentration of people in Tokyo leads to that daily routine, everybody feeling "connected" with their smartphone and thus ignoring their environment and their neighbors, looks familiar? <strong>But</strong>, if anyone has any trouble, there is a huge difference in the astonishing devotion to fix it. I saw a person running to give a glove to another person running to give that glove to another person running to catch up a bike with the owner of the missing glove 60 meters away. Wow! This is just an example, I’ll not report the dozen of time Japanese people proposed to accompany us to the location we initially asked for help to find a place.</p>
 <p>The act of caring is so developed that they even created a complementary currency based on that to help seniors called <em><a href="http://en.wikipedia.org/wiki/Fureai_kippu">fureai kippu</a></em>: a way to exchange hours of service to an elderly person from one family to an other.</p>
 <p>What can we learn from that? First, when everybody is playing the game, it works. Second, beyond the fact of helping others, there is the one to feel concerned by the work of others (which for instance results in a cleaner city, really no one is eating in the street or littering whatever). Third, <strong>it creates an implicit solidarity to fight against adversity</strong>, it’s incredibly reassuring, even more being a foreigner. Fourth, barter can work at large scale and that’s a good reminder those days.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="exercising" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#exercising" title="Link to that content" property="schema:url">Exercising</a></h2>
        <div property="schema:articleBody"><p>Each sportsman asks himself — and is often being asked — why does he inflict that to his body? Here are my personal reasons.</p>
 <p>First, I’m close to 30 and about a year ago I realized that my body was way older, I wasn’t able to complete a hike without being really tired with aches for a week. It was very hard to accept it and <em>I made the choice to change my sedentary way of life</em> (working from home for 3 years has physical consequences). I consider that I did half of the pathway and that’s extremely rewarding to reach that point!</p>
 <p>Second, <em>I want to be prepared for tough times</em>. Not that I’m particularly afraid of the future but I can smell that something is "evolving" and I want to be ready, both physically and mentally to… well… mind the gap. As a result, I didn’t feel sick for a year after 2 winters (maybe biased by face masks for the last 6 months in Japan but we live for one month in a very cold^W^Japanese apartment) .</p>
 <p>Third, <em>it reconnects me to my environment</em>, that’s why I refuse to run with music or any sports’ app yelling my distance and time each kilometer. I use that time to discover my city, to observe people, to listen to the nature, to just think and to stop thinking. Willingly. It offers me the time to make thoughtful decisions too.</p>
 <p>Besides all that, <em>it’s all about feeling good</em>. I’m not talking about endorphins here (even if it’s obvious that it’s stimulating too), but more about the sensations you can have when you take pleasure to do it. This weekend I was running in a snowy trail and I felt the same sensation that I had a few years ago while snowboarding, a combination of speed and flight and suffering and happiness.</p>
 <p><em>I feel <a href="#dequiring">lighter</a>, <a href="#healthy">healthier</a>, <a href="#slowweb">slower</a>, stronger.</em> <strong>Alive.</strong></p>
 <p>Recommended book: <em>Sun and Steel</em> by <a href="http://en.wikipedia.org/wiki/Yukio_Mishima">Yukio Mishima</a>, merci <a href="http://la-grange.net">Karl</a>.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="theorem" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#theorem" title="Link to that content" property="schema:url">Theorem</a></h2>
        <div property="schema:articleBody"><p>Inspired by <a href="http://en.wikipedia.org/wiki/CAP_theorem">the CAP theorem</a>, my own experience shows that it is impossible for a web enthusiast to simultaneously obtain all three of the following guarantees:</p>
 <ul>
 <li><em>Fun</em>: technically and humanly</li>
 <li><em>Ethic</em>: self-accomplishment and generosity</li>
 <li><em>Profit</em>: sustainability and extras</li>
 </ul>
 <p>According to the theorem, a web project can satisfy any two of these guarantees at the same time, but not all three.</p>
 <p><strong>Discuss.</strong></p>
 <p><em>Addendum: if you only have one, it’s time to find a new job.</em></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Winter 2011</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="traceability" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#traceability" title="Link to that content" property="schema:url">Traceability</a></h2>
        <div property="schema:articleBody"><p>A few months ago <a href="#contentsstreams">I wrote</a>:</p>
 <blockquote>
 <p>the value [of the stream] is the freshness of the information and the speed of the reactions, not the content in itself [because] the interest of a stream drops very fast with time.</p>
 </blockquote>
 <p>It appears that Twitter found another value in this stream based on trends and customers’ satisfaction dedicated to marketing, they sold their <em>Firehose</em> to <a href="https://dev.twitter.com/docs/twitter-data-providers">DataSift and Gnip</a> since July 2011 in order to make money and I can perfectly understand that. It could have been worse.</p>
 <p>This anecdote reminded me that I worked for a company 5 years ago dedicated to traceability (in laboratories) and that there are many levels, from macro to micro, to make stories from data. Besides that, I realized that <a href="http://www.readwriteweb.com/archives/this_is_what_a_tweet_looks_like.php">a lot of information</a> contained in tweets are personal (from place to time to context and so on) and will be used on an individual bases. <em>This is just a matter of time.</em></p>
 <p>Given that I <a href="https://github.com/davidbgk/oldtweets">rewrote my script</a> (no maintenance, no support, just <a href="http://philsturgeon.co.uk/code/dbad-license">DBAD</a>) to keep tweets in text files and delete originals from Twitter. I control the meta information I keep and the one <a href="https://larlet.fr/david/stream/">I want to share publicly</a>. <strong>Take care of your webprints.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Spring 2012</span>,
          <span property="schema:contentLocation">Kyoto</span>
        </footer>
      </article>

      <article id="cleverness" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#cleverness" title="Link to that content" property="schema:url">Cleverness</a></h2>
        <div property="schema:articleBody"><p>In his book <em>Introduction à la pensée complexe</em> published in 1990 (thank you <a href="https://case.oncle-tom.net/">Thomas</a>!), Edgard Morin opposed the car to the human body as an example of an auto-organized system: the former composed by perfect elements that results in single points of failure of the whole, the latter made of lousy elements resulting in an auto-regenerating system.</p>
 <p>I think we reached that point on the Web with the cloud and all fail-over mechanisms we have now. <em>We don’t spend time setting up perfect components but rather try to create the more auto-regenerating architecture</em>, this is an important shift in the way we shape our services.</p>
 <p>The next step is to make those parts speaking one to each other, without a centralized monitoring component to rely on. The communication in our body is a peer-to-peer system, not that far from the original Web architecture after all.</p>
 <p><strong>Do not fight against failure, learn to deal with it. Cleverness is about adaptability, not perfection.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Spring 2012</span>,
          <span property="schema:contentLocation">Hakone</span>
        </footer>
      </article>

      <article id="communities" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#communities" title="Link to that content" property="schema:url">Communities</a></h2>
        <div property="schema:articleBody"><p><em>Note: this article is a summary of my 12 minutes talk at <a href="http://rencontres.django-fr.org/2012/">djangocong</a>.</em></p>
 <p>I’m in Japan for 7 months now and I thought that the harder times would have been to deal with the distance from family and friends. Actually, it’s not. Because those people can take a plane or give a Skype call, what is difficult is to be far from your communities.</p>
 <p>A community is a group of people (cum) sharing something (munus), this is all about sharing a common good and interacting with the other members of the group. I think we can go a bit further in that definition adding the notions of <em>vision</em> and <em>values</em> associated to that group. During that time in Japan I realized how important communities are, not only to interact with but because they define yourself. <strong>Your personal story is the sum of all interactions you have with your communities.</strong> (<em>Warning</em>: if you’re only defining yourself with one community, it’s probably a sect.)</p>
 <p>Initially, you probably started to ask for help as your first contact with the Django community but that was an transient state to both increase your knowledge and know cultural codes of this particular community, to be able to communicate, to feel part of it and to give your knowledge back. Unfortunately some people never reach that point and I think that it has to do with the size of the community. I highly recommend the reading of Clay Shirky, <a href="http://www.shirky.com/writings/group_enemy.html">A Group Is Its Own Worst Enemy</a> on this topic:</p>
 <blockquote>
 <p>And, finally, you have to find a way to spare the group from scale. Scale alone kills conversations, because conversations require dense two-way conversations.</p>
 </blockquote>
 <p>I identified 5 ranges of sizes from my own experience:</p>
 <ul>
 <li>1-5 people → <strong>Reflexion</strong>: <em>thinkers</em>, they share the same values (conflicts are very destructive in such a tiny group) and decide of the vision. This is the same schema as in a startup.</li>
 <li>6-15 people → <strong>Action</strong>: <em>doers</em>, they agree with the overall vision and feel emulated by the capacities of other members. This is the same schema as in a team (see <a href="http://www.youtube.com/watch?v=rO9qx4RbAZk">Daniel Herrero’s keynote</a> for the importance of 15 team mates in Rugby).</li>
 <li>16-50 people → <strong>Interaction</strong>: <em>talkers</em>, they like the initial vision and they can talk endlessly about it but nothing concrete is actually done. This is the same schema as in a non-profit association.</li>
 <li>51-500 people → <strong>Consumption</strong>: <em>consumers</em>, they don’t try to understand the vision, they are here for themselves. This is the same schema as in a company.</li>
 <li>501 people and more → <strong>Presence</strong>: <em>attendees</em>, they don’t even know about the vision, they are here because they have to. This is the same schema as in an administration.</li>
 </ul>
 <p>Those figures may seem extreme and too precise, that’s of course an approximation of the different patterns I identified. I’m not saying here that all participants from a group of more than 50 people are consumers, that’s just the limit where you <strong>start</strong> to see people joining the community with that profile (going to an event to look for a job, joining an IRC channel to finish a project, etc).</p>
 <p>Given those sizes, determine your involvement in each of your communities. Does it define what you would really like to be? Should you focus a bit more on this community? Is your help still valuable in this other? Your interactions with those communities evolve with time because you’re evolving too. There is no shame about that, just be clear on what you’re trying to do. This is all about communication, be honest with others, with yourself.</p>
 <p>Let’s focus on Djangocong, given the growing popularity year after year and the lack of new seats, it has been stated as an elitist event. I understand that it can be considered like that from an external point of view even if I regret it but that’s the price of the conviviality you can’t achieve with consumers. The solution is as obvious as the original title of the conference: <strong>Les</strong> rencontre<strong>s</strong> Django. Why is there only one event with such a title? Go on, create your own (local) event and benefit from the help of the community. <strong>You’re already a talker, level up and become a doer!</strong></p>
 <p><em>One thing I learned in Japan, is the importance of the group on behalf of the individual and how it can transcend a society. We should think a bit more about that in our more and more individualistic societies.</em></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Spring 2012</span>,
          <span property="schema:contentLocation">Montpellier</span>
        </footer>
      </article>

      <article id="training" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#training" title="Link to that content" property="schema:url">Training</a></h2>
        <div property="schema:articleBody"><p><strong>When you are a geek and you discover a system as complex as your own body, you’re highly tempted to experiment</strong> with its capabilities, to push it to its limits, to see how it reacts to new solicitations. It opens an incredible new field with endless possibilities. A few months ago, I talked about <a href="#exercising">exercising</a> and I’m still considering that:</p>
 <blockquote>
 <p>Besides all that, <em>it’s all about feeling good</em>.</p>
 </blockquote>
 <p><em>but</em>, is it possible to feel good for a longer period? Definitely, but it requires training. Daily training, hard training, cross-training and more important: <strong>happy training</strong>. I set no goals, I know it will take time and I’m ready for this, the only requirement is that it still provides me fun, <a href="#healthy">crossing new animals</a> and landscapes, meeting new people.</p>
 <p>I started my own "program" 2 weeks ago and the results are quite good for now, I’m no longer feeling tired after the first 10 km of running <a href="#barefoot">barefoot</a> and I can even run a semi-marathon without being totally exhausted, a thing that seemed just impossible 2 years ago! As a counterpart, I started suffering from my knee, a sign that I trained <em>"Too Soon, Too Fast"</em> without enough recovery. Like a n00b :-).</p>
 <p>Today I bought a watch with heart rate monitoring capability, because <a href="http://contentsmagazine.com/articles/10-timeframes/">"the only unit of time that matters is heartbeats"</a> as said Paul Ford and I want to measure more precisely some reactions of my body, as an introverted <a href="http://bigthink.com/ideas/meet-the-urban-datasexual">datasexual</a>. <strong>This is a turning point.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Spring 2012</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="switching" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#switching" title="Link to that content" property="schema:url">Switching</a></h2>
        <div property="schema:articleBody"><p>I changed my Nikon D3 for a Fuji X-Pro 1 three months ago and took a lot of photographs since then. Be ready for the only review without any picture ;-).</p>
 <ul>
 <li><strong>Mobility</strong>: I reduced the weight of my bag by 3 or 4. I’m not anymore reluctant to take my camera for the whole day and obviously <em>I take more photographs with a camera</em> so it’s a clear win. I can even bring it for my trails, yay!</li>
 <li><strong>Incognito</strong>: the first thing you realize is how silent it is when you take a photo, for instance I was able to take people in a museum without being spotted. You’re not anymore considered as a pro, just a random tourist taking pics and it changes a lot the way you can hunt and shoot people.</li>
 <li><strong>Quality</strong>: of the object in itself first, it’s clearly less durable than a DSLR and I’m now afraid of rain etc. Of the produced images, you can see the difference on a big screen when you know where to look at but this is way sharper than I expected even at the highest apertures and colors render better than the X100. The difference with a DSLR is hardly noticeable except for photogeeks.</li>
 <li><strong>Autonomy</strong>: I had to buy a second battery because I wasn’t able to finish the day with a single one… without taking any video, it really sucks. I’m trying to verify if the first one is deficient because that’s just not acceptable.</li>
 <li><strong>Performances</strong>: the autofocus is incredibly slow, I hope a firmware update will at least ease the verification of the focus as with the X100’s. <strong>Edit</strong>: that’s the case. It’s hard to discuss on exposition and tonality for now given that Aperture doesn’t handle RAWs from this camera yet (I don’t know which one of Fuji or Apple is responsible for this but that’s a shame!).</li>
 <li><strong>Liveview</strong>: I discovered how powerful it can be to do not have to put your eye on your visor for upper-crowd shots or very low point of views (I still lay down on the ground sometimes to remember good ol’ times). Bonus: reduces the wrinkle of the photographer :p</li>
 <li><strong>Happiness</strong>: probably the more important point, that switch brought me back the fun of taking photographs, I shot more those last months than the previous year. This is not about the quantity of course but more how inspiriting it can be to embrace new constraints. Moreover, I got rid of a bunch of photography stuff in the process, one more step on the <a href="#dequiring">minimalism</a> journey.</li>
 </ul>
 <p>To sum up, the switch is above my expectations and I’m quite happy. I’ve "lost" a lot of money in the process but it was definitely worth it. <strong>Next steps: printing and offering.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Spring 2012</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="japan" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#japan" title="Link to that content" property="schema:url">Japan</a></h2>
        <div property="schema:articleBody"><p>I’d always been reluctant to write about Japan, waiting to better understand this country, better understand these people. It never happened :-). Next month, I’ll come back to France once and for all (well, at least for a couple of years? months?). The decision was tough but it’s a good timing to make a stocktaking about the last 9 months in this country.</p>
 <p>Has Japan changed me? <em>Of course it <strong>does</strong> have.</em> Now is it relative to the travel or to Japan itself? Good question. I think I can try to separate the two, with things that changed in my life:</p>
 <ul>
 <li><strong>I do a lot more sport</strong>: the first six months I gain some weight in Japan even if there are less sugar and salt in food so the Japanese diet is probably not that ideal (at least when you continue to eat like a European), I lost 2 kg since I train harder and reduce my rice consumption. The lack of socialization probably influenced my switch from <a href="#exercising">exercising</a> to <a href="#training">training</a> but I have some fun playing with my heart now so I’m not sure which one is an excuse for the other ;</li>
 <li><strong>I own less things</strong>: living in 24 square meters probably helped but that change started before I left France while selecting stuff I decided to keep for that year and after, that’s more a personal reflexion about consumption and economy craziness. Living in the largest supermarket of the world (Shinjuku, Tokyo) probably speed up the process though ;</li>
 <li><strong>I care even more about environment</strong>: here again, maybe Japan influenced me with the waste of energy I can experiment daily or being conscious of what happened in Fukushima but that’s more part of my return <em>into the wild</em> thing while trailing and hiking.</li>
 </ul>
 <p>And things that changed because of/thanks to Japan (and I’ll miss, hardly):</p>
 <ul>
 <li><strong>I care more about people</strong>: by mimicking, obviously. I learned how rewarding it can be to be part of an ecosystem. This is not anymore about self-esteem but respect of others and at the end of the day it’s extremely relaxing ;</li>
 <li><strong>I realized you can live in a world without aggressiveness and fear</strong>: and in the meantime how aggressive is the French way to communicate, I’m done with that debate excuse to be arrogant and I’m sure this energy can be reused positively, calmly ;</li>
 <li><strong>I rediscovered how happiness is communicative</strong>: daily seeing a lot of people laughing, being amazed, smiling creates an indescribable atmosphere of positivity and safeness. That’s what I will probably miss the most.</li>
 </ul>
 <p>Coming back to France with such observations is hard because I know these are deeply entangled cultural values and you can’t change that within a lifetime. And <em>you can’t judge a culture either</em>, that’s something I learned during that year. There is often a good reason for that and when there is none that’s part of the singularity of this culture, what makes it unique and somehow desirable.</p>
 <p>That being said, how to combine all this in my "future life"? I’ll try to bring some of my learnings to France to see how it can fit, at least locally. I don’t consider this as a come back but more as a pursuit of the journey, in a place I (used to) know, with people I care about, with updated values, with upgraded me :D. <strong>I don’t regret any minute I spent in Japan and counting.</strong> I know I’ll come back, at least for that little place of paradise I found. One day…</p>
 <p>ありがとうございます気をつけて。</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2012</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="jobless" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#jobless" title="Link to that content" property="schema:url">Jobless</a></h2>
        <div property="schema:articleBody"><p>I spent the last year to build interfaces both for users and developers on top of a document-oriented database with a built-in search engine. I learned a lot of things, a few amongst others:</p>
 <ul>
 <li>developing an API and its Python client counterpart using the <a href="http://stateless.co/hal_specification.html">HAL+JSON specification</a> to link resources in a truly RESTful way ;</li>
 <li>reducing the complexity of a dynamically generated search interface, not enough for my taste but already a huge step forward ;</li>
 <li>turning my relational background to a document way of thinking and its multi-valued fields ;</li>
 <li>automating continuous deployment against Amazon Web Services and Doing Things Right™ considering cache, rollback and so on.</li>
 </ul>
 <p>Unfortunately I ended up disagreeing with the founder on the vision of the product — which has an incredible potential by the way — that demotivated me and I quit last week.</p>
 <p>Now there are a few options I’ll consider within the upcoming months:</p>
 <ul>
 <li>taking the lead of a technical team, that means moving to a bigger city than I plan to (Arles) and I think I’m not ready for that. Note that I’m not sure there is a need for a team leader in a technical context and that’s why I prefer the <em>"Web Architect"</em> title when I refer to my job/skills ;</li>
 <li>starting my own product, after so many fail stories I’d been taken part of I optimistically (and wrongly :p) think that I can avoid common pitfalls (shipping early, reducing complexity, considering marketing seriously, making profits and so on). A few problems are currently <em>scratching my own itch</em> but I need more brainstorming ;</li>
 <li>collaborating with other people, I already did that with <a href="http://www.makina-corpus.org/">Makina-Corpus</a> and it went extremely well (kudos to <a href="https://people.djangoproject.com/zebuline/">Lauréline</a>, <a href="http://blog.mathieu-leplatre.info/pages/about.html">Matthieu</a> and <a href="http://www.marmelune.net/fr/">Benoît</a>!), maybe it’s time to go a bit further and consider the association of talented people in a small dream team. Utopia? A few companies around the Web prove me not :) ;</li>
 <li>pursuing my freelance activity as I did before moving to Japan, the <em>easy and obvious</em> solution but I remember all the drawbacks of that approach: lack of technical skills update (too risky to sell something you’re not proficient at), lack of team emulation (celebrating daily victories is so important for long-term welfare), lack of challenges (you’re somehow constricted to basic projects given your manpower) to name a few.</li>
 </ul>
 <p>That being said, <strong>I’m open to all propositions.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2012</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="fujisan" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#fujisan" title="Link to that content" property="schema:url">Fujisan</a></h2>
        <div property="schema:articleBody"><p>A few things I learned during our attempt to reach the top of Mt. Fuji last night:</p>
 <ul>
 <li><strong>Humility</strong>: We made two (costly!) decisions that probably saved our lives, I’m a bit dramatic here but when something is going wrong at that altitude it can be dramatic. First, we switched from a 2300 meters trail to a 1200 meters one (ascent) which allowed us to do not spend the whole night hiking. Second, we reserved a hut at approximatively mid-distance to the summit to take some rest before reaching the top for the sunrise at 4 a.m. (initial plan). The Fuji’s staff made an awesome work informing us from dangers related to climbing that particular night, I’m against over-protection concerning mountain but in this case that was perfectly appropriated.</li>
 <li><strong>Patience</strong>. When we woke up at 1 a.m. the storm and the wind were so strong that we didn’t even open the door, the hut keeper said "Very bad, do not go" and advices from local people are pure gold. We made a second try 2 hours later when the storm stopped to realize that we were now in the cloud and the wind was still incredibly violent, enough to hardly stand up. Finally at 5 a.m. the hut crew woke up everyone to say that it was not possible to reach the summit that day. When we took the bus to return to the station, uprooted trees and destroyed roads made us realized how unusual was that storm.</li>
 <li><strong>Renouncement</strong>. Even if that date was highly symbolic to us, sometimes you must admit that you can’t fight the mountain, whatever your training, and just give up… until the next attempt ;-).</li>
 </ul>
 <blockquote>
 <p>Ô wise Fujisan, will you let us reach your top next time?</p>
 </blockquote>
 <p><strong>[Edit]</strong> : 3 days later, we did it in perfect conditions. Thanks!</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2012</span>,
          <span property="schema:contentLocation">Tokyo</span>
        </footer>
      </article>

      <article id="stillness" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#stillness" title="Link to that content" property="schema:url">Stillness in motion</a></h2>
        <div property="schema:articleBody"><p>I had the chance to experience that state 3 times in my life for now, that’s the hardly descriptive feeling of being in movement (by yourself) without feeling it, better explained by this Taoist text:</p>
 <blockquote>
 <p>The stillness in stillness is not true stillness; only when there is stillness in movement does the universal rhythm manifest</p>
 </blockquote>
 <p><strong>The first time was at the finish sprint of my first and almost last race ever, 15 years ago.</strong> I was playing basketball at that time and we challenged ourselves with a good friend to run that 5 kilometers race without any specific training (for the story, we did the 10 kilometers the year after and it was a bit too much). It was still fun because the distance is easy if you’re doing some sport but painful enough to reach that <em>I’m-so-happy-to-end-this</em> state. And then a few meters from the finish line I sprinted and that was like flying, my vision focused on the finish gate, yells from the crowd were like marshmallows and that weird taste of iron come to my mouth but I only realized all that when I stopped trying to analyze what just happened. During that minute, probably less, I was just in another dimension, feeling the indescribable joy of being alive.</p>
 <p><strong>The second time was a couple of years ago while snowboarding in the Alps</strong>. There was a descent full of fresh snow between two lifts and I did it about 20 times with a lot of pleasure. But then, with no particular new element in the context, maybe fatigue, maybe anaerobic or hypoglycemia, anyway that particular ride was like surfing on top of a moving wave, my body was moving but my brain was elsewhere, both plainly conscious of the situation and somewhere on top of me (yes it’s close to <a href="http://en.wikipedia.org/wiki/Near-death_experience">Near Death Experience</a> somehow), both having a lot of fun.</p>
 <p><strong>The third one was this spring during <em>Hanami</em>.</strong> I decided to go running just for a few kilometers from <em>Shinjuku</em> (via <em>Yotsuya</em>) to <em>Iidabashi</em> on the top of the canal because I knew there will be cherry blossoms at that place. The view was incredible and the joy of japanese people is so communicative during that period that you can’t feel bored. And then close to the end, a very soft wind made all petals falling from trees like snow and that instant was once again magic. Everybody looks up with a large smile (and some usual japanese interjections), I continued running going through that waterfall, almost literally diving into flowers. Time stopped and a child laugh brought me back to life.</p>
 <p>Lately, I discovered during <a href="#fujisan">Fujisan</a>’s descent that you can share that kind of orgasmic state with <a href="http://tam.blogs.clan-takeda.com/2012/07/19/mon-fuji/">somebody else</a>. <strong>Maybe the end of my sportive singleness :-).</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2012</span>,
          <span property="schema:contentLocation">Plane</span>
        </footer>
      </article>

      <article id="delegating" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#delegating" title="Link to that content" property="schema:url">Delegating</a></h2>
        <div property="schema:articleBody"><p>I used to think that <strong>religion is for weak people, people who prefers to delegate</strong> comfortably their thoughts and sometimes manpower to one central authority.</p>
 <p>It hits me lately that politic follows the exact same pattern, annihilating any self-consciousness and thus self-esteem. Electing a president at the head of a nation creates the feeling that you did your job as a citizen for the next X years but being a citizen is not a one-shot, it’s a daily challenge to find your place in the society not as a consumer but as an actor. Our societies are relying on one person with his government to drive our countries for a few years without any long-term vision, a scapegoat for our lack of thinking, our lack of acting, our lack of humanity. Where is your dignity when you can’t even think and act by yourself?</p>
 <p>In 1721, Montesquieu published his Persian letters and the 14th is very important to me, <a href="http://rbsche.people.wm.edu/teaching/plp/letter14.html">here is an extract</a> (<a href="http://www.bacdefrancais.net/lettre14-texte.html">in French</a>) but I recommend the whole reading:</p>
 <blockquote>
 <p>O Troglodites, what moves you to this; uprightness becomes a burden to you.  In your present condition, having no head, you are constrained in your own despite to be virtuous; otherwise your very existence would be at stake, and you would relapse into the wretched state of your ancestors.  But this seems to you too heavy a yoke; you would rather become the subjects of a king, and submit to laws of his framing-laws less exacting than your present customs.  You know that then you would be able to satisfy your ambition, and while away the time in slothful luxury; and that, provided you avoided the graver crimes, there would be no necessity for virtue.</p>
 </blockquote>
 <p>Such an idealist! Nobody can live and work in this context today. Virtue, really? Almost a hundred of geeks at Github are proving that it’s possible, see that blog post from <a href="http://tomayko.com/writings/management-style">Ryan Tomayko</a>:</p>
 <blockquote>
 <p>Telling people what to do is lazy. Instead, try to convince them with argument. This is how humans interact when there’s no artificial authority structure and it works great. If you can’t convince people through argument then maybe you shouldn’t be doing it. […] Essentially, I try to create little mini-managers, each responsible for managing a single person: their self.</p>
 </blockquote>
 <p>Confirmed by <a href="http://opensoul.org/blog/archives/2012/06/05/whats-it-like-to-work-at-github/">Brandon Keepers</a>, working there for 6 months:</p>
 <blockquote>
 <p>Anarchy works wonderfully in a small group of individuals with a high level of trust. Everyone at GitHub has full access and permission to do whatever they want. Do great things and you earn respect. Abuse that freedom and you violate everyone’s trust.</p>
 </blockquote>
 <p>Marriage is another way of delegation, behind the love story that’s a way to state administratively (and sometimes religiously) that you’re forming a couple. Validating your love by a piece of sheet and a ring instead of daily attention, it surely deserves a huge celebration in our attention-deficient world.</p>
 <p><em>That’s why I’m agnostic. That’s why I’m a blank voter. That’s why I’m running my own company. That’s why I’m not married.</em></p>
 <p>The worst part is that by delegating, you can loose your knowledge too. Think about it in our geeky world of <a href="http://www.heroku.com/">Clouds</a>, <a href="https://www.cloudflare.com/">Proxys</a>, <a href="http://jquery.com/">Frameworks</a>, each introducing more and more opaque <a href="#layers">layers</a>.</p>
 <p><strong>We are Tailorizing the Web and soon nobody will be able anymore to put a service online without heavily relying on an uncontrolled — delegated — stack.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="broken" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#broken" title="Link to that content" property="schema:url">Broken</a></h2>
        <div property="schema:articleBody"><p>From 0 to 5, you’re encouraged to talk.<br />
 Above 5, you’re encouraged to shut up.<br />
 From 5 to 10, you’re encouraged to be independent.<br />
 Above 10, you’re encouraged to be addicted.<br />
 From 10 to 15, you’re encouraged to criticize.<br />
 Above 15, you’re encouraged to follow.<br />
 From 15 to 20, you’re encouraged to know.<br />
 Above 20, you’re encouraged to delegate.<br />
 From 20 to 25, you’re encouraged to be.<br />
 Above 25, you’re encouraged to have.<br />
 From 25 to 30, you’re encouraged to procreate.<br />
 Above 30, you’re encouraged to reproduce that loop.</p>
 <p><strong>This system is broken.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="cooperating" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#cooperating" title="Link to that content" property="schema:url">Cooperating</a></h2>
        <div property="schema:articleBody"><p>Some companies are inspirational: <a href="http://37signals.com/svn/">37signals</a>, <a href="http://lincolnloop.com/blog/">LincolnLoop</a> or <a href="https://github.com/blog">Github</a> for instance. They pursue their vision, propagate their values through their culture, share their ideas. They can achieve this thanks to their <em>cooperation</em>, both internally and with their clients, considered as collaborators, as peers.</p>
 <p>Coming back from Japan, I knew that I’d like to <a href="#jobless">change my professional environment</a>, being solo was a really good experience (may I say experiment?) but it’s hard to do that for many years. Not socially (at least for me) but more in terms of <strong>knowledge</strong> (How do you progress when you’re in a comfortable situation? Can you take the risk to use a new technology for a client ?) and even more important in terms of <strong>values</strong> (it’s very hard to debate with yourself wether a client has crossed the ethical line or to arbitrate objectively a sticky situation).</p>
 <p>A few months ago, <a href="https://nicolas.perriault.net/">Nicolas</a> contacted me with a project he shared with <a href="http://insei.org/">Stéphane</a> and <a href="http://vinyll.github.com/">Vincent</a> to create a framework to work together. Not a technical one, <strong>a legal and ethical framework</strong>. Creating a company based on values and principles, on cooperation and participation. <em><a href="http://scopyleft.fr/">A company encouraging humanity before profit</a></em>. This proposition intimately resonated with the way I wanted to evolve, both as a professional and as a citizen. <em>I accepted the challenge.</em></p>
 <p>So far, I learned a ton of things. From administrative knowledge to humanist discussions, this is even more interesting than what I dreamed of. And this is just the beginning, it takes a lot of time to set up the foundations but it’s an incredibly valuable time to discuss our ideas and <strong>to feel confident in our shared vision</strong>. More on that later.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="unplugged" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#unplugged" title="Link to that content" property="schema:url">Unplugged</a></h2>
        <div property="schema:articleBody"><p>I experienced an unusual situation in our rich countries last month: not having any electricity for a whole week due to my move from Japan and my switch to a non-nuclear electricity provider: <a href="http://www.enercoop.fr/">Enercoop</a>. During this period, completely scheduled on daylight which is in itself an interesting experiment, I discovered a few things.</p>
 <p>The first thing you realize in an unplugged home is the silence. All our technology produces a background noise that you don’t notice daily but only when it stops. In this situation, all other noises are amplified: a wooden beam cracking, an insect flying, yourself breathing. <em>Natural noises of the townsman.</em> <strong>You rediscover an inner world</strong>.</p>
 <p>Then you start to listen to your environment: the street, your neighbors, shops, tourists. Each one have their schedule and their habits. You consume electricity by procuration, listening accidentally your neighbors’ radio, TV or parties. <em>Social noises of the celibate.</em> <strong>You rediscover an outer world</strong>.</p>
 <p>Finally, you’re alone with your noisy ideas and you start to think, to read, to write, to do things, to care about people. After a few days, only when all batteries are empties, you’re able to proceed to an introspection, to question yourself about your place in this world. <em>Brain noises of the human.</em> <strong>You rediscover yourself</strong>.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Summer 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="sleeping" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#sleeping" title="Link to that content" property="schema:url">Sleeping</a></h2>
        <div property="schema:articleBody"><p>I bought an <strong>electric bed</strong> for my new home, the kind of bed you can find in hospitals with an engine to raise the head or your legs. That’s pretty expensive but the end-result is way above my expectations.</p>
 <p>Being in Japan, I realized that futons were definitely not adapted to my body, especially the curving of my back so I started to experiment different positions adding books under my legs, my knees, my head and <strong>I found a pattern similar to what you have in a hammock or a cocoon</strong> but with knees a bit upper to do not stretch your muscles. This way I was able to lay on my back without any pain.</p>
 <p>Back in France, I found the bed of my dreams, well… literally, for two people with two mattresses which is very important because we end up not using the same level of elevation. We’re using it for a month now and she changed her mind from <em>"Yet another useless geeky gadget"</em> to <em>"This is the best thing you bought EVER! &lt;3"</em>. My best reward :-)</p>
 <p>When you put in perspective the time you spend in a bed plus the pain you suffer for a few hours after being out of your bed, <strong>you don’t ever look (at your) back</strong>. <em>Bonus</em>: in recovery mode or for a little nap, having your legs above your body is very comfortable. <em>Bonus 2</em>: I spend way more time reading from my bed given the suitable position I can have.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="sharing" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#sharing" title="Link to that content" property="schema:url">Sharing</a></h2>
        <div property="schema:articleBody"><p>My only career management engine — and thus advice — is <strong>to share</strong>. I thought about it after reading <a href="http://agopian.info/blog/plan-de-carriere-dun-developpeur.html">Mathieu’s article</a> on that topic (in French), it’s not really a planning involving ladders but the end result is far more rewarding. Why is that so powerful?</p>
 <ul>
 <li><em>By sharing you meet new people.</em> You have to find people to share your knowledge with, from going to conferences to taking the responsibility to train someone, it will definitely boost your career.</li>
 <li><em>By sharing you learn new things.</em> You have to dig into something to be able to share it, you have to be curious, you have to find new people, new ways of thinking. You’ll be more confident and proficient.</li>
 <li><em>By sharing you know when to quit.</em> The moment you stop being able to share at work should ring like an alarm bell. Hey wake up, your brain cells are doing boring &amp; repetitive stuff!</li>
 <li><em>By sharing you become valuable.</em> Both for your team and your company, your value is related to the way you explore, you synthesize, you create links between people and knowledge.</li>
 <li><em>By sharing you become humble.</em> You realize that you just know a very small part of the vast knowledge ocean and that your experience has to be confronted with others’.</li>
 </ul>
 <p><strong>Your value is proportional to the number of times you shared your knowledge, your experience, your ideas with others.</strong> This advice will make you richer every day, not only in money :-).</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="opendata" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#opendata" title="Link to that content" property="schema:url">OpenData</a></h2>
        <div property="schema:articleBody"><p>I was at the <a href="http://hackdatapaca.net/">OpenDataHACK PACA</a> this last weekend and I ended up being quite disappointed and frustrated. <strong>Disappointed</strong> because I thought that a hackathon is about just having fun together and that event looks closer to a startup weekend with a final jury and questions about business models. <strong>Frustrated</strong> because after a few months without coding actively I was very motivated and most of the projects presented didn’t provide any line of code or even use OpenData (from PACA) <em>for real</em>.</p>
 <p>In hindsight, I discovered the discomfort I have with OpenData (at least in France): <strong>it’s hard to have fun for a developer</strong>.</p>
 <ul>
 <li><em>the nature of data</em> is very limited and you can’t do anything but a service about transportation or tourism.</li>
 <li><em>the quality of data</em> is so bad that you lost a lot of energy just being able to use it programmatically.</li>
 <li><em>the freshness of data</em> is incredibly inconsistent and can’t be predicted.</li>
 </ul>
 <p>That being said, here are some ideas for data providers:</p>
 <ul>
 <li><em>we reached the limits of public data, it’s time for companies to expose some of their private data</em> in order to make pertinent and various services, don’t forget the first-mover advantage here! (by private I mean internal, not data related to privacy of course).</li>
 <li><em>we need to work on the way providers open their data</em>, releasing files — whatever the format — is not an option anymore, developers used to work with APIs for a good reason. Take care of your data, that’s your responsibility.</li>
 <li><em>we invest time with your data, give us guarantees</em>, document your data, give informations about the releases’ frequency, future released data, interoperability with others’ data and so on.</li>
 </ul>
 <p>As a citizen, I want to be involved in the life of my city/county but <strong>I’ll need some help from your side, providers</strong>.</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="democracy" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#democracy" title="Link to that content" property="schema:url">Democracy</a></h2>
        <div property="schema:articleBody"><p>Lift 2012 in Marseilles was a blast. The first afternoon was dedicated to conferences (more intimate than previous editions) about a lot of interesting topics, from <a href="http://www.lapaillasse.org/">Biology 2.0</a> by Thomas Landrain to Gudrun Pétursdóttir, chairman of the Icelandic Constitutional Council, talking about the democratic process in Iceland after 2008’s crisis. But the most interesting part was the second day, a whole day of workshops entitled <em>"DIGITAL DISRUPTIONS" COLLECTIVE FORESIGHT</em>. You first have to choose one of the 20 "promises" explained as some kind of scenarios about a given topic. I picked the one dedicated to <strong>democracy: restored, enhanced, extended</strong> and I’ll try to sum up some of the insight in this session (there were about 10 people).</p>
 <p>First things first, when you talk about democracy you have to consider that not everybody wants to actively participate in it, it’s very frustrating but it’s interesting to analyze causes:</p>
 <ul>
 <li><em>lazyness</em>: it’s much more comfortable to let others do the hard work even if it’s not possible on the long term if you consider democracy as a daily implication ;</li>
 <li><em>hopeless</em>: one thinks that democracy is just a mirage that can’t be reached, they consider that we are not in a democracy ;</li>
 <li><em>disagreement</em>: I don’t think that democracy can scale (even using MongoDB :p) to the size of a country or even a city — or Humanity is just not ready for that — at best it should be possible in a community or a tribe. The only alternative I see (and we get back to small groups) is <a href="http://en.wikipedia.org/wiki/Sociocracy">Sociocracy</a> but I need to experiment that system of governance for real.</li>
 </ul>
 <p>The first part of the day was dedicated to past and present initiatives and we all felt a bit desperate after that observation. One of the conclusions is that the digital world, even if we can cite a few marginal examples, didn’t enhance nor extend democracy. But, it provides <strong>a new hope: the one to be technically able to reinvent the democracy</strong>. The Web gives people a way to educate themselves about citizenship and to somehow magnify their messages, to express their diversity. On the other side, it can be instrumentalized and didn’t invert any hierarchical relation.</p>
 <p>The afternoon were hopefully more encouraging, we talked about the future of democracy and even if it was hard to keep focused a whole day with intense discussions we ended up proposing some <strong>key actions to change for the better</strong>. Unfortunately I didn’t took the time to write notes down because of the rush but I’m impatiently waiting for <a href="http://www.internetactu.net/author/hubert/">Hubert Guillaud</a>’s article on that topic given that he kept the poster :-).</p>
 <p><em>Note : I’m more and more frustrated about the lack of discussions about those unidirectional thoughts but I don’t want a clasic centralized commenting system, maybe I’ll finally code that DCVS fork/enrich/propose way of interacting…</em></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="television" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#television" title="Link to that content" property="schema:url">Television</a></h2>
        <div property="schema:articleBody"><blockquote>
 <p>rules the nation. — <em>Daft Punk</em></p>
 </blockquote>
 <p>I had a television in my house for about a quarter of my life (7-9, 23-27) and thus I lost a bunch of so-called "TV references". What I gained instead is a capacity to focus on ads’ analysis, to choose wisely my programs, to be conscious of the time lost watching TV. Retrospectively, I’m not sure it was worth it given the popularity of childish 80s’ events though :p.</p>
 <p>Back from Japan, we decided to do not have a TV anymore. Since then, a few things changed in my life:</p>
 <ul>
 <li>I definitely sleep more (combined with sport) ;</li>
 <li>I read more, from magazine to books ;</li>
 <li>I almost cut myself from news and it’s quite relaxing, I realized how useless it is to care about extra-local things ;</li>
 <li>I’m listening to more music ;</li>
 <li>I choose what I decide to watch (TV series, documentaries, movies) ;</li>
 <li>I shocked people with a living-room not centered on TV.</li>
 </ul>
 <p><em>Things to improve now: more games, more love, more cooking.</em> <strong>Less screens.</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2012</span>,
          <span property="schema:contentLocation">Train</span>
        </footer>
      </article>

      <article id="goodies" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#goodies" title="Link to that content" property="schema:url">Goodies</a></h2>
        <div property="schema:articleBody"><p>I refused the goodies’ bag at the last conference I attended (<a href="http://www.paris-web.fr/">ParisWeb</a>). The staff, always very careful about their attendees, asked me politely why I declined that "gift", here are some reasons in no particular order:</p>
 <ul>
 <li>I presume that most of the bags (and their content) were trashed within 2 days after the conference, ecologically that’s just crazy.</li>
 <li>Half of the bag used to be full of crappy goodies to promote brands I don’t care about (or worse).</li>
 <li>Most of the content is not adapted to me: I got an smartphone to read the program, the t-shirt is too large, I already have a pen and so on.</li>
 <li>I went to that conference without any bag and I’d like to keep that freedom during the whole event.</li>
 </ul>
 <p>I know how important it is for sponsors to distribute their goodies (and thus make the event viable) but I’m sure there is a way to let the attendee have that choice. That being said, maybe <strong>there is a better way for sponsors to promote their brand</strong>:</p>
 <ul>
 <li>Provide high quality goodies without an ostentatious logo, something that people will actually use (I still wear a beautiful t-shirt from DjangoConEu Berlin and I do appreciate the notebook offered to orators by ParisWeb last year for instance).</li>
 <li>Send people from your company to attend the conference or even participate (avoid product-driven keynotes, please), your employees are the best ambassadors of your brand <em>but</em> they have to be happy in their job to share their passion of course.</li>
 <li>Offer something valuable to the conference’s attendees and explicitly ask to be named for that, for instance <em>"This food is provided by FooInc who cares about the health of their actual and future employees"</em>.</li>
 <li>Think about ways to ease the integration and socialization of people during the conference, there is a lack of tools for that.</li>
 </ul></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="transparency" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#transparency" title="Link to that content" property="schema:url">Transparency</a></h2>
        <div property="schema:articleBody"><p>We chose the transparency as a core value of <a href="http://scopyleft.fr">Scopyleft</a> because we wanted to share our little adventure and it’s incredibly hard.</p>
 <p>I used to publish code as an open-source process but when it comes to <a href="https://github.com/scopyleft/scopyleft.github.com">administrative stuff</a> I feel way less confident and feel somehow reticent to publish drafts publicly or to edit values/principles from my side when it impacts 3 other people. I know (well, I hope) that it’s a way to improve myself on those topics like it happened for my code but the transition is quite brutal.</p>
 <p>Fortunately, your first messages and contributions are very positive and really encouraging. <strong>Thank you.</strong> The thing is we don’t know any "Open Company" publishing all the process of their creations to be inspired by so we try to do our best to share our <em>road to enlightenment</em> :-).</p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>

      <article id="endofpage" typeof="schema:BlogPosting">
        <h2 property="schema:name"><a href="#endofpage" title="Link to that content" property="schema:url">EndOfPage</a></h2>
        <div property="schema:articleBody"><p>I decided to switch from English to French as my blogging language so <strong>this post is the last one in English</strong> for a few reasons:</p>
 <ol>
 <li>I started to write in English to somehow extend my audience given that I went to Japan and only a very few Japanese people are reading French. <em>I’m pretty sure no Japanese at all ever read that page</em> so I can consider this as a failure, I realized way too late that integration is before all about working together in Japan :-).</li>
 <li>It looks like <a href="http://www.craigkerstiens.com/">Craig Kerstiens</a> is <a href="https://twitter.com/craigkerstiens/status/263142436002476032">the only one</a> reading English-only across my few readers (<em>thank you!</em>), probably because my vocabulary and grammar are so bad or my thoughts far from those of another country. Anyway, trying to think in English was a good experiment but now I need to improve myself via discussion, not unidirectional writing anymore.</li>
 <li>This page started to be a bit too large for my taste (even if performances are still not that bad), when I started it I wasn’t sure to write more than 3 posts. Well, there are 42 posts now — <em>Coincidence? I don’t think so</em> — and I’ll switch back to a dedicated page per article (coucou <a href="http://www.cynicalturtle.net/kame/">Damien</a> !).</li>
 <li>I want to be involved locally, from OpenData to (micro)events, and to interact with my French peers. Moreover, I’m trying something new with <a href="http://scopyleft.fr">Scopyleft</a> and I’m sure that feedback about that adventure is more valuable for French people too.</li>
 </ol>
 <p><em>Je vous vois demain !</em></p>
 <p><strong>EOP</strong></p></div>
        <footer class="post-date">—
          <span property="schema:datePublished">Autumn 2012</span>,
          <span property="schema:contentLocation">Arles</span>
        </footer>
      </article>
  </section>
 {% endblock content %}