{% import "_macros" as macros %}

<div>
  <h2 class="text-xl font-bold">About me</h2>

  <div class="mt-4">
    <div class="flex space-x-4">
      <div class="flex flex-col flex-shrink-0 justify-start">
        <img src="{{ site.assets.url }}/assets/images/social-avatar.jpg" alt="Picture of Oliver" class="my-0 w-16 h-16 rounded-full ring-[3px] ring-blue-primary dark:ring-white">
      </div>

      <div class="{{ site.prose_classes }}">
        <p>I'm an Acquia-certified Drupal Triple Expert with {{ macros.yearsOfExperience }} years of experience, an open-source software maintainer and Drupal core contributor, <a href="/presentations">public speaker</a>, <a href="{{ site.youtube.channel.url }}/streams">live streamer</a>, and host of the <a href="/podcast">Beyond Blocks podcast</a>.</p>
      </div>
    </div>
  </div>
</div>