index.html

---
layout: default
title: About me
---

<div class='landing-page'>
  <div class='photo'>
    <img src="/images/me.jpg" id='my-photo' />
  </div>

  <article class='blurb'>
    <h1>Hi! I'm Ryan!</h1>

    <p>
      You might know me from the <a href='/books'>books that I've written.</a>
    </p>

    <p>
      I <a href='/work'>work full-time</a> as a Lead Engineer, leading a team to ship high-quality software built in Ruby, React and TypeScript.
    </p>

    <p>
      If you're interested, you can <a href="/now">see what I'm doing now.</a>
    </p>

    I write <a href='/blog'>some interesting posts</a> from time-to-time.
    </p>
  </article>


  <div class="flex gap-4 text-center">
    <div class="md:w-1/2 md:mx-auto mx-8">
      <h2>Favourite Posts</h2>
      <a href="/2024/03/tailwind-has-won">
        <h2 class="post-preview-title">Tailwind has won</h2>
      </a>
      <a href="/2023/02/why-game-programming-and-why-magic">
        <h2 class="post-preview-title">Why game programming, and why Magic?</h2>
      </a>
      <a href="/2021/08/a-tour-of-twist">
        <h2 class="post-preview-title">A Tour of Twist</h2>
      </a>

    </div>
  </div>
</div>