index.html

---
layout: home
title: Kyle Boon | Principal Software Engineer
---
<div class="hero-section">
    <div class="profile-image">
        <picture>
            <source srcset="/assets/images/headshot.webp" type="image/webp">
            <img src="/assets/images/headshot.jpg" alt="Headshot photo of Kyle Boon" width="160" height="160">
        </picture>
    </div>
    <div class="intro-text">
        <p class="role-eyebrow">Principal Software Engineer</p>
        <h1>Kyle Boon</h1>
        <p class="tagline">Distributed systems, cloud architecture, and things I've shipped.</p>
        
        <div class="quick-links">
            <a href="/aboutme">About Me</a>
            <a href="/resume">Resume</a>
            <a href="/blog">Blog</a>
            <a href="/presentations">Technical Presentations</a>
            <a href="/woodworking">Woodworking</a>
            <a href="https://github.com/kyleboon">GitHub</a>
            <a href="https://www.linkedin.com/in/kyleboon/">LinkedIn</a>
            <a href="https://www.instagram.com/kyle.boon">Instagram</a>
        </div>
    </div>
</div>
<div class="blog-section">
    <h2>Recent Writing</h2>
    <ul class="post-list">
        {% for post in site.posts limit:5 %}
        <li class="post-item">
            <span class="post-date">{{ post.date | date: "%B %d, %Y" }}</span>
            <a href="{{ post.url }}" class="post-link">{{ post.title }}</a>
            {% if post.description %}
            <p class="post-description">{{ post.description }}</p>
            {% endif %}
        </li>
        {% endfor %}
    </ul>
</div>