feat: dynamic translation cards

This commit is contained in:
Hazel 2025-04-16 15:56:34 +02:00
parent 8a8f02c5bd
commit f5cccc30dc

View File

@ -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>