More archive page tweaks

This commit is contained in:
Shadowfacts 2025-02-11 21:08:16 -05:00
parent 2115ba49c9
commit 7e06d3060c
3 changed files with 25 additions and 13 deletions

View File

@ -7,16 +7,19 @@
{% block content -%} {% block content -%}
{% for year in years %} {% for year in years %}
<ul class="archive-list"> <div class="archive-list">
{% for entry in posts_by_year[year] %} {% for entry in posts_by_year[year] %}
<li> <div class="archive-entry">
<code><time datetime="{{ entry.date | iso_datetime }}">{{ entry.date | iso_date }}</time></code> <code><time datetime="{{ entry.date | iso_datetime }}">{{ entry.date | iso_date }}</time></code>
<a href="{{ entry.permalink }}"> <a href="{{ entry.permalink }}">
{{ entry.title }} {{ entry.title }}
</a> </a>
</li> </div>
{% endfor %} {% endfor %}
</ul> </div>
{% if not loop.last %}
<hr>
{% endif %}
{% endfor %} {% endfor %}
{%- endblock %} {%- endblock %}

View File

@ -116,7 +116,7 @@ table {
} }
hr { hr {
border: 1px solid black; border: 1px solid var(--secondary-text-color);
} }
html { html {
@ -376,11 +376,17 @@ footer {
} }
.archive-list { .archive-list {
padding: 0; display: flex;
font-size: 1.5rem; flex-direction: column;
gap: 4px;
font-size: 1.25rem;
margin: 1rem 0;
li { .archive-entry {
list-style: none; display: flex;
flex-direction: row;
align-items: start;
gap: 8px;
time { time {
color: var(--secondary-text-color); color: var(--secondary-text-color);

View File

@ -9,16 +9,19 @@
<h1>Posts tagged &lsquo;{{ tag_name }}&rsquo;</h1> <h1>Posts tagged &lsquo;{{ tag_name }}&rsquo;</h1>
{% for year in years %} {% for year in years %}
<ul class="archive-list"> <div class="archive-list">
{% for entry in posts_by_year[year] %} {% for entry in posts_by_year[year] %}
<li> <div class="archive-entry">
<code><time datetime="{{ entry.date | iso_datetime }}">{{ entry.date | iso_date }}</time></code> <code><time datetime="{{ entry.date | iso_datetime }}">{{ entry.date | iso_date }}</time></code>
<a href="{{ entry.permalink }}"> <a href="{{ entry.permalink }}">
{{ entry.title }} {{ entry.title }}
</a> </a>
</li> </div>
{% endfor %} {% endfor %}
</ul> </div>
{% if not loop.last %}
<hr>
{% endif %}
{% endfor %} {% endfor %}
{%- endblock %} {%- endblock %}