blog/templates/macros/media.html

{% macro create_media(link, img, title, abstract, tags, date) %}

<article class="media has-equal-height divide note p-4" >
  <div class="media-content media-flex" style="overflow-y: clip;">
        <a href="#" class="has-equal-height" style="width: 100%">
          <h4 class="title is-4">{{ title }}</h4>
          <div class="content has-text-justified">
              {{ abstract | markdown | safe }}
          </div>
        </a>
        <div class="buttons mt-1">
         {% for tag in tags %}
                        <a class="button is-small is-info is-light is-rounded" href="{{ get_url(path="tags/")  }}/{{ tag }}"> {{ tag }}</a>
        {% endfor %}</a>
        </div>
</article>
{% endmacro %}