{{ 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 }}
				<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">wanna hire me?</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>
			</div>
		</div>
	</section>
</main>
{{ end }}