From 54d1f0292e7cedd983dbaeb29680eb69082ab55c Mon Sep 17 00:00:00 2001
From: Hazel Noack <hazel@webcontact.de>
Date: Mon, 19 May 2025 15:39:44 +0200
Subject: [PATCH] feat: added related articles

---
 src/templates/article_translation.html | 32 ++------------------------
 stsg/build.py                          |  4 ++++
 2 files changed, 6 insertions(+), 30 deletions(-)

diff --git a/src/templates/article_translation.html b/src/templates/article_translation.html
index c98dbe4..0c7d017 100644
--- a/src/templates/article_translation.html
+++ b/src/templates/article_translation.html
@@ -30,39 +30,11 @@
       </div>
     </section>
 
-    {% if linked|length %}
+    {% if related|length %}
     <section class="section">
       <div class="content">
         <div class="columns is-multiline">
-            {% for c in linked %}
-            <div class="column is-half">
-              <div class="card mb-4" >
-                <a href="{{c.url}}" hreflang="{{c.language.code}}" class="card mb-4" style="color: inherit; text-decoration: none;">
-                  <div class="card-content">
-                        <p class="title">{{c.title}}</p>
-                        <hr />
-                        <p class="content">
-                            {{c.preview}}
-                        </p>
-                    </div>
-
-                    <div class="card-footer">
-                      <time class="card-footer-item" datetime="{{c.meta.iso_date}}">{{c.meta.date}}</time>
-                    </div>
-                </a>
-            </div>
-          </div>
-          {% endfor %}
-        </div>
-      </div>
-    </section>
-    {% endif %}
-
-    {% if children|length %}
-    <section class="section">
-      <div class="content">
-        <div class="columns is-multiline">
-            {% for c in children %}
+            {% for c in related %}
             <div class="column is-half">
               <div class="card mb-4" >
                 <a href="{{c.url}}" hreflang="{{c.language.code}}" class="card mb-4" style="color: inherit; text-decoration: none;">
diff --git a/stsg/build.py b/stsg/build.py
index 41bef70..74e89e1 100644
--- a/stsg/build.py
+++ b/stsg/build.py
@@ -179,6 +179,7 @@ class ArticleTranslation:
         ]
 
         self.linked_context = self.context["linked"] = []
+        self.related_context = self.context["related"] = []
 
     def __init_content_context__(self):
         template = jinja2.Template(self.html_content)
@@ -197,6 +198,9 @@ class ArticleTranslation:
             if self.language_code in a.article_translations_map:
                 self.linked_context.append(a.article_translations_map[self.language_code].context)
 
+        self.related_context.extend(self.linked_context)
+        self.related_context.extend(self.context["children"])
+
         self.context["content"] = self.html_content
         self.context["preview"] = get_preview_text(html_string=self.html_content)