{% 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 %}
<div class="content-with-rail">
  <article class="article article--note content-with-rail__main">
    <header class="note-header">
      <div class="article-kicker">
        <time datetime="{{ post.date_iso }}">{{ post.date_iso | format_date("%B %d, %Y") }}</time>
        {% if post.tags %}
        <span aria-hidden="true">/</span>
        <ul class="post-tags" aria-label="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="article-body note-body">
      {{ post.body | safe }}
    </div>
    {% include "partials/media-carousel.html" %}
  </article>
  {% include "partials/sidebar.html" %}
</div>
{% endblock content %}
