89a44dc057
- Remove `target="_blank"` anti-pattern - If link post point title to source article - Switch star icon to a link to indicate "permalink" and markup semantically with `rel="permalink"` - Reduce opacity of permalink icon - Adjust hover styles due to shuffling around <a> element - Close #276
40 lines
1.6 KiB
HTML
40 lines
1.6 KiB
HTML
{% include base_path %}
|
|
|
|
{% if post.header.teaser %}
|
|
{% capture teaser %}{{ post.header.teaser }}{% endcapture %}
|
|
{% else %}
|
|
{% capture teaser %}{{ site.teaser }}{% endcapture %}
|
|
{% endif %}
|
|
|
|
{% if post.id %}
|
|
{% assign title = post.title | markdownify | remove: "<p>" | remove: "</p>" %}
|
|
{% else %}
|
|
{% assign title = post.title %}
|
|
{% endif %}
|
|
|
|
<div class="{{ include.type | default: "list" }}__item">
|
|
<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">
|
|
{% if include.type == "grid" and teaser != blank %}
|
|
<div class="archive__item-teaser">
|
|
<img src=
|
|
{% if teaser contains "://" %}
|
|
"{{ teaser }}"
|
|
{% else %}
|
|
"{{ teaser | prepend: "/images/" | prepend: base_path }}"
|
|
{% endif %}
|
|
alt="">
|
|
</div>
|
|
{% endif %}
|
|
<h2 class="archive__item-title" itemprop="headline">
|
|
{% if post.link %}
|
|
<a href="{{ post.link }}">{{ title }}</a> <a href="{{ base_path }}{{ post.url }}" rel="permalink"><i class="fa fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>
|
|
{% else %}
|
|
<a href="{{ base_path }}{{ post.url }}" rel="permalink">{{ title }}</a>
|
|
{% endif %}
|
|
</h2>
|
|
{% if post.read_time %}
|
|
<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
|
|
{% endif %}
|
|
{% if post.excerpt %}<p class="archive__item-excerpt" itemprop="description">{{ post.excerpt | markdownify | strip_html | truncate: 160 }}</p>{% endif %}
|
|
</article>
|
|
</div> |