drulum/articles/templates/articles/article_detail.html

28 lines
1.3 KiB
HTML

{% extends 'base.html' %}
{% block content %}
<article class="max-w-5xl mx-auto my-4 px-8">
<h3 class="text-6xl font-extrabold">{{ article.title }}</h3>
{% if article.subtitle %}
<h5 class="text-4xl italic font-medium">{{ article.subtitle }}</h5>
{% endif %}
<p class="text-sm">Added on the {{ article.created | date:'jS \o\f F, Y' }}
{% if article.created.date != article.updated.date %}
and updated on the {{ article.updated | date:'jS \o\f F, Y' }}
{% endif %}
</p>
<hr class="my-2">
{% if article.introduction %}
<p class="text-justify italic">{{ article.introduction|linebreaksbr }}</p>
<hr class="my-2">
{% endif %}
<div class="prose md:prose-lg lg:prose-xl max-w-none prose-img:rounded-2xl">
{{ article.body_as_markdown|safe }}
</div>
<hr class="my-2">
<div class="flex justify-between text-neutral-400">
<span>Posted in the <a class="hover:text-red-400" href="{% url 'articles:list_category' category=article.category.slug %}">{{ article.category }}</a> category</span>
<span>{% include 'articles/includes/display_tags.html' %}</span>
</div>
</article>
{% endblock %}