index.html

---
layout: page
slug: home
---
<ol id="article-{{ page.slug }}_preview">{% for screenshot in site.screenshots %}{% if screenshot.slide %}
	<li data-state="inert">
		<a href="{{ screenshot.url | relative_url }}" title="{{ screenshot.title }}">
			<figure id="article-{{ page.slug }}_preview_{{ screenshot.slug }}" data-action="state.shift.up" data-state="none">
				<header>
					<hgroup>
						<h1>{{ screenshot.title }}</h1>
					</hgroup>
				</header>
				<div class="wrapper">
					<main>
						<img src="{{ screenshot.src | relative_url }}" alt="{{ screenshot.alt }}"/>
					</main>
				</div>
			</figure>
		</a>
	</li>{% endif %}
{% endfor %}
</ol>
{% for post in site.posts limit:5 %}
	{% if post.promoted %}
		<article id="article-{{ post.slug }}" class="post">
			<header>
				<hgroup>
					<h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
				</hgroup>
			</header>
			<div class="wrapper">
				<main>
					{{ post.excerpt }}
					<a href="{{ post.url | relative_url }}">Read more...</a>
				</main>
				<footer>{% if post.meta %}<p class="meta">{{ post.meta }}</p>{% endif %}</footer>
			</div>
		</article>
	{% endif %}
{% endfor %}