2014-03-23 19:40:19 +00:00
<!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" >
2014-03-24 13:42:20 +00:00
{{ page.image.feature | image }}
2014-03-23 19:40:19 +00:00
< / 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 %}
2014-03-24 13:42:20 +00:00
< h1 class = "entry-title" > < a href = "{{ page.url }}" rel = "bookmark" title = "{{ page.title }}" > {{ page.title }}< / a > < / h1 >
2014-03-23 19:40:19 +00:00
{% endif %}
< h2 > {{ page.date | date: "%B %d, %Y" }}< / h2 >
2014-06-14 20:23:13 +00:00
{% 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 %}
2014-03-23 19:40:19 +00:00
< / div > <!-- /.header - title - wrap -->
< / header >
< div class = "entry-content" >
{{ content }}
< footer class = "entry-meta" >
2014-06-14 20:23:13 +00:00
< 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 >
2014-03-24 13:42:20 +00:00
< 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 >
2014-03-23 19:40:19 +00:00
{% if page.modified %}(revised: < span class = "entry-date date modified" > < time datetime = "{{ page.modified }}" > {{ page.modified | date: "%m/%d/%Y" }}< / time > < / span > ){% endif %}
2014-03-24 13:42:20 +00:00
< span class = "author vcard" > < span class = "fn" > < a href = "/about/" title = "About {{ site.owner.name }}" > {{ site.owner.name }}< / a > < / span > < / span >
2014-03-23 19:40:19 +00:00
{% if page.share %}< div class = "social-share" >
< ul class = "socialcount socialcount-small inline-list" >
2014-06-14 20:23:13 +00:00
< 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 >
2014-03-23 19:40:19 +00:00
< / 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" >
2014-03-24 13:42:20 +00:00
< a href = "{{ page.previous.url }}" class = "read-more-btn" > Read More< / a >
2014-03-23 19:40:19 +00:00
< / div > <!-- /.read - more - header -->
< div class = "read-more-content" >
2014-03-24 13:42:20 +00:00
< h3 > < a href = "{{ post.url }}" title = "{{ post.title }}" > {{ post.title }}< / a > < / h3 >
2014-03-25 21:41:01 +00:00
< p > {% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | strip_newlines | truncate: 140 }}… {% endif %} < a href = "{{ post.url }}" > Continue Reading » < / a > < / p >
2014-03-23 19:40:19 +00:00
< / div > <!-- /.read - more - content -->
{% endfor %}
< div class = "read-more-list" >
{% for post in site.related_posts limit:2 offset:1 %}
< div class = "list-item" >
2014-03-24 13:42:20 +00:00
< h4 > < a href = "{{ post.url }}" title = "{{ post.title }}" > {{ post.title }}< / a > < / h4 >
2014-03-23 19:40:19 +00:00
< 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 -->
2014-03-24 13:42:20 +00:00
{% include scripts.html %}
2014-03-23 19:40:19 +00:00
< / body >
< / html >