improved child cards from overview

2025-04-17 14:22:48 +02:00
parent 4743456bd8
commit b2513f7caf
1 changed files with 8 additions and 4 deletions
--- a/src/templates/article.html
+++ b/src/templates/article.html
@@ -7,7 +7,6 @@
    <link rel="stylesheet" href="/static/bulma.min.css" />
  </head>
  <body>
-    <!-- Header (Navbar) -->
    <nav
      class="navbar is-primary"
      role="navigation"
@@ -50,7 +49,7 @@
      {% if children|length %}
      <div class="container content">
        <div class="column is-half is-offset-one-quarter">
-          <h1>Child Articles</h1>
+          <h1>Further reading</h1>
        </div>
        <div class="column is-half is-offset-one-quarter">
            {% for c in children %}
@@ -58,9 +57,14 @@
                <a href="{{c.url}}" class="card mb-4" style="color: inherit; text-decoration: none;">
                    <div class="card-content">
                        <p class="title">{{c.slug}} </p>
-                        <p class="content">
-                            <time datetime="{{iso_date}}">{{date}}</time>
+                        <hr />
+                        <p class="content is-flex is-flex-direction-column" style="gap: 10px;">
+                          {% for ct in c.translations %}
+                          <a href="{{ct.url}}" hreflang="{{ct.language.code}}">{{ct.language.flag}}: {{ct.title}}</a>
+                          {% endfor %}
                        </p>
+                        <hr />
+                        <time datetime="{{iso_date}}">{{date}}</time>
                    </div>
                </a>
            </div>