about.html

---
permalink: /about
title: About me
---

<div class="items-start space-y-2 grid xl:grid-cols-3 xl:gap-x-8 xl:space-y-0">
    <div class="flex flex-col items-center pt-8 space-x-2">
        <div>
            <div class="rounded-xl w-64 shadow-md">
                <img alt="avatar" aria-hidden="true" srcset="{{ '/images/me.png' }} 1x, {{ '/images/me.png' }} 2x" src="/images/me.png" class="w-64 rounded-xl">
            </div>
        </div>
        <h3 class="pt-4 pb-2 text-2xl font-bold leading-8 tracking-tight">Klaas Poortinga</h3>
        <div class="text-gray-500 dark:text-white">Software Engineer</div>
        <a href="https://www.tanqyou.com/" class="text-primary-700 hover:text-primary-600 dark:text-secondary-400 dark:hover:text-secondary-500" target="_blank">@ TanQyou</a>
    </div>

    <div class="pt-8 pb-8 prose dark:prose-dark max-w-none xl:col-span-2">
        {% capture aboutMe %}{% include about-me.md %}{% endcapture %}

        {{ aboutMe | markdownify }}
    </div>
</div>