From 083b6653f96bcbbea1328090e4775b055ab01c03 Mon Sep 17 00:00:00 2001
From: Patrick Canterino <patrick@patrick-canterino.de>
Date: Sun, 23 Jan 2022 21:24:31 +0100
Subject: [PATCH] Modified templates

---
 notes/templates/note.html        |  6 ++++++
 notes/templates/note_base.html   | 20 ++++++++++++++++++++
 notes/templates/note_detail.html |  6 +-----
 notes/templates/note_list.html   |  9 ++-------
 4 files changed, 29 insertions(+), 12 deletions(-)
 create mode 100644 notes/templates/note.html

diff --git a/notes/templates/note.html b/notes/templates/note.html
new file mode 100644
index 0000000..0dbba54
--- /dev/null
+++ b/notes/templates/note.html
@@ -0,0 +1,6 @@
+{% 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>
+</article>
\ No newline at end of file
diff --git a/notes/templates/note_base.html b/notes/templates/note_base.html
index ca4eaaf..58cf3dd 100644
--- a/notes/templates/note_base.html
+++ b/notes/templates/note_base.html
@@ -18,5 +18,25 @@
   <div id="content" class="container mt-5">
     {% block content %}{% endblock %}
   </div>
+
+  <div class="container-fluid p-5 bg-dark text-white text-center mt-5">
+    <div class="row">
+      <div class="col-sm">
+        <ul>
+          <li>Row 1</li>
+        </ul>
+      </div>
+      <div class="col-sm">
+        <ul>
+          <li>Row 2</li>
+        </ul>
+      </div>
+      <div class="col-sm">
+        <ul>
+          <li>Row 3</li>
+        </ul>
+      </div>
+    </div>
+  </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/notes/templates/note_detail.html b/notes/templates/note_detail.html
index 22ea0e0..b097c55 100644
--- a/notes/templates/note_detail.html
+++ b/notes/templates/note_detail.html
@@ -4,9 +4,5 @@
 {% block title %}Notes - {{ note.title }}{% endblock %}
 
 {% block content %}
-  <article>
-    <h2>{{ note.title }}</h2>
-    {{ note.content|linebreaksbr|markdownify }}
-    <p>Date: {{ note.created_at|date:"Y-m-d H:i" }}</p>
-  </article>
+{% include "note.html" %}
 {% endblock %}
\ No newline at end of file
diff --git a/notes/templates/note_list.html b/notes/templates/note_list.html
index ffc256a..e77bce0 100644
--- a/notes/templates/note_list.html
+++ b/notes/templates/note_list.html
@@ -1,20 +1,15 @@
 {% extends "note_base.html" %}
-{% load markdownify %}
 
 {% block title %}Notes{% endblock %}
 
 {% block content %}
   {% for note in notes_page %}
-  <article class="container mt-5">
-    <h2><a href="{{ note.get_absolute_url }}" class="link-dark">{{ note.title }}</a></h2>
-    <div>{{ note.content|linebreaksbr|markdownify }}</div>
-    <p>Date: {{ note.created_at|date:"Y-m-d H:i" }}</p>
-  </article>
+  {% include "note.html" %}
   {% empty %}
   <p>No notes</p>
   {% endfor %}
 
-  <ul class="pagination">
+  <ul class="pagination mt-5">
     {% for page in pages %}
       {% ifnotequal page.number page_number %}
         <li class="page-item"><a href="?page={{ page.number }}" class="page-link">{{ page.number }}</a></li>
-- 
2.34.1