From 9241ecfee8bb5bc3d8f329108cf1c4d7cb1f0030 Mon Sep 17 00:00:00 2001
From: Lars Noack <lars@webcontact.de>
Date: Wed, 16 Apr 2025 16:07:20 +0200
Subject: [PATCH] feat: added dynamic children cards in templates

---
 src/templates/article.html | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/templates/article.html b/src/templates/article.html
index 60f5877..68bbda8 100644
--- a/src/templates/article.html
+++ b/src/templates/article.html
@@ -27,8 +27,8 @@
         </div>
         <div class="column is-half is-offset-one-quarter">
           {% for t in translations %}
-            <div class="card mb-4" lang="{[t.language.code]}">
-              <a href="{{t.url}}" hreflang="{[t.language.code]}" class="card mb-4" style="color: inherit; text-decoration: none;">
+            <div class="card mb-4" lang="{{t.language.code}}">
+              <a href="{{t.url}}" hreflang="{{t.language.code}}" class="card mb-4" style="color: inherit; text-decoration: none;">
                   <div class="card-content">
                       <p class="title">{{t.language.flag}} {{t.title}} </p>
                       <p class="content">
@@ -43,14 +43,27 @@
         </div>
       </div>
 
+      {% if children|length %}
       <div class="container content">
         <div class="column is-half is-offset-one-quarter">
           <h1>Child Articles</h1>
         </div>
         <div class="column is-half is-offset-one-quarter">
-          {article_children_cards}
+            {% for c in children %}
+              <div class="card mb-4" >
+                <a href="{{c.url}}" class="card mb-4" style="color: inherit; text-decoration: none;">
+                    <div class="card-content">
+                        <p class="title">{{c.meta.slug}} </p>
+                        <p class="content">
+                            <time datetime="{{meta.iso_date}}">{{meta.date}}</time>
+                        </p>
+                    </div>
+                </a>
+            </div>
+          {% endfor %}
         </div>
       </div>
+      {% endif %}
     </section>
 
     <!-- Footer -->