blog/templates/macros/card.html
2023-04-08 19:43:40 +02:00

45 lines
1.7 KiB
HTML

{% macro create_card(link, img, title, subtitle, abstract, tags, date) %}
<div class="column is-one-third">
<div class="card has-equal-height">
<a href="{{ link | safe }}" style="height:100%">
<div class="card-content" style="height:100%">
<div class="title is-3 has-text-centered">{{ title }}</div>
<div class="title is-5 has-text-centered">{{ subtitle }}</div>
<div class="media">
<div class="content" style="width:100%;">
<hr/>
{{ abstract | markdown | safe }}
</div>
</div>
</div>
</a>
<footer class="card-footer">
<div class="card-footer-item">
{% for tag in tags %}
<a class="button is-small is-info is-light is-rounded mx-1" href="{{ get_url(path="tags/") }}/{{ tag }}"> {{ tag }}</a>
{% endfor %}
</div>
<div class="card-footer-item">
{{ date }}
</div>
</footer>
</div>
</div>
{% endmacro %}
{% macro create_card_tag(link, title) %}
<div class="column is-one-third">
<div class="card">
<a class="card-content" href={{ link }}{{ title }}>
<div class="media">
<div class="title is-3 has-text-centered">{{ title }}</div>
</div>
</a>
</div>
</div>
{% endmacro %}