-{% 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.created_at|date:"Y-m-d, H:i" }}</p>