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 = "page" { % if page . image . feature % } class = "feature" { % endif % } >
{% include browser-upgrade.html %}
{% include navigation.html %}
{% if page.image.feature %}
< div class = "entry-header" >
2014-03-24 13:42:20 +00:00
{% 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 %}
2014-03-23 19:40:19 +00:00
< 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 = "entry" >
< header class = "header-title" >
< div class = "header-title-wrap" >
< h1 class = "entry-title" > {{ page.title }}< / h1 >
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" >
{% if page.modified %}{{ page.title }} was last modified on < span class = "entry-date date modified" > < time datetime = "{{ page.modified }}" > {{ page.modified }}< / time > < / span >
< span class = "author vcard fn" > {{ site.owner.name }}< / span > {% endif %}
{% if page.share %}< div class = "social-share" >
< ul class = "socialcount socialcount-small inline-list" data-url = "{{ site.url }}{{ page.url }}" data-share-text = "{{ page.title }}" >
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" > < / 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" > < / 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" > < / 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 %}
< / 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 >