{% extends "base.html" %}

{% block title %}{{ page.title }} | {{ config.title }}{% endblock title %}
{% block description %}{{ page.description | default(value=config.description) }}{% endblock description %}

{% block content %}
<article class="site-container article-page">
  <header class="article-header narrow">
    <p class="article-kind"><a href="{{ get_url(path='@/notes/_index.md') }}">Notes</a></p>
    <h1>{{ page.title }}</h1>
    <dl class="article-dates">
      <div><dt>公開</dt><dd><time datetime="{{ page.date }}">{{ page.date | date(format='%Y-%m-%d') }}</time></dd></div>
      {% if page.updated %}<div><dt>更新</dt><dd><time datetime="{{ page.updated }}">{{ page.updated | date(format='%Y-%m-%d') }}</time></dd></div>{% endif %}
    </dl>
    {% if page.description %}<p class="article-description">{{ page.description }}</p>{% endif %}
  </header>

  {% if page.toc %}
  <nav class="toc narrow" aria-label="目次">
    <h2>目次</h2>
    {{<toc.render headers={page.toc} />}}
  </nav>
  {% endif %}

  <div class="prose">
    {{ page.content | safe }}
  </div>

  {% include "partials/related-software.html" %}
</article>
{% endblock content %}