• add blog post list • add css specificially for the blog and projects pages • make layouts more modular for including different CSS on each page • use HTML for directory pages for better use with Liquid
50 lines
1.5 KiB
HTML
50 lines
1.5 KiB
HTML
---
|
|
layout: collection
|
|
title: Blog
|
|
permalink: Blog/
|
|
---
|
|
|
|
{% assign char-count = 500 %}
|
|
|
|
<ul id="post-list">
|
|
{% for post in site.posts %}
|
|
<li class="post-entry">
|
|
<a class="post-title" href="{{ post.url | prepend: site.baseurl }}">
|
|
{{ post.title }}
|
|
</a>
|
|
<table>
|
|
<tr>
|
|
<td class="post-tags">
|
|
tags:
|
|
<i>
|
|
{% if post.tags %}
|
|
{% for tag in post.tags limit: 6%}
|
|
{{ tag }}
|
|
{% endfor %}
|
|
{% else %}
|
|
none
|
|
{% endif %}
|
|
</i>
|
|
</td>
|
|
<td class="post-date">
|
|
<i>{{ post.date | date: "%b %-d, %Y" }}</i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<hr>
|
|
|
|
<div class="post-excerpt">
|
|
{% assign excerpt-text = post.content | markdownify %}
|
|
{% assign excerpt-length = excerpt-text | number_of_words %}
|
|
|
|
{{post.content | markdownify| truncate: char-count}}
|
|
|
|
<a class="post-see-more" href="{{ post.url | prepend: site.baseurl }}">
|
|
<i>See More</i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|