abdullahtarawneh.com/layouts/index.html
2021-10-18 03:33:36 -05:00

87 lines
3.5 KiB
HTML

{{ define "main" }}
<main>
<header class="section" id="introduction">
<div class="container">
<h1 class="blurb">pay me to solve your problems.</h1>
</div>
</header>
<section class="section" id="about">
<div class="container">
<h2 class="section-heading">what i've done:</h2>
<div class="cards">
<div class="card">
<img class="card__img" src="/images/mastodocs.jpg">
<div class="card__body">
<h3 class="card__title">information architecture and docs</h3>
<p class="card__desc">most notably, documentation for mastodon and pixelfed</p>
</div>
</div>
<div class="card">
<img class="card__img" src="/images/pixelfed.jpg">
<div class="card__body">
<h3 class="card__title">project and product management</h3>
<p class="card__desc">issue triage, design consultancy, and release planning</p>
</div>
</div>
<div class="card">
<img class="card__img" src="/images/namecheap.jpg">
<div class="card__body">
<h3 class="card__title">code snippets and contributions</h3>
<p class="card__desc">active in various open-source projects, as well as personal scripts</p>
</div>
</div>
<div class="card">
<img class="card__img" src="/images/go-fed.png">
<div class="card__body">
<h3 class="card__title">web design and development</h3>
<p class="card__desc">specializing in lightweight, statically-generated sites</p>
</div>
</div>
<div class="card">
<img class="card__img" src="/images/eqin.jpg">
<div class="card__body">
<h3 class="card__title">tech and system administration</h3>
<p class="card__desc">managing linux servers for nonprofits and myself</p>
</div>
</div>
<div class="card">
<img class="card__img" src="/images/birdsounds.jpg">
<div class="card__body">
<h3 class="card__title">skillful photography</h3>
<p class="card__desc">see <a href="https://birdsounds.media">birdsounds.media</a> for my portfolio of concert photos</p>
</div>
</div>
</div>
</div>
</section>
<section class="section" id="praise">
<div class="container">
<h2 class="section-heading">what others have said about me:</h2>
<div class="testimonials">
<div class="testimonial">
<img class="avatar" width=32 height=32 src="/images/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/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/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="contact">
<div class="container">
<h2 class="section-heading">let's talk.</h2>
<p>if you'd like me to do something for you, then the best way to get in touch with me is to email <a href="mailto:a@trwnh.com">a@trwnh.com</a> with your proposal. i am currently open for hiring as well.</p>
<a href="https://resume.abdullahtarawneh.com" class="cta button">view resume</a>
</div>
</section>
</main>
{{ end }}