blog-post-card.html

{% assign card_classes = "" %}
{% if post.tags contains 'announcement' %}
  {% assign card_classes = card_classes | append: " is-announcement" %}
{% endif %}
{% if post.tags contains 'highlight' %}
  {% assign card_classes = card_classes | append: " is-highlight" %}
{% endif %}

<div class="well filter-item {{ card_classes }}" data-tags="{{ post.tags | join: ',' }}">
  <div class="post-content">
    <h3><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3>

    <p>
      {% if post.author %}
        {% for author_name in post.author %}
          {% assign author = site.data.contributors | where: "name", author_name | first %}
          <span class="author-link">
            <img src="{% if author.photo %}{{ site.baseurl }}/images/team/{{ author.photo }}{% else %}{{ site.baseurl }}/images/team/defaultDP.png{% endif %}" class="author-image" />
            {{ author_name }}
          </span>
        {% endfor %}
      {% endif %}
      <span class="text-muted">• {{ post.date | date: "%b %d, %Y" }}</span>
    </p>

    <p>{{ post.excerpt | strip_html | truncatewords: 40 }}</p>

    <div class="post-tags" markdown="0">
      {% for tag in post.tags %}
        <span class="tag-badge" onclick="applyTagFilter('{{ tag }}')">#{{ tag }}</span>
      {% endfor %}
    </div>
  </div>

  {% assign thumbnail_src = nil %}

  {% if post.thumbnail_image %}
    {% assign thumbnail_src = post.thumbnail_image %}
  {% elsif post.banner_image %}
    {% if post.banner_image contains 'gsoc-banner.png' %}
      {% assign thumbnail_src = "/images/gsoc-logo.svg" %}
    {% else %}
      {% assign thumbnail_src = post.banner_image %}
    {% endif %}
  {% endif %}

  {% if thumbnail_src %}
  <div class="thumbnail-container">
    <a href="{{ post.url | prepend: site.baseurl }}">
       <img src="{{ thumbnail_src }}" alt="Thumbnail" class="thumbnail-image" />
    </a>
  </div>
  {% endif %}

</div>