<!doctype html>
<html lang="en-gb">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="{{ get_url(path="css/index.css") }}" rel="stylesheet" integrity="sha384-{{ get_hash(path="css/index.css", sha_type=384, base64=true) | safe }}" />
{% block rss %}
<link rel="alternate" type="application/rss+xml" title="blog.polynom.me Atom feed" href="{{ get_url(path="atom.xml", trailing_slash=false) }}">
{% endblock %}
{% if page %}
<meta property="og:description" content="{{ page.description }}" />
<meta property="og:title" content="{{ page.title }}" />
<title>{{ page.title }}</title>
{% else %}
<meta property="og:description" content="{{ config.description }}" />
<meta property="og:title" content="{{ config.title }}" />
<title>{{ config.title }}</title>
{% endif %}
{% if page %}
{% if page.extra.mathjax %}
<script type='text/javascript' async src='{{ get_url(path="js/MathJax/MathJax.js") }}?config=TeX-AMS_CHTML' integrity="sha384-{{ get_hash(path="js/MathJax/MathJax.js", sha_type=384, base64=true) | safe }}"></script>
<script type='text/x-mathjax-config'>MathJax.Hub.Config({'CommonHTML': {scale: 100}, tex2jax: {inlineMath: [['$','$']]}});</script>
{% endif %}
{% endif %}
</head>
<body>
<div class="flex flex-col p-2 md:p-8 items-start md:w-4/5 mx-auto">
<!-- Header -->
<div class="flex flex-row self-center">
<img class="w-12 h-12 md:w-24 md:h-24 rounded-lg" src="{{ get_url(path="img/avatar.jpg") }}" integrity="sha384-{{ get_hash(path="img/avatar.jpg", sha_type=384, base64=true) | safe }}" alt="Profile picture"/>
<div class="ml-4 self-center">
<a class="self-center text-2xl font-bold" href="/">PapaTutuWawa's Blog</a>
<ul class="list-none">
<li class="inline mr-8"><a href="/">Posts</a></li>
<li class="inline mr-8"><a href="{{ get_url(path="atom.xml", trailing_slash=false) }}">RSS</a></li>
<li class="inline mr-8"><a href="https://polynom.me">About</a></li>
</ul>
</div>
</div>
{% block content %}{% endblock %}
</div>
</body>
</html>