<!doctype html>
<html lang="en">
  <head>
    <title>{% block title %} {{title}} @michalvankodev {% endblock %}</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <meta name="theme-color" content="#333333" />

    <meta name="description" content="Personal website of @michalvankodev" />
    <meta name="keywords" content="personal, blog, webdev, tech, programming" />
    <meta name="robots" content="index, follow" />
    <link
      rel="alternate"
      type="application/rss+xml"
      title="RSS feed for latest posts"
      href="https://michalvanko.dev/feed.xml"
    />
    <link
      rel="alternate"
      title="JSON feed for latest posts"
      type="application/json"
      href="https://michalvanko.dev/feed.json"
    />

    <!-- Tailwind output file -->
    <link rel="stylesheet" href="/styles/output.css" />

    <link rel="stylesheet" href="/print.css" media="print" />
    <link rel="stylesheet" href="/fonts.css" />
    <link rel="manifest" href="/manifest.json" />
    <link rel="stylesheet" href="/prism.css" />

    <link rel="icon" type="image/svg+xml" href="/m-logo.svg" />
    <link rel="icon" type="image/png" href="/m-logo-192.png" />
  </head>
  <body class="bg-blue-50">
    {% include "site_header.html" %}
    {% block content %} Placeholder {% endblock %}
    {# footer, should be not dependant on the each individual handler but it should have it's own handler #}
    {{ site_footer|safe }}
  </body>
</html>