{% extends "base.html" %}

{% block title %}{{ article.title }}{% endblock title %}
{% block crumb %}blog/{{ article.slug }}{% endblock crumb %}

{% block content %}
<header class="term-cmd">
  <div>
    <p class="term-cmd-line">
      <span class="t-green">visitor@universal-web</span><span class="t-dim">:</span><span class="t-blue">~/blog</span><span class="t-dim">$</span>
      cat {{ article.slug }}.txt
    </p>
    <h1 class="term-title">{{ article.title }}</h1>
    <p class="term-sub">// {{ article.view_count }} view(s) logged.</p>
  </div>
  <div class="term-cmd-actions">
    <a href="/blog" class="btn btn-outline btn-sm">[ cd .. ]</a>
  </div>
</header>

<article class="card">
  <div class="term-head">
    <span class="term-dots" aria-hidden="true">
      <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
    </span>
    <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
    <span class="term-head-meta term-tag is-blue">readonly</span>
  </div>
  <div class="card-body">
    {% if article.excerpt %}
    <p class="term-prose t-yellow"># {{ article.excerpt }}</p>
    <div class="border-t border-base-300 pt-4"></div>
    {% endif %}
    <div class="term-prose whitespace-pre-line">{{ article.content }}</div>
  </div>
</article>
{% endblock content %}