work.html

---
layout: default
title: Work
pageClass: '-no-padding-top'
stylesheets:
 - pages/work.css
---

{% include shapesHero.html heading="Highlighted Work" limiterClass="content-limiter -page" %}

<section class="content-limiter -page">
	<div class="page-desc">
		<p>
			I've worked on projects large and small, from just front-end development to
			taking on the entire architecture of complex websites. Below is a sampling
			of some of the projects I have worked on.
		</p>
	</div>

	{% assign ordered_projects = site.projects | sort: "order" %}

	{% for project in ordered_projects %}
		<div class="projects-tile">
			<h2 class="title">
				<a href="{{ project.url }}">{{ project.name }}</a>
			</h2>
			<p class="sub-title">{{ project.subtitle }} </p>
			<!-- The thumbnail is hidden as it's a duplicate link to the title, which
				is more clear -->
			<a href="{{ project.url }}" aria-hidden="true" tabindex="-1">
				<img src="{{ project.thumbnail }}" alt="">
			</a>
		</div>
	{% endfor %}
</section>