62 lines
2.9 KiB
HTML
62 lines
2.9 KiB
HTML
{{ 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 }} |