103 lines
3.2 KiB
HTML
103 lines
3.2 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>
|
||
<h1 class="blog-post__header__title" itemprop="name headline">
|
||
{{ page.title | escape }}
|
||
</h1>
|
||
<div class="blog-post__header__meta">
|
||
<address style="display:inline">By <a rel="author" href={{ 'about' | relative_url }}>{{ page.author }}</a></address style="display:inline">
|
||
<span style="display:inline"> • </span>
|
||
<time
|
||
datetime="{{ page.date | date: "%Y-%m-%d" }}"
|
||
itemprop="datePublished"
|
||
>
|
||
|
||
🗓️ {% assign date_format = "%b %-d, %Y" %} {{ page.date | date: date_format }}
|
||
</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 the post: {{page.title | escape}} - {{page.description | escape}}]"
|
||
{% else %}
|
||
alt="[Header image for the post: {{page.title | escape}} - {{page.description | escape}}]"
|
||
{% endif %}
|
||
|
||
title="[Header image for the post: {{page.title | escape}} - {{page.description | 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:{{site.email}}?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>
|