feat: dynamic translation cards

2025-04-16 15:56:34 +02:00
parent 8a8f02c5bd
commit f5cccc30dc
1 changed files with 15 additions and 2 deletions
--- 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>