{% extends "base.html" %}
{% block title %}{{ category }} · {{ SITENAME }}{% endblock %}
{% block content %}
{% set info = BBS_AREAS.get(category|string, 0) %}
{% set t = "AREA " ~ info ~ ": " ~ category %}
{%- set total = articles_paginator.object_list|length %}
<div class="desktop-only">
<pre class="box">┌─ <span class="boxtitle">{{ t }}</span> {{ "─" * (75 - t|length) }}┐</pre>
<pre class="box">├──────────────────────────────────────────────────────────────────────────────┤</pre>
{%- for a in articles_page.object_list %}
{%- set n = total - (loop.index0 + (articles_page.number - 1) * articles_paginator.per_page) %}
<pre class="box">│ <span class="key">[<b>{{ "%3d"|format(n) }}</b>]</span> <span class="date">{{ a.date.strftime('%d %b %y')|lower }}</span> <a data-key="{{ n }}" href="{{ SITEURL }}/{{ a.url }}">{{ "%-60s"|format(a.title|striptags|truncate(60, 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 = total - (loop.index0 + (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>                       │</pre>
{%- endfor %}
<pre class="box">└──────────────────────────────────────┘</pre>
</div>
{% include 'pagination.html' %}
{% endblock %}