add breadcrumbs in Forum posts

WidgetFEKK/Forum/static/Forum/details.css

@@ -2,6 +2,22 @@ body {
     padding: 64px 160px;
 }
 
+#back {
+    margin: 0 0 32px;
+    display: flex;
+    align-items: center;
+}
+
+#back a {
+    color: black;
+    text-decoration: none;
+    margin-left: 8px;
+}
+
+#back a:hover {
+    text-decoration: underline;
+}
+
 #thumbnail {
     width: 150px;
     height: 150px;

WidgetFEKK/Forum/templates/Forum/details.html

@@ -12,6 +12,17 @@
 
 {% block content %}
 <article>
+    <div id="back">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+            <path
+                fill-rule="evenodd"
+                d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"
+                stroke="black"
+            />
+        </svg>
+        <a href="/forum">Back to all posts</a>
+    </div>
+
     <img id="thumbnail" src="{% static 'Forum/thumbnail.jpg' %}" alt="placeholder image" />
     <h1 id="title">{{ post.post_title }}</h1>
     <h4 id="subtitle">by {{ post.author.first_name }} {{ post.author.last_name }}, {{ post.pub_date|date:"d/m/Y" }}</h4>