improved child cards from overview

This commit is contained in:
Hazel 2025-04-17 14:22:48 +02:00
parent 4743456bd8
commit b2513f7caf

View File

@ -7,7 +7,6 @@
<link rel="stylesheet" href="/static/bulma.min.css" /> <link rel="stylesheet" href="/static/bulma.min.css" />
</head> </head>
<body> <body>
<!-- Header (Navbar) -->
<nav <nav
class="navbar is-primary" class="navbar is-primary"
role="navigation" role="navigation"
@ -50,7 +49,7 @@
{% if children|length %} {% if children|length %}
<div class="container content"> <div class="container content">
<div class="column is-half is-offset-one-quarter"> <div class="column is-half is-offset-one-quarter">
<h1>Child Articles</h1> <h1>Further reading</h1>
</div> </div>
<div class="column is-half is-offset-one-quarter"> <div class="column is-half is-offset-one-quarter">
{% for c in children %} {% for c in children %}
@ -58,9 +57,14 @@
<a href="{{c.url}}" class="card mb-4" style="color: inherit; text-decoration: none;"> <a href="{{c.url}}" class="card mb-4" style="color: inherit; text-decoration: none;">
<div class="card-content"> <div class="card-content">
<p class="title">{{c.slug}} </p> <p class="title">{{c.slug}} </p>
<p class="content"> <hr />
<time datetime="{{iso_date}}">{{date}}</time> <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> </p>
<hr />
<time datetime="{{iso_date}}">{{date}}</time>
</div> </div>
</a> </a>
</div> </div>