<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
  <div class="flex-1">
    <a href={{ post.permalink }} class="block">
      <div class="flex-shrink-0">
        {% if post.extra.imgPath %}
        <img class="h-48 w-full mx-auto object-cover" src={{ post.permalink }}{{post.extra.imgPath}} alt="" />
        {%endif %}
    </div>
      <div class="flex-1 bg-white p-6 flex flex-col justify-between">

        <h3 class="mt-2 text-xl leading-7 font-medium text-gray-900 text-left not-italic">
          {{ post.title }}
        </h3>
        {% if post.description %}
        <p class="mt-3 text-sm font-normal leading-6 text-gray-500 text-left">
          {{ post.description }}
        </p>
        {% endif %}
    </a>
  </div>
</div>
</div>