{% extends "post.html" %}

{% block page_title %}
{{ config.title | default("bckt") }}
{% endblock page_title %}

{% block page_meta %}
{% set canonical = base_url ~ post.permalink %}
{% set post_description = post.abstract | default(post.excerpt) | trim %}
<meta name="description" content="{{ post_description }}">
<meta property="og:site_name" content="{{ config.title | default("bckt") }}">
<meta property="og:type" content="article">
<meta property="og:title" content="Note · {{ config.title | default("bckt") }}">
<meta property="og:url" content="{{ canonical | safe }}">
<meta property="og:description" content="{{ post_description }}">
<link rel="canonical" href="{{ canonical | safe }}">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Note · {{ config.title | default("bckt") }}">
<meta name="twitter:description" content="{{ post_description }}">
{% endblock page_meta %}

{% block content %}
<article class="post-article post-article--note">
  <header class="post-header">
    <div class="post-meta">
      <time class="post-meta__time" datetime="{{ post.date_iso }}">{{ post.date_iso | format_date("%a, %d %B %Y %H:%M") }}</time>
      {% if post.tags %}
      <span class="meta-divider">•</span>
      <ul class="post-tags">
        {% for tag in post.tags %}
        <li><a href="{{ base_path }}/tags/{{ tag | replace(' ', '-') | lower }}/">#{{ tag }}</a></li>
        {% endfor %}
      </ul>
      {% endif %}
    </div>
  </header>
  <div class="post-content reading-flow note-body">
    {{ post.body | safe }}
  </div>
  {% if post.images or post.videos %}
  {% include "partials/media-carousel.html" %}
  {% endif %}
</article>
{% endblock content %}
