trimill.xyz/flaskr/templates/_blog.html
2024-05-12 19:21:34 -04:00

40 lines
1.3 KiB
HTML

{% 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">
<link rel="stylesheet" href="/static/pygments.css">
<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 %}