{% extends "base.html" %}

{% block title %}
<title>{{ page.title }} | {{ config.title }}</title>
{% endblock %}

{% block content %}
<p>
  <div class="text-3xl">{{ page.title }}</div>
</p>
<p>
  <div class="text-sm mb-2 text-right">{{ page.date }}</div>
  <div class="text-right">
  {% if page.taxonomies.categories %}
      {% for category in page.taxonomies.categories %}
      &ensp;<a class="text-slate-50" href="{{ get_taxonomy_url(kind="categories", name=category) | safe }}">/{{ category }}</a>
      {% endfor %}
  {% endif %}
  {% if page.taxonomies.tags %}
      {% for tag in page.taxonomies.tags %}
      &ensp;<a class="text-slate-50" href="{{ get_taxonomy_url(kind="tags", name=tag) | safe }}">#{{ tag }}</a>
      {% endfor %}
  {% endif %}
  </div>
</p>

<p>
  {{ page.content | safe }}
</p>
<hr class="mb-4 border-amber-200" />

{% if page.extra.math %}
<script>
  MathJax = {
    tex: {
      inlineMath: [['$', '$'], ['\\(', '\\)']]
    }
  };
</script>
<script type="text/javascript" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
</script>
{% endif %}

{% endblock content %}
