Enabled fenced code in Markdown module and added CSS for this

[pcdenotes.git] / notes / templates / note.html

diff --git a/notes/templates/note.html b/notes/templates/note.html
index 0dbba5404ef4218717e95b117337e33138343113..b2b7519ebbed305b78603c975aa6d8cce17b7fd7 100644 (file)
--- a/notes/templates/note.html
+++ b/notes/templates/note.html
@@ -1,6 +1,7 @@
-{% 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>

 </article>
\ No newline at end of file
 </article>
\ No newline at end of file