From 7538220e9ace8eb0ecb018ae1eb5615816ad95c9 Mon Sep 17 00:00:00 2001
From: Calum Andrew Morrell <calum@drulum.com>
Date: Sun, 9 Nov 2025 21:43:02 +0000
Subject: [PATCH] Created basic templates to display news items, categories and
 tags.

---
 news/templates/news/category_list.html        | 21 +++++++++
 .../templates/news/includes/display_tags.html |  3 ++
 news/templates/news/newsitem_detail.html      | 17 +++++++
 news/templates/news/newsitem_list.html        | 45 +++++++++++++++++++
 news/templates/news/tag_list.html             | 17 +++++++
 5 files changed, 103 insertions(+)
 create mode 100644 news/templates/news/category_list.html
 create mode 100644 news/templates/news/includes/display_tags.html
 create mode 100644 news/templates/news/newsitem_detail.html
 create mode 100644 news/templates/news/newsitem_list.html
 create mode 100644 news/templates/news/tag_list.html

diff --git a/news/templates/news/category_list.html b/news/templates/news/category_list.html
new file mode 100644
index 0000000..ed34151
--- /dev/null
+++ b/news/templates/news/category_list.html
@@ -0,0 +1,21 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <main>
+        {% if object_list %}
+            <h3>Category List</h3>
+            <hr>
+            <ul>
+                {% for category in object_list %}
+                    <li>
+                        <a href="{{ category.get_absolute_url }}">{{ category.title }}</a>
+                        <!-- {% if category.introduction %} -->
+                            <!-- <hr> -->
+                            <!-- <p>{{ category.introduction }}</p> -->
+                        <!-- {% endif %} -->
+                    </li>
+                {% endfor %}
+            </ul>
+        {% endif %}
+    </main>
+{% endblock %}
diff --git a/news/templates/news/includes/display_tags.html b/news/templates/news/includes/display_tags.html
new file mode 100644
index 0000000..0ba6250
--- /dev/null
+++ b/news/templates/news/includes/display_tags.html
@@ -0,0 +1,3 @@
+{% for tag in newsitem.tags.all %}
+    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if tag != newsitem.tags.last %},{% endif %}
+{% endfor %}
diff --git a/news/templates/news/newsitem_detail.html b/news/templates/news/newsitem_detail.html
new file mode 100644
index 0000000..0ac6e3a
--- /dev/null
+++ b/news/templates/news/newsitem_detail.html
@@ -0,0 +1,17 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <article>
+        <h3>{{ newsitem.title }}</h3>
+        <p>{{ newsitem.created_at | date:'jS \o\f F, Y' }}</p>
+        <hr>
+        <div>
+            {{ newsitem.body_as_markdown|safe }}
+        </div>
+        <hr>
+        <div>
+            <span>Posted in the <a href="{% url 'news:list_category' category=newsitem.category.slug %}">{{ newsitem.category }}</a> category</span>
+            <span>{% include 'news/includes/display_tags.html' %}</span>
+        </div>
+    </article>
+{% endblock %}
diff --git a/news/templates/news/newsitem_list.html b/news/templates/news/newsitem_list.html
new file mode 100644
index 0000000..f05453c
--- /dev/null
+++ b/news/templates/news/newsitem_list.html
@@ -0,0 +1,45 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <main>
+        {% if object_list %}
+            {% if category %}
+                <h3>{{ category }} News</h3>
+                <!-- {% if category.introduction %} -->
+                    <!-- <div> -->
+                        <!-- <p>{{ category.introduction }}</p> -->
+                    <!-- </div> -->
+                <!-- {% endif %} -->
+            {% elif tag %}
+                <h3>News for tag: {{ tag }}</h3>
+            {% else %}
+                <h3>Recent News</h3>
+            {% endif %}
+            <hr>
+            <div>
+                {% for news in object_list %}
+                    <div>
+                        <a href="{{ news.get_absolute_url }}">{{ news.title }}</a>
+                        <hr >
+                        <div>
+                            <span>
+                                <a href="{% url 'news:list_category' category=news.category.slug %}">{{ news.category }} </a>
+                                &bull; {{ news.created | date:'jS \o\f F, Y' }}
+                            </span>
+                            <span>{% include 'news/includes/display_tags.html' %}</span>
+                        </div>
+                    </div>
+                {% endfor %}
+            </div>
+        {% else %}
+            <div>
+                <h3>Oops!</h3>
+                <h5>It looks like there is no news for that {% if category %}category{% elif tag %}tag{% endif %} yet.</h5>
+                <p>(sorry not sorry)</p>
+            </div>
+        {% endif %}
+        {% if page_obj.has_previous or page_obj.has_next %}
+            {% include 'pagination.html' %}
+        {% endif %}
+    </main>
+{% endblock %}
diff --git a/news/templates/news/tag_list.html b/news/templates/news/tag_list.html
new file mode 100644
index 0000000..58113ee
--- /dev/null
+++ b/news/templates/news/tag_list.html
@@ -0,0 +1,17 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <main>
+        {% if object_list %}
+            <h3>List of Tags</h3>
+            <hr>
+            <ul>
+                {% for tag in object_list %}
+                    <li>
+                        <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    </li>
+                {% endfor %}
+            </ul>
+        {% endif %}
+    </main>
+{% endblock %}