safing-web/_includes/thumbnail_blog.html

<li class="list-none mt-10 md:mt-0 grid">
  <div class="block transform hover:scale-95 duration-150 ease-in-out" style="max-width: 350px; justify-self: center;">
    <a href="{{ post.url }}">
      <div class="relative" style="max-width: 365px;">
        {% if post.custom_thumbnail_name == null %}
        <img src="{{ site.img_url }}thumbnails/blog/placeholder.png">
        {% else %}
          <img src="{{ site.img_url }}thumbnails/blog/{{ post.custom_thumbnail_name }}.png">
        {% endif %}
        {% if post.progress_update == true %}
        <span class="absolute text-white right-0 bottom-0 pr-3 pb-3" style="font-size: 3.1rem; font-weight: 800;" >#{{ post.title | slice: 2, 2 }}</span>
        {% endif %}
      </div>
      <div class="pt-6">
        <div class="flex w-full relative">
          <span class="opacity-25">
            {% if include.pre_header %}
              {{ include.pre_header }} -
            {% endif %}
            {{ post.date | date: "%-d. %b %Y" }}
            </span>
            <div class="flex-shrink-0 right-0 absolute right-0">
              <div class="flex ">
                <span class="transform hover:scale-110 duration-150 ease-in-out" tooltip="{{ post.author | capitalize }}">
                  <img class="inline-block h-6 w-6 rounded-full text-white shadow-solid border-2 border-transparent" src="{{ site.img_url }}profiles/{{ post.author | downcase }}.png" alt="{{ post.author | capitalize }}">
                </span>
              </div>
            </div>
        </div>
        {% if post.progress_update == true %}
          {% assign title_length = post.title | size %}
          <p>{{ post.title | slice: 7, title_length }} - #{{ post.title | slice: 2, 2 }}</p>
        {% else %}
          <p>{{ post.title }}</p>
        {% endif %}
      </div>
    </a>
  </div>
</li>