{% extends "base.html" %}
{% block html_lang %}{{ article.lang }}{% endblock %}

{% block title %}{{ SITENAME|striptags }} - {{ article.title|striptags  }}{% endblock %}

{% block head %}
  {{ super() }}

  {% if article.description %}
    <meta name="description" content="{{article.description}}" />
  {% endif %}

  {% for tag in article.tags %}
    <meta name="tags" content="{{tag}}" />
  {% endfor %}

{% endblock %}

{% block content %}
  <article class="prose text-rp-moon-text prose-headings:text-rp-moon-iris md:prose-lg lg:prose-xl">
    <header>
    {% if not article.image %}
      <h2>{{ article.title }}</h2>
    {% endif %}
    {% if article.image %}
    <div class="not-prose relative overflow-hidden h-[350px] mb-12">
        <img class="w-full h-full object-cover object-center rounded-lg opacity-65" src="/img/banner/{{ article.image }}" alt="" />
        <div class="absolute bottom-8 left-0 text-rp-moon-gold">
            <h2>
                <span class="leading-relaxed bg-rp-moon-gold p-2">
                    <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}" class="no-underline text-rp-moon-overlay">{{ article.title }}</a>
                </span>
            </h2>
        </div>
  </div>
    {% endif %}
    </header>
    {{ article.content }}
    <footer>
      <p>Published: <time datetime="{{ article.date.isoformat() }}">
        {{ article.locale_date }}
      </time></p>
      {% if article.modified %}
        <p>Last updated: <time datetime="{{ article.modified.isoformat() }}">
          {{ article.locale_modified }}
        </time></p>
      {% endif %}
      {% if article.authors %}
        <address>
          By {% for author in article.authors %}
            <a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
          {% endfor %}
        </address>
      {% endif %}
      {% if article.category %}
        <p>
          Category: <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
        </p>
      {% endif %}
      {% if article.tags %}
        <p>
          Tags:
          {% for tag in article.tags %}
            <a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</a>
          {% endfor %}
        </p>
      {% endif %}
    </footer>
  </article>
{% endblock %}