{{ define "main" }}
<main id="work">
	<header class="page-header section">
		<div class="container">
			<h1 class="page-title">Here's a timeline of the work I've done.</h1>
		</div>
	</header>
	<section class="timeline section">
		<div class="container">
			{{ range .Pages.ByDate }}
				<article class="timeline-item {{ .Permalink | relURL | anchorize }}">
					<span class="timeline-item__daterange">
						<datetime class="timeline-item__date">{{ .Params.start }}</datetime> – <datetime class="timeline-item__date">{{ .Params.end }}</datetime>
					</span>
					<span class="timeline-item__at">at {{ .Params.at }}</span>
				<h2 class="timeline-item__title">{{ .Params.position }}</h2>
				<p class="timeline-item__summary">{{.Summary}}</p>
				<a class="timeline-item__readmore" href="{{ .Permalink }}">Read more...</a>
			</article>
			{{ end }}
		</div>
	</section>
	<section class="cta section">
		<div class="container">
			<h1 class="title">You could be here.</h1>
			<p class="blurb">I'm currently <strong>available</strong> for work. Let's get in touch.</p>
			<div class="buttons">
			<a href="mailto:a@trwnh.com" class="email button"><i class="fa fa-envelope"></i>Email me</a>
			<a href="https://resume.abdullahtarawneh.com" class="resume button"><i class="fa fa-id-card-o"></i> Résume (HTML)</a>
			<a href="https://resume.abdullahtarawneh.com/resume.pdf" class="resume button"><i class="fa fa-download"></i> Résume (PDF)</a>
			</div>
		</div>
	</section>
</main>
{{ end }}