Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

blog_article.html 2.8KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. {% extends "base_2019.html" %}
  2. {% block lang %}{{ post.lang }}{% endblock lang %}
  3. {% block title %}{{ post.title }}{% endblock %}
  4. {% block extra_head %}
  5. <!-- Canonical URL for SEO purposes -->
  6. <link rel="canonical" href="https://larlet.fr{{ post.url }}">
  7. <!-- SEO/Semantic metadata -->
  8. <meta name="description" content="{{ post.chapo }}" />
  9. <meta name="twitter:description" property="og:description" itemprop="description" content="{{ post.chapo }}" />
  10. <meta name="twitter:title" property="og:title" itemprop="name" content="{{ post.title }}" />
  11. <meta name="twitter:card" content="summary" />
  12. <meta name="twitter:creator" content="@davidbgk" />
  13. <meta name="twitter:url" property="og:url" content="https://larlet.fr{{ post.url }}" />
  14. <meta property="og:type" content="article" />
  15. <meta property="og:site_name" content="David Larlet (@davidbgk)" />
  16. {% if post.date.year|int >= 2014 %}
  17. <meta name="twitter:image" property="og:image" itemprop="image" content="{{ post.full_img_url }}" />
  18. {% else %}
  19. <meta name="twitter:image" property="og:image" itemprop="image" content="https://larlet.fr/static/david/david-larlet-avatar-thumbnail.jpg" />
  20. {% endif %}
  21. {% endblock extra_head %}
  22. {% block content %}
  23. <h1 class="single">
  24. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  25. {{ post.title }}
  26. <time>Publié le {{ post.date.strftime("%d %B %Y").strip("0") }}</time>
  27. </h1>
  28. <article class="single">
  29. {{ post.content }}
  30. </article>
  31. {% if comments %}
  32. <section>
  33. <h3>Discussion suite à l’article :</h3>
  34. {% for comment in comments %}
  35. <article id="comment-{{ loop.index }}" class="comment">
  36. {{ comment.content }}
  37. <p><cite>{{ comment.author }}, le <a href="#comment-{{ loop.index }}">{{ comment.date }}</a></cite></p>
  38. </article>
  39. {% endfor %}
  40. </section>
  41. {% endif %}
  42. {% if post.date.year|int >= 2014 %}
  43. <figure class="image" property="schema:image">
  44. <img src="{{ post.url_image }}" alt="" />
  45. </figure>
  46. {% endif %}
  47. {% endblock content %}
  48. {% block aside %}
  49. {% if post.lang == 'en' %}
  50. <aside>
  51. <p>
  52. Other articles in English:
  53. {% for post_en in published_posts_en %}
  54. {% if post.url != post_en.url %}
  55. <a href="{{ post_en.url }}">{{ post_en.title }}</a>{% if not loop.last %},{% else %}.{% endif %}
  56. {% endif %}
  57. {% endfor %}
  58. Oh, and most of <a href="/david/stream/2018/">the current thoughts</a>.
  59. </p>
  60. </aside>
  61. {% else %}
  62. {{ super() }}
  63. {% endif %}
  64. {% endblock aside%}
  65. {% block nav %}
  66. <nav id="jumpto">
  67. <p>
  68. <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 %}
  69. </p>
  70. </nav>
  71. {% endblock nav %}
  72. {% block extrajs %}
  73. {% include 'service_workers.html' %}
  74. {% endblock %}