Added basic bootstrap layout

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

diff --git a/notes/templates/note_list.html b/notes/templates/note_list.html
index 9f1554c1f2446c77b9fe9e7461858a5aedf95de4..e996fb251595e36ffdd3185e62022096d6183424 100644 (file)
--- a/notes/templates/note_list.html
+++ b/notes/templates/note_list.html
@@ -4,16 +4,17 @@
 {% block title %}Notes{% endblock %}
 
 {% block content %}
-    <h1>Notes</h1>
-    {% for note in notes %}
+  {% for note in notes %}
+  <article class="container mt-5">
     <h2>{{ note.title }}</h2>
     <p>ID: {{ note.id }}</p>
     <div>{{ note.content|linebreaksbr|markdownify }}</div>
     <p>Link: <a href="{{ note.get_absolute_url }}">View</a></p>
     <p>Date: {{ note.created_at|date:"Y-m-d H:i" }}</p>
-    {% empty %}
-    <p>No notes</p>
-    {% endfor %}
+  </article>
+  {% empty %}
+  <p>No notes</p>
+  {% endfor %}
 
-    <p>Number of notes: {{ notes_count }}</p>
+  <p>Number of notes: {{ notes_count }}</p>
 {% endblock %}
\ No newline at end of file