{% extends "/_base.html" %}
{% block head %}
<!-- KaTex -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css" integrity="sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"></script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
          delimiters: [
              {left: '$$', right: '$$', display: false},
              {left: '\\[', right: '\\]', display: true},
          ],
          throwOnError : false
        });
    });
</script>

<style>
img {
    display: block;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
p {
    margin-top: 24px;
    margin-bottom: 24px;
}
</style>
{% endblock %}

{% block content %}
<h1>{{ title }}</h1>
<p class="faded">{{ date.isoformat() }}</p>
<article>
{{ content | safe }}
</article>
{% endblock %}