{% macro create_card(link, img, title, subtitle, abstract, tags, date) %}
            <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%; 
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	display: -webkit-box;">
                            <hr class="mt-1"/>
                            {{ abstract | markdown | safe }}
                        </div>
                    </div>
                </div>
                </a>
                <footer class="mt-5 card">
                    <div  class="card-footer-item">
                    {% for tag in tags %}
                       {% set tag_permalink = get_taxonomy_url(kind="Tag", name=tag) %}
                        <a class="button is-small is-info is-light is-rounded mx-1" href="{{ tag_permalink }}"> {{ tag }}</a>
                      {% endfor %}
                    </div>
                    <div class="card-footer-item">
                        {{ date | date(format="%d %B %Y", locale="fr_FR") }}
                    </div>
                </footer>
            </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 %}

{% macro create_card_note(link, img, title, subtitle, abstract, tags, date) %}
            <div class="card has-equal-height">
            <a href="{{ link | safe }}"  style="height:100%">
                <div class="card-content" style="height:100%">
                        <div class="title is-5 has-text-centered">{{ title }}</div>
                        <div class="subtitle has-text-centered">{{ subtitle }}</div>
                    <div class="media">
                        <div class="content" style="width:100%;">
                            <hr class="mt-1"/>
                            {{ abstract | markdown | safe }}
                        </div>
                    </div>
                </div>
                </a>
                <footer class="mt-1 card-footer">
                    <div  class="card-footer-item">
                    {% for tag in tags %}
                       {% set tag_permalink = get_taxonomy_url(kind="Tag", name=tag) %}
                        <a class="button is-small is-info is-light is-rounded mx-1" href="{{ tag_permalink }}"> {{ tag }}</a>
                      {% endfor %}
                    </div>
                    <div class="card-footer-item">
                        {{ date | date(format="%d %b", locale="fr_FR") }}
                    </div>
                </footer>
            </div>
        
{% endmacro %}
