{% import "macros/macros.html" as post_macros %}
{% import "macros/prev.html" as prev_macros %}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>kasperhermansen | {% block title %}{% endblock title %}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  {{ post_macros::styles() }}

  <script defer data-domain="blog.kasperhermansen.com" src="https://plausible.front.kjuulh.io/js/script.file-downloads.hash.outbound-links.pageview-props.tagged-events.js"></script>
  <script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>

  <meta name="description" content="Kasper Hermansen's blog is a hub of insights on platform engineering. ">
  <meta name="keywords" content="Kasper Hermansen, kjuulh, blog, technology, platform engineering, cloud native">
  <meta property="og:title" content="Kasper Hermansen's blog is a hub of insights on platform engineering">
  <meta property="og:description" content="Kasper Hermansen's blog is a hub of insights on platform engineering">
  <meta property="og:image" content="https://blog.kasperhermansen.com/images/kjuulh.jpg">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Kasper Hermansen's Blog">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Kasper Hermansen's blog is a hub of insights on platform engineering">
  <meta name="twitter:description" content="Kasper Hermansen's blog is a hub of insights on platform engineering">
  <meta name="twitter:image" content="https://blog.kasperhermansen.com/images/kjuulh.jpg">
  <meta name="twitter:creator" content="@kjuulh">

  <link rel="alternate" type="application/atom+xml" title="ATOM" href="{{ get_url(path="atom.xml", trailing_slash=false) }}">

  {% block extra_head %}
  {% endblock extra_head %}
</head>

<body>
  <section class="section container mx-auto">
    {% block content %} {% endblock %}
  </section>
  <footer>
    <footer class="mt-auto py-3">
      <div class="container mx-auto px-4">
        <div class="flex justify-center space-x-4">
          <a href="https://github.com/kjuulh" target="_blank" rel="noopener noreferrer"
            class="text-gray-300 hover:text-gray-900">
            <i class="fab fa-github"></i>
          </a>
          <a href="https://www.linkedin.com/in/kasper-hermansen-50b0b0132/" target="_blank" rel="noopener noreferrer"
            class="text-gray-300 hover:text-gray-900">
            <i class="fab fa-linkedin"></i>
          </a>
          <a href="https://git.front.kjuulh.io/kjuulh" target="_blank" rel="noopener noreferrer"
            class="text-gray-300 hover:text-gray-900 custom-icon h-6 w-6 gitea bg-cover"> </a>
          <a rel="me" href="https://fosstodon.org/@kjuulh" class="text-gray-300 hover:text-gray-900" target="_blank"><i
              class="fa-brands fa-mastodon"></i></a>
        </div>
      </div>
    </footer>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js"
      crossorigin="anonymous"></script>
  </footer>
</body>

</html>
