84 lines
3.4 KiB
HTML
84 lines
3.4 KiB
HTML
{{ define "main" }}
|
||
<main id="index">
|
||
<header class="section" id="intro">
|
||
<div class="container">
|
||
<h1 class="tagline"></h1>
|
||
<p class="blurb"></p>
|
||
</div>
|
||
</header>
|
||
<!--section class="section" id="about">
|
||
<div class="container">
|
||
<h2 class="title">who i am:</h2>
|
||
<h3 class="subtitle">knowledgeable.</h3>
|
||
<p class="blurb">i’ve been hungry for knowledge almost my entire life, and i'm always looking for new things to learn.</p>
|
||
<h3 class="subtitle">thoughtful.</h3>
|
||
<p class="blurb"></p>
|
||
<h3 class="subtitle">well-rounded.</h3>
|
||
<p class="blurb"></p>
|
||
</div>
|
||
</section>
|
||
<section class="section" id="skills">
|
||
<div class="container">
|
||
<h2 class="title">what i've done:</h2>
|
||
<section class="ia card">
|
||
<h3 class="card__title">information architecture and docs</h3>
|
||
<p class="card__desc">most notably, documentation for mastodon and pixelfed</p>
|
||
<img class="card__img" src="/images/graphics/ia.png">
|
||
</section>
|
||
<section class="pm card">
|
||
<h3 class="card__title">project and product management</h3>
|
||
<p class="card__desc">issue triage, design consultancy, and release planning</p>
|
||
<img class="card__img" src="/images/graphics/gantt.svg">
|
||
</section>
|
||
<section class="wdd card">
|
||
<h3 class="card__title">web design and development</h3>
|
||
<p class="card__desc">specializing in lightweight, statically-generated sites</p>
|
||
<img class="card__img" src="/images/graphics/ui.png">
|
||
</section>
|
||
<section class="coding card">
|
||
<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>
|
||
<img class="card__img" src="/images/graphics/tech.svg">
|
||
</section>
|
||
<section class="sysadm card">
|
||
<h3 class="card__title">tech and system administration</h3>
|
||
<p class="card__desc">managing linux servers for nonprofits and myself</p>
|
||
<img class="card__img" src="/images/graphics/tux.svg">
|
||
</section>
|
||
<section class="birdsounds card">
|
||
<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>
|
||
<img class="card__img" src="/images/cover/birdsounds.jpg">
|
||
</section>
|
||
</div>
|
||
</section-->
|
||
<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="contact">
|
||
<div class="container">
|
||
<h2 class="title">let's talk.</h2>
|
||
</div>
|
||
</section-->
|
||
</main>
|
||
{{ end }}
|