apollo-elements/apollo-elements

<div class="articles">
  {% for post in posts %}
    {% if post.data.published %}
      {% set cover = post.data.cover_image or post.data.socialMediaImage %}
      <article>
        <aside>
          {%- if cover -%}
            <a href="{{ post.url | url }}" class="thumbnail" aria-label="read more">
              <img src="{{ cover | url }}" alt="read more"></a>
            </a>
          {%- endif -%}
        </aside>
        <header>
          <h2><a href="{{ post.url | url }}">{{ post.data.title }}</a></h2>
          <time datetime="{{ post.date }}">{{ post.date | formatDate }}</time>
        </header>
        <div class="content">
          <p>{{ post.data.description }}</p>
          <a class="read" href="{{ post.url | url }}">Read more</a>
        </div>
      </article>
    {% endif %}
  {% endfor %}
</div>