hacks-guide-minimal-mistake.../_includes/archive-grid-single.html
Michael Rose eb2f3d052a Create grid styling for related posts module
- Add default teaser image
- Disable image watch gulp task
2016-03-18 15:07:02 -04:00

25 lines
1,008 B
HTML

{% include base_path %}
{% if post.header.teaser %}
{% capture teaser %}{{ post.header.teaser }}{% endcapture %}
{% else %}
{% capture teaser %}{{ site.teaser }}{% endcapture %}
{% endif %}
<div class="grid__item">
<a href="{{ base_path }}{{ post.url }}">
<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">
<div class="archive__item-teaser">
<img src=
{% if teaser contains "http" %}
"{{ teaser }}"
{% else %}
"{{ teaser | prepend: "/images/" | prepend: base_path }}"
{% endif %}
alt="{{ page.title }}">
</div>
<h2 class="archive__item-title" itemprop="headline">{% if post.id %}{{ post.title | markdownify | remove: "<p>" | remove: "</p>" }}{% else %}{{ post.title }}{% endif %}</h2>
{% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
</article>
</a>
</div>