{% 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 %}
