fix: make randogoth.com's bbs theme readable on narrow viewports
This commit is contained in:
parent
05be426f91
commit
c3864287cf
11 changed files with 150 additions and 8 deletions
|
|
@ -1,10 +1,22 @@
|
|||
{% extends "base.html" %}
|
||||
{% block title %}Message Index · {{ SITENAME }}{% endblock %}
|
||||
{% block content %}
|
||||
<div class="desktop-only">
|
||||
<pre class="box">┌─ <span class="boxtitle">MESSAGE INDEX</span> ──────────────────────────────────────────────────────────────┐</pre>
|
||||
{%- for a in dates %}
|
||||
{%- set n = loop.index %}
|
||||
<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">MESSAGE INDEX</span> ──────────────────────┐</pre>
|
||||
{%- for a in dates %}
|
||||
{%- set n = loop.index %}
|
||||
<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>
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue