93 lines
5 KiB
HTML
93 lines
5 KiB
HTML
<!doctype html>
|
|
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
|
|
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
|
|
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
|
|
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"><!--<![endif]-->
|
|
<head>
|
|
{% include head.html %}
|
|
</head>
|
|
|
|
<body id="post" {% if page.image.feature %}class="feature"{% endif %}>
|
|
|
|
{% include browser-upgrade.html %}
|
|
{% include navigation.html %}
|
|
|
|
{% if page.image.feature %}
|
|
<div class="entry-header">
|
|
{% if page.image.credit %}<div class="image-credit">Image source: {% if page.image.creditlink %}<a href="{{ page.image.creditlink }}">{% endif %}{{ page.image.credit }}{% if page.image.creditlink %}</a>{% endif %}</div><!-- /.image-credit -->{% endif %}
|
|
<div class="entry-image">
|
|
{{ page.image.feature | image }}
|
|
</div><!-- /.entry-image -->
|
|
</div><!-- /.entry-header -->
|
|
{% endif %}
|
|
|
|
<div id="main" role="main">
|
|
<article class="hentry">
|
|
<header class="header-title">
|
|
<div class="header-title-wrap">
|
|
{% if page.link %}
|
|
<h1 class="entry-title"><a href="{{ page.link }}">{{ page.title }}</a></h1>
|
|
{% else %}
|
|
<h1 class="entry-title"><a href="{{ page.url }}" rel="bookmark" title="{{ page.title }}">{{ page.title }}</a></h1>
|
|
{% endif %}
|
|
<h2>{{ page.date | date: "%B %d, %Y" }}</h2>
|
|
{% if site.reading_time %}
|
|
<p class="entry-reading-time">
|
|
<i class="fa fa-clock-o"></i>
|
|
{% assign readtime = content | number_of_words | divided_by:site.words_per_minute %}
|
|
Reading time ~{% if readtime <= 1 %}1 minute{% else %}{{ readtime }} minutes{% endif %}
|
|
</p><!-- /.entry-reading-time -->
|
|
{% endif %}
|
|
</div><!-- /.header-title-wrap -->
|
|
</header>
|
|
<div class="entry-content">
|
|
{{ content }}
|
|
<footer class="entry-meta">
|
|
<span class="entry-tags">{% for tag in page.tags %}<a href="/tags/#{{ tag }}" title="Pages tagged {{ tag }}" class="tag">{{ tag }}</a>{% unless forloop.last %}{% endunless %}{% endfor %}</span>
|
|
<span><a href="{{ page.url }}" rel="bookmark" title="{{ page.title }}">{{ page.title }}</a> was published on <span class="entry-date date published updated"><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></span></span>
|
|
{% if page.modified %}(revised: <span class="entry-date date modified"><time datetime="{{ page.modified }}">{{ page.modified | date: "%m/%d/%Y" }}</time></span>){% endif %}
|
|
<span class="author vcard"><span class="fn"><a href="/about/" title="About {{ site.owner.name }}">{{ site.owner.name }}</a></span></span>
|
|
{% if page.share %}<div class="social-share">
|
|
<ul class="socialcount socialcount-small inline-list">
|
|
<li class="facebook"><a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" title="Share on Facebook"><span class="count"><i class="fa fa-facebook-square"></i> Like</span></a></li>
|
|
<li class="twitter"><a href="https://twitter.com/intent/tweet?text={{ site.url }}{{ page.url }}" title="Share on Twitter"><span class="count"><i class="fa fa-twitter-square"></i> Tweet</span></a></li>
|
|
<li class="googleplus"><a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" title="Share on Google Plus"><span class="count"><i class="fa fa-google-plus-square"></i> +1</span></a></li>
|
|
</ul>
|
|
</div><!-- /.social-share -->{% endif %}
|
|
</footer>
|
|
</div><!-- /.entry-content -->
|
|
{% if site.disqus_shortname and page.comments %}<section id="disqus_thread"></section><!-- /#disqus_thread -->{% endif %}
|
|
{% if site.related_posts.size %}
|
|
<div class="read-more">
|
|
{% for post in site.related_posts limit:1 %}
|
|
<div class="read-more-header">
|
|
<a href="{{ page.previous.url }}" class="read-more-btn">Read More</a>
|
|
</div><!-- /.read-more-header -->
|
|
<div class="read-more-content">
|
|
<h3><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h3>
|
|
<p>{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 140 }}…{% endif %} <a href="{{ post.url }}">Continue Reading »</a></p>
|
|
</div><!-- /.read-more-content -->
|
|
{% endfor %}
|
|
<div class="read-more-list">
|
|
{% for post in site.related_posts limit:2 offset:1 %}
|
|
<div class="list-item">
|
|
<h4><a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></h4>
|
|
<span>Published on {{ post.date | date: "%B %d, %Y" }}</span>
|
|
</div><!-- /.list-item -->
|
|
{% endfor %}
|
|
</div><!-- /.read-more-list -->
|
|
{% endif %}
|
|
</div><!-- /.read-more -->
|
|
</article>
|
|
</div><!-- /#main -->
|
|
|
|
<div class="footer-wrapper">
|
|
<footer role="contentinfo">
|
|
{% include footer.html %}
|
|
</footer>
|
|
</div><!-- /.footer-wrapper -->
|
|
|
|
{% include scripts.html %}
|
|
|
|
</body>
|
|
</html>
|