{% set card_style = '' %}
{% set text_style = 'text-dark' %}
{% set badge_style = 'badge-dark' %}

{% if post.extra.style and post.extra.style == 'fill' %}
  {% set card_style = 'bg-' ~ post.extra.color %}
  {% if post.extra.color != 'light' %}
    {% set text_style = 'text-white' %}
    {% set badge_style = 'badge-light text-' ~ post.extra.color %}
  {% endif %}
{% else %}
  {% set card_style = 'border border-' ~ post.extra.color %}
  {% if post.extra.color %}
    {% set badge_style = 'badge-' ~ post.extra.color %}
  {% endif %}
{% endif %}

{% if post.extra.external_url %}
  {% set post_url = post.extra.external_url %}
{% else %}
  {% set post_url = post.permalink %}
{% endif %}

<div class="col-lg-6 my-3 wow animated fadeIn" data-wow-delay=".15s">
  <a href="{{ post_url }}" class="post card {{ card_style }}">
    <div class="card-body {{ text_style }}">
      <h3 class="card-title">{{ post.title }}</h3>
      <p class="card-text">
        {% if post.taxonomies.tags %}{% for tag in post.taxonomies.tags %}
          {% if not current_tag or tag == current_tag %}
          <span class="badge {{ badge_style }}">{{ tag }}</span>
          {% endif %}
        {% endfor %}{% endif %}
      </p>
      <p class="card-text">
        {% if post.description %}
        {{ post.description }}
        {% else %}
        {{ post.content | striptags | truncate(length=150, end="<small><i>  read more...</i></small>") | safe }}
        {% endif %}
      </p>
    </div>
    <div class="card-footer {{ text_style }}">
      {{ post.date | date(format="%d %B %Y") }}
    </div>
  </a>
</div>