{% extends "base.html" %}
{% block title %}{{ article.title }} - {{ SITENAME }}{% endblock %}
{% block metadesc %}{% if article.summary %}{{ article.summary|e }}{% else %}An Article in {{ SITETAG }}: {{
article.title }}{% endif
%}{% endblock %}


{% block content_header %}
<header id="main-header">
  <h1>{{ article.title }}</h1>
</header>
{% endblock content_header %}

{% block content_body %}
<div class="article-body">
  {% if article.content | length is eq(0) %}
  <div class="no-content">
    {% endif %}
    {% if article.titelbild is defined %}<a href="{{ article.titelbild }}" title="{{ article.title }} (Bild)">
      <img class="article-cover" src="{{ article.titelbild }}" alt="{{ article.title }} (Bild)" />
    </a>{% endif %}
    {% if article.content | length is not eq(0) %}<div class="article-content">
      {{ article.content }}
    </div>{% endif %}
    {% if article.klappentext is defined %}
    <details class="klappentext">
      <summary role="button" class="contrast outline">Klappentext</summary>
      {{ article.klappentext }}
    </details>
    {% endif %}
    {% if article.content | length is eq(0) %}
  </div>
  {% endif %}
  <footer class="article-footer"><a href="/{{ article.save_as.split('/')[:-1] | join('/') }}/">&#8592; {{ article.category }}</a></footer>
</div>
{% endblock content_body %}