{% extends "base.html" %}

{% block content %}
<!-- Container for posts -->
<div class="mx-auto mt-4 w-full md:max-w-prose">
    <h1 class="text-indigo-400 text-3xl">{{ page.title }}</h1>
  
    <span class="text-md mt-2">Posted on {{ page.date }}</span>

    {% if page.extra.mathjax %}
    <div class="mt-6">
      <div class="prose lg:prose-lg text-md text-white">NOTE: This post uses the JavaScript library MathJax to render math equations</div>
    </div>
    {% endif %}

    <!-- Actual article -->
    <article class="prose lg:prose-lg text-white mt-4">
      {{ page.content | safe }}
    </article>
  
    <!-- Common post footer -->
    <div class="mt-6">
      <span class="prose lg:prose-lg text-md text-white">
        If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption)
        to {{ config.extra.email.user }} [at] {{ config.extra.email.domain }} or reach out to me on the Fediverse at <a href="https://{{ config.extra.fedi.url }}">{{ config.extra.fedi.handle }}</a>. 
      </span>
    </div>
  </div>
  
{% endblock content %}