{% extends "base.html" %}
{% block title %}{{ tag }} · {{ SITENAME }}{% endblock %}
{% block content %}
{% set t = "KEYWORD: " ~ tag %}
{%- set total = articles_paginator.object_list|length %}
<div class="desktop-only">
<pre class="box">┌─ <span class="boxtitle">{{ t }}</span> {{ "─" * (75 - t|length) }}┐</pre>
{%- for a in articles_page.object_list %}
{%- set n = loop.index0 + 1 + (articles_page.number - 1) * articles_paginator.per_page %}
<pre class="box">│ <span class="key">[<b>{{ "%2d"|format(n) }}</b>]</span> <span class="date">{{ a.date.strftime('%d %b %y')|lower }}</span> <span class="sect">{{ "%-8s"|format(a.category|string) }}</span> <a data-key="{{ n }}" href="{{ SITEURL }}/{{ a.url }}">{{ "%-52s"|format(a.title|striptags|truncate(52, true, '')) }}</a> │</pre>
{%- endfor %}
<pre class="box">└──────────────────────────────────────────────────────────────────────────────┘</pre>
</div>

<div class="mobile-only">
<pre class="box">┌─ <span class="boxtitle">{{ t }}</span> {{ "─" * (35 - t|length) }}┐</pre>
{%- for a in articles_page.object_list %}
{%- set n = loop.index0 + 1 + (articles_page.number - 1) * articles_paginator.per_page %}
<pre class="box">│ <a data-key="{{ n }}" href="{{ SITEURL }}/{{ a.url }}"><span class="key">[<b>{{ "%2d"|format(n) }}</b>]</span> {{ "%-31s"|format(a.title|striptags|truncate(31, true, '', 0)) }}</a> │</pre>
<pre class="box">│      <span class="date">{{ a.date.strftime('%d %b %y')|lower }}</span> · <span class="sect">{{ "%-8s"|format(a.category|string) }}</span>            │</pre>
{%- endfor %}
<pre class="box">└──────────────────────────────────────┘</pre>
</div>
{% include 'pagination.html' %}
{% endblock %}