108 lines
3.6 KiB
HTML
108 lines
3.6 KiB
HTML
---
|
||
layout: default
|
||
---
|
||
|
||
<article
|
||
class="blog-post h-entry"
|
||
itemscope
|
||
itemtype="http://schema.org/BlogPosting"
|
||
>
|
||
<header class="blog-post__header">
|
||
<div class="blog-post__header__category"><span><a href="{{ page.category | relative_url}}">️{{ page.category }}</a></span></div>
|
||
<div>
|
||
<h3 class="blog-post__header__title" itemprop="name headline">
|
||
{{ page.title | escape }}
|
||
</h3>
|
||
</div>
|
||
<div class="blog-post__header__meta">
|
||
<time
|
||
datetime="{{ page.date | date: "%Y-%m-%d" }}"
|
||
itemprop="datePublished"
|
||
>
|
||
By
|
||
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||
<span class="blog-post__header__meta__author h-card" itemprop="name">
|
||
<a href="{{ 'about' | relative_url }}"
|
||
>{{ page.author }}</a>
|
||
</span> •
|
||
</span>
|
||
🗓️ <span>{% assign date_format = site.minima.date_format |
|
||
default: "%b %-d, %Y" %} {{ page.date | date: date_format }}
|
||
</span>
|
||
</time>
|
||
</div>
|
||
{% if page.image or page.remote-image %}
|
||
<img
|
||
class="blog-post__header__image"
|
||
{% if page.image-alt %}
|
||
alt="{{page.image-alt | escape}} • Header image for: {{page.title | escape}} • {{page.description | escape}} • {{site.title | escape}} • {{site.description | escape}} • {{site.author | escape}}"
|
||
{% else %}
|
||
alt="Header image for: {{page.title | escape}} • {{page.description | escape}} • {{site.title | escape}} • {{site.description | escape}} • {{site.author | escape}}"
|
||
{% endif %}
|
||
title="Header image for: {{page.title | escape}} • {{page.description | escape}} • {{site.title | escape}} • {{site.description | escape}} • {{site.author | escape}}"
|
||
|
||
{% if page.image %}
|
||
src="../assets/images/{{page.image}}.jpg"
|
||
{% elsif page.remote-image %}
|
||
src="{{page.remote-image}}"
|
||
{% endif %}
|
||
/>
|
||
|
||
<p class="blog-post__header__image-caption">
|
||
{% if page.image-alt %}
|
||
<span>
|
||
{{ page.image-alt }}
|
||
</span>
|
||
{% endif %}
|
||
{% if page.image-attrib %}
|
||
|
||
{% if page.image-alt %}
|
||
•
|
||
{% endif %}
|
||
{% if page.image-attrib-url %}
|
||
<span>
|
||
<a href="{{ page.image-attrib-url }}">Photo © {{ page.image-attrib }}</a>
|
||
</span>
|
||
{% else %}
|
||
<span>Photo © {{ page.image-attrib }}</span>
|
||
{% endif %}
|
||
{% endif %}
|
||
</p>
|
||
|
||
|
||
{% endif %}
|
||
</header>
|
||
|
||
<div class="blog-post__content e-content" itemprop="articleBody">
|
||
{{ content }}
|
||
</div>
|
||
|
||
<div class="blog-post__after-content">
|
||
<h2>Thoughts?</h2>
|
||
|
||
<div id="reply-by-email">
|
||
<a href="mailto:blog@ayco.io?subject=Re:%20{{page.title}}&body=%0A%0AResponse%20to:%20{{site.url}}{{page.url}}">Reply by private email</a>
|
||
</div>
|
||
|
||
<div id="fedi-link">
|
||
{% if page.fedi-url %}
|
||
<a href="{{ page.fedi-url }}">Join the conversation!</a>
|
||
{% else %}
|
||
<a href="https://sharetomastodon.github.io/?title=🎉 {{ page.title }} by {{page.author}} (@ayo@ayco.io)&url={{ site.url }}{{ page.url }}" target="_blank">
|
||
Share on Mastodon!
|
||
</a>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<div class="clear-both"></div>
|
||
|
||
<div id="rss-sign-up">
|
||
<span>For more <em>{{ page.category }}</em> posts like this, subscribe to my <a href={{'feed.xml' | relative_url}}>RSS feed</a></span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="blog-post__web-mentions">
|
||
</div>
|
||
<a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
|
||
</article>
|