{% extends "base.html" %}

{% block title %}{{ meta_data.title }} | by {{ meta_data.author }} {% endblock title %}

{% block header %}
<a class="return" href="/">ℵ₁ | IMK's BLOG</a>
<div class="relative mt-2 ml-4 flex w-full justify-center">
    <p class="title">{{ meta_data.title }}</p>
    <p>{{meta_data.description}}</p>
    <hr>
</div>
{% endblock header %}

{% block content %}
    <article 
        id="article-content"
    >
        {{ post | safe }}
    </article>
{% endblock content %}

{% block footer %}
    <div class="flex w-full h-full justify-center items-center">
	<img src="/static/assets/signature.svg" alt="IMK (signature)" style="max-width:2%;height:auto;">
    <hr>
    </div>
{% endblock footer %}