randogoth/sites
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: make randogoth.com's bbs theme readable on narrow viewports

Browse source
This commit is contained in:
randogoth 2026-10-06 08:45:13 +03:00
parent 05be426f91
commit c3864287cf
11 changed files with 150 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
randogoth.com/bbs/templates/category.html
View file

@ -3,13 +3,25 @@
{% 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>
{%- set total = articles_paginator.object_list|length %}
{%- 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 %}