blog.html

---
layout: default
title: Blog
---

<section>

	<div class="center">
		<h1 class="title">Blog</h1>
	</div>

	<div class="divider"></div>

	{% assign sorted = (site.blog | sort: date) | reverse %}
	{% for post in sorted %}
		{% unless post.next %}
			<h3 class="code">{{ post.date | date: '%Y' }}</h3>
		{% else %}
			{% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
			{% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
			{% if year != nyear %}
				<h3 class="code">{{ post.date | date: '%Y' }}</h3>
			{% endif %}
		{% endunless %}

		<ul>
			<li>
				<div class="post-date code">
					<span>{{ post.date | date: "%b %d" }}</span>
				</div>
				<div class="title">
					<a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}">
						<img src="{{ post.imageurl }}" alt="" style="width: 100%;">
						{{ post.title }}
					</a>
				</div>
			</li>
		</ul>

	{% endfor %}

</section>