---
layout: default
title: pages.blog.title
description: pages.blog.description
---

{% include hero/blog.html %}

<!--

__________ ____ ___.___.____     ________ ._.
\______   \    |   \   |    |    \______ \| |
 |    |  _/    |   /   |    |     |    |  \ |
 |    |   \    |  /|   |    |___  |    `   \|
 |______  /______/ |___|_______ \/_______  /_
        \/                     \/        \/\/

20170410_2224MST

-->

<div class="page page--blog">

	<section class="section">
		<div class="section__content content">
			<div class="featurepost-grid">
			{% for post in paginator.posts %}
			<!-- limit:10 -->
				<article class="featurepost">

					<div class="featurepost__preview {% if post.image %}featurepost__preview--image{% else %}featurepost__preview--no-image{% endif %}">
						{% if post.image %}
						<a href="{{ basenav }}{{ post.url }}"><img src="/assets/img/blog/{{ post.image }}" class="featurepost__image"></a>
						{% endif %}
					</div>

					<h2 class="featurepost__title"><a href="{{ basenav }}{{ post.url }}">{{ post.title }}</a></h2>

					<em class="featurepost__date">{{ post.date | date: "%b %d, %Y" }}</em>

					<p class="featurepost__description">{{ post.excerpt | strip_html | truncatewords: 50 }}</p>

					<div class="featurepost__divider"></div>
				</article>
			{% endfor %}
			</div>

			{% include pagination_navigation_all.html %}
		</div>
	</section>

</div>