-{% load markdownify %}
-<article class="container mt-5">
-    <h2><a href="{{ note.get_absolute_url }}" class="link-dark">{{ note.title }}</a></h2>
-    <div class="mt-3">{{ note.content|linebreaksbr|markdownify }}</div>
-    <p class="fst-italic" style="font-size: smaller;">Published on {{ note.created_at|date:"Y-m-d, H:i" }}</p>
+{% load notes_extras %}
+<article{% if note.is_draft %} class="text-muted"{% endif %}>
+    <h2><a href="{{ note.get_absolute_url }}"{% if note.is_draft %} class="text-muted"{% endif %}>{{ note.title }}</a></h2>
+    {% if note.is_draft %}<p class="fw-bold">Status: Draft</p>{% endif %}
+    <div>{{ note.content|markdown|safe }}</div>
+    <p class="publication-date">Published on {{ note.publication_date|date:"Y-m-d, H:i O" }}</p>
 </article>
\ No newline at end of file