Hazel/STSG
1
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: added dynamic children cards in templates

Browse Source
This commit is contained in:
Hazel 2025-04-16 16:07:20 +02:00
parent 4bc7a6d980
commit 9241ecfee8
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/templates/article.html
View File

@ -27,8 +27,8 @@
</div> </div>
<div class="column is-half is-offset-one-quarter"> <div class="column is-half is-offset-one-quarter">
{% for t in translations %} {% for t in translations %}
<div class="card mb-4" lang="{[t.language.code]}"> <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;"> <a href="{{t.url}}" hreflang="{{t.language.code}}" class="card mb-4" style="color: inherit; text-decoration: none;">
<div class="card-content"> <div class="card-content">
<p class="title">{{t.language.flag}} {{t.title}} </p> <p class="title">{{t.language.flag}} {{t.title}} </p>
<p class="content"> <p class="content">
@ -43,14 +43,27 @@
</div> </div>
</div> </div>
{% 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>Child Articles</h1>
</div> </div>
<div class="column is-half is-offset-one-quarter"> <div class="column is-half is-offset-one-quarter">
{article_children_cards} {% for c in children %}
<div class="card mb-4" >
<a href="{{c.url}}" class="card mb-4" style="color: inherit; text-decoration: none;">
<div class="card-content">
<p class="title">{{c.meta.slug}} </p>
<p class="content">
<time datetime="{{meta.iso_date}}">{{meta.date}}</time>
</p>
</div>
</a>
</div>
{% endfor %}
</div> </div>
</div> </div>
{% endif %}
</section> </section>
<!-- Footer --> <!-- Footer -->