colin/uninsane
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style: make the blog listings bigger

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
sass/static/style.scss
View File

@ -264,12 +264,6 @@ body
content: $marker_li; content: $marker_li;
} }
.subtitle
{
font-style: italic;
font-size: 0.8rem;
margin-left: 1rem;
}
.date .date
{ {
font-style: normal; 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;
}
}
} }

31
templates/index.html
View File

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