{{ define "main" }}
<main id="work">
	<header class="section" id="intro">
		<div class="container">
			<h1 class="tagline">i can help you<br> <em>figure out the hard parts.</em></h1>
			<p class="blurb">need something done? perhaps a website, some documentation, or simply advice on a project? i'm here for you.</p>
			<a href="mailto:a@trwnh.com" class="primary button"><i class="fa fa-envelope fa-2x"></i><span>email me</span></a>
		</div>
	</header>
	<section class="section" id="praise">
		<div class="container">
			<h2 class="title">what others have said:</h2>
			<div class="testimonials">
				<div class="testimonial">
					<img class="avatar" width=32 height=32 src="/images/people/khalil.jpg">
					<p class="name">Khalil Saadiq,<br>former classmate</p>
					<blockquote class="bubble">it's scary how much you know.</blockquote>
				</div>
				<div class="testimonial">
					<img class="avatar" width=32 height=32 src="/images/people/gargron.jpg">
					<p class="name">Eugen Rochko,<br>Mastodon developer</p>
					<blockquote class="bubble">bless you for being here to work on the docs btw. it's a big relief.</blockquote>
				</div>
				<div class="testimonial">
					<img class="avatar" width=32 height=32 src="/images/people/dansup.jpg">
					<p class="name">Daniel Supernault,<br>Pixelfed developer</p>
					<blockquote class="bubble">i don't trust anyone as much as you to shape the direction of the project.</blockquote>
				</div>
			</div>
		</div>
	</section>
	<section class="section" id="timeline">
		<div class="container">
			<h2 class="title">here's a timeline of work i've done.</h2>
			<div class="timeline">
			{{ 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>
				<h3 class="timeline-item__title">{{ .Params.position }}</h3>
				<p class="timeline-item__summary">{{.Summary}}</p>
				<a class="timeline-item__readmore" href="{{ .Permalink }}">Read more...</a>
			</article>
			{{ end }}
			</div>
			<section class="cta section" id="hireme">
				<div class="">
					<h3 class="title">you could be here.</h3>
					<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 primary"><i class="fa fa-envelope"></i>Email me</a>
					<a href="https://resume.abdullahtarawneh.com" class="resume button secondary"><i class="fa fa-id-card-o"></i> Résume (HTML)</a>
					<a href="https://resume.abdullahtarawneh.com/resume.pdf" class="resume button secondary"><i class="fa fa-download"></i> Résume (PDF)</a>
					</div>
				</div>
			</section>
		</div>
	</section>
</main>
{{ end }}