{% 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 à 2019</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 %}