135 lines
4.1 KiB
HTML
135 lines
4.1 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__description">
|
|
<span>{{page.description}}</span>
|
|
</div>
|
|
<div class="blog-post__header__meta">
|
|
<span>
|
|
<time
|
|
datetime="{{ page.date | date_to_xmlschema }}"
|
|
itemprop="datePublished"
|
|
>
|
|
{% if page.author %} 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
|
|
>
|
|
| {% endif %} {% assign date_format = site.minima.date_format |
|
|
default: "%b %-d, %Y" %} {{ page.date | date: date_format }}
|
|
<time>
|
|
</span>
|
|
</div>
|
|
|
|
{% if page.image %}
|
|
<img
|
|
class="blog-post__header__image"
|
|
alt="{{ page.description | escape }} | Developer Blog How To"
|
|
title="{{page.description | escape}}"
|
|
src="../assets/images/{{page.image}}.jpg"
|
|
/>
|
|
{% if page.image-attrib %} {% if page.image-attrib-url %}
|
|
<p class="blog-post__header__image-caption">
|
|
<a href="{{ page.image-attrib-url }}" targe="_blank"
|
|
>Photo © {{ page.image-attrib }}</a
|
|
>
|
|
</p>
|
|
{% else %}
|
|
<p class="blog-post__header__image-caption">
|
|
Image © {{ page.image-attrib }}
|
|
</p>
|
|
{% endif %} {% endif %} {% endif %}
|
|
</header>
|
|
|
|
<div class="blog-post__content e-content" itemprop="articleBody">
|
|
{{ content }}
|
|
</div>
|
|
|
|
<div class="blog-post__after-content">
|
|
<div id="mc_embed_signup" class="float-left">
|
|
<form
|
|
action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&id=2366f7f35a"
|
|
method="post"
|
|
id="mc-embedded-subscribe-form"
|
|
name="mc-embedded-subscribe-form"
|
|
class="validate"
|
|
target="_blank"
|
|
novalidate
|
|
>
|
|
<div id="mc_embed_signup_scroll">
|
|
<label for="mce-EMAIL"
|
|
>Sign up to get {{ page.category }} posts like this and more.</label
|
|
>
|
|
<input
|
|
type="email"
|
|
value=""
|
|
name="EMAIL"
|
|
class="email"
|
|
id="mce-EMAIL"
|
|
placeholder="Enter your email address..."
|
|
required
|
|
/>
|
|
<div style="position: absolute; left: -5000px" aria-hidden="true">
|
|
<input
|
|
type="text"
|
|
name="b_85102052c447ce8a8bba06f24_2366f7f35a"
|
|
tabindex="-1"
|
|
value=""
|
|
/>
|
|
</div>
|
|
<div class="clear">
|
|
<input
|
|
type="submit"
|
|
value="Sign Up"
|
|
name="subscribe"
|
|
id="mc-embedded-subscribe"
|
|
class="button"
|
|
/>
|
|
</div>
|
|
<div class="subscription-message-div">
|
|
<div class="subscription-message-thumb float-left">
|
|
<img
|
|
src="../assets/images/ayo.jpg"
|
|
alt="Free exclusive web development tips!"
|
|
/>
|
|
</div>
|
|
<div class="subscription-message-text float-left">
|
|
<p>Cutting-edge productivity hacks for my subscribers.</p>
|
|
</div>
|
|
<div class="clear-both"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!--div class="blog-post__comment-section">
|
|
<h2>Thoughts? Post your comments here:</h2>
|
|
<div
|
|
class="fb-comments"
|
|
data-mobile="true"
|
|
data-href="{{site.url}}{{page.url}}"
|
|
data-numposts="5"
|
|
></div>
|
|
</div-->
|
|
|
|
{% if site.disqus.shortname %} {% include disqus_comments.html %} {% endif %}
|
|
|
|
<a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
|
|
</article>
|