website/templates/page.html

{% extends "basic.html" %}

{% block title %}{{ config.title }} • {{ page.title }}{% endblock title %}

{% block content %}
<article class="post animated fadeInDown">
  <h1><a href="{{ page.permalink }}">{{ page.title }}</a></h1>
  {% if page.extra.author %}
  <div class="info">By {{ page.extra.author }}.</div>
  {% endif %}
  <div class="post-content">{{ page.content | safe }}</div>
  <div class="post-footer">
    <div class="meta">
      <div class="info">
        {% if page.date %}
        <i class="far fa-sun"></i><span class="date">{{ page.date | date(format=trans(key="date_format", lang=lang))
          }}</span>
        {% endif %}
        {% if page.taxonomies.tags %}
        <i class="fas fa-tags"></i>
        {% for tag in page.taxonomies.tags %}
        <a class="tag" href="{{ get_url(path=" @/_index.md", lang=lang) }}tags/{{tag}}">&nbsp;{{tag}}</a>
        {% endfor %}
        {% endif %}
      </div>
    </div>
  </div>
</article>

{% include "comments.html" %}
{% if page.extra.mathjax %}
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script>
  MathJax = {
    tex: {
      displayMath: [['$$', '$$'], ["\\[", "\\]"]],
      inlineMath: [['$', '$'], ['\\(', '\\)']]
    }
  };
</script>
<script type="text/javascript" id="MathJax-script" async
        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/{{ page.extra.mathjax }}-chtml.js">
        </script>
{% endif %}
{% if page.extra.tikzjax %}
<link rel="stylesheet" type="text/css" href="https://tikzjax.com/v1/fonts.css">
<style>
  .tikz>svg {
    overflow: visible;
  }

</style>
<script src="{{ get_url(path=" js/tikzjax.js", trailing_slash=false) }}"></script>
{% endif %}
{% if page.extra.mermaid %}
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script>mermaid.initialize({ startOnLoad: true });</script>
{% endif %}
{% endblock content %}