From f5cccc30dc72f7b695d2d01180d38adb7841d9c0 Mon Sep 17 00:00:00 2001
From: Lars Noack <lars@webcontact.de>
Date: Wed, 16 Apr 2025 15:56:34 +0200
Subject: [PATCH] feat: dynamic translation cards

---
 src/templates/article.html | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)
diff --git a/src/templates/article.html b/src/templates/article.html
index aad4b13..6b9e6b0 100644
--- a/src/templates/article.html
+++ b/src/templates/article.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>{article_title}</title>
+    <title>{{meta.slug}}</title>
     <link rel="stylesheet" href="/static/bulma.min.css" />
   </head>
   <body>
@@ -26,7 +26,20 @@
           <h1>Translations</h1>
         </div>
         <div class="column is-half is-offset-one-quarter">
-          {article_translation_cards}
+          {% 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-content">
+                      <p class="title">{{t.language.flag}} {{t.title}} </p>
+                      <p class="content">
+                          {{t.preview}}
+                          <br />
+                          <time datetime="{{meta.iso_date}}">{{meta.date}}</time>
+                      </p>
+                  </div>
+              </a>
+          </div>
+        {% endfor %}
         </div>
       </div>
 
