style: make the blog listings bigger

i could probably let them escape the relatively narrow view that i'm
currently reusing from the article page
This commit is contained in:
colin 2022-06-26 04:12:09 -07:00
parent df1c123c66
commit a027e6aa12
2 changed files with 32 additions and 21 deletions

View File

@ -264,12 +264,6 @@ body
content: $marker_li;
}
.subtitle
{
font-style: italic;
font-size: 0.8rem;
margin-left: 1rem;
}
.date
{
font-style: normal;
@ -403,6 +397,22 @@ body
}
}
}
.listing
{
.title
{
font-size: 1.3rem;
margin-top: 0.5rem;
}
.subtitle
{
font-style: italic;
font-size: 0.9rem;
margin-left: 1rem;
margin-top: 0.1rem;
}
}
}

View File

@ -6,19 +6,20 @@
{% block content %}
{% set blog = get_section(path="blog/_index.md") %}
<ul>
{% for page in blog.pages %}
{% if not page.extra.hidden %}
<li>
<div>
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
</div>
<div class="subtitle">{{ page.description }}
<span class="date">({{ page.date | date(format="%Y/%m/%d") }})</span>
</div>
</li>
{% endif %}
{% endfor %}
</ul>
<span class="listing">
<ul>
{% for page in blog.pages %}
{% if not page.extra.hidden %}
<li>
<div class="title">
<a href="{{ page.permalink | safe }}">{{ page.title }}</a>
</div>
<div class="subtitle">{{ page.description }}
<span class="date">({{ page.date | date(format="%Y/%m/%d") }})</span>
</div>
</li>
{% endif %}
{% endfor %}
</ul>
</span>
{% endblock content %}