{% extends "base.html" %}

{% block content %}
<h1>{{ page.title }}</h1>
{% if page.toc and page.extra.toc %}
<div class="navtoc"><img src="/img/tinystar.gif" alt="tiny star">
{% for h1 in page.toc %}
    <a href="{{ h1.permalink | safe }}">{{ h1.title }}</a><img src="/img/tinystar.gif">
{% endfor %}
</div>
{% endif %}
<hr style="border: dashed 1px; color: var(--hovColor); width: 93%; margin: 1em auto;">
{{ page.content | safe }}
<p style="text-align: right; margin: auto; position:sticky; bottom: 15px;"><a href="#top" title="return to top">
    <i class="ph ph-arrow-line-up"></i>
  </a></p>
{% endblock content %}