layout: default
<html>
<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width">
<link href=“{{ site.baseurl }}/assets/css/tags-wrap.css” rel=“stylesheet” />
</head> <body>
{% assign post = page %}
<article> <!– Post Header –> <header class=“intro-header” style=“background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% endif %}')”>
<div class="container"> <div class="row"> <div class="post-heading"> <h1 style="color: #ffffff;">{{ page.title }}</h1> {% if page.subtitle %} <h2 class="subheading">{{ page.subtitle }}</h2> {% endif %} <span class="meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
<span class=“time-tag-categ” style=“font-size:.7em;background-color: #000000;”>
{% assign minutes = content | number_of_words | divided_by: 180 %} <i class=“fa fa-clock-o”></i> {% if minutes == 0 %}{% assign minutes = 1 %}{% endif %} {{ minutes }} minute read
{% if post.tags.size > 0 %} ∼ Tagged with <i class="fa fa-tags"></i>{% if post.tags.size == 1 %} {% else %}{% endif %} : {% for tag in page.tags %}<a href="{{ site.baseurl }}/tag/{{ tag | cgi_encode }}/" data-toggle="tooltip" title="Other posts tagged with {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %} • {% endunless %}{% endfor %}{% endif %} {% if post.categories.size > 0 %} ∼ Filed in <i class="fa fa-briefcase"></i>{% if post.categories.size == 1 %} {% else %}{% endif %} : {% for tag in page.categories %}<a href="{{ site.baseurl }}/{{ tag | cgi_encode }}/" data-toggle="tooltip" title="Other posts filed in {{ tag }} category" rel="tag">{{ tag }}</a>{% unless forloop.last %} • {% endunless %}{% endfor %%}{% endif %} </span> </div> </div> </div>
</header>
<!– Post Content –>
<div class="container"> <div class="row"> {{ content }} <br> <br> <br> {% include signoff.html %} <hr class="small"> {% if site.share %}{% include share.html %}{% endif %}
{% if site.comments %}{% include disqus_comments.html %}{% endif %}
<br> <ul class="pager"> {% if page.previous.url %} <li class="previous"> <a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">← Previous Post</a> </li> {% endif %} {% if page.next.url %} <li class="next"> <a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post →</a> </li> {% endif %} </ul> </div> </div>
</article>
<hr class=“medium”>
<div class="tags-wrap"> <div class="tags"> <div class="section-heading group" style="color: #fff; text-align: center; margin-top: 10px;"> <h3>Tags Cloud</h3> </div>
{% assign rawtags = “” %} {% for post in site.posts %} {% assign ttags = post.tags | join:'|' | append:'|' %} {% assign rawtags = rawtags | append:ttags %} {% endfor %}
{% assign rawtags = rawtags | split:'|' | sort %}
{% assign tags = “” %}
{% for tag in rawtags %} {% if tag != “” %}
{% if tags == “” %} {% assign tags = tag | split:'|' %} {% endif %}
{% unless tags contains tag %} {% assign tags = tags | join:'|' | append:'|' | append:tag | split:'|' %} {% endunless %} {% endif %} {% endfor %}
<div class="tag-list"> {% for tag in tags %}
<a href=“{{ site.baseurl }}/tag/{{ tag | slugify }}/” style=“text-decoration:none;”> {{ tag }} </a> {% endfor %}
</div>
</div>
<hr class=“medium”>
<div class=“categories”>
<div class="section-heading group" style="color: #fff; text-align: center; margin-top: 10px;"> <h3>Categories Cloud</h3> </div>
{% assign rawcategories = “” %} {% for post in site.posts %} {% assign tcategories = post.categories | join:'|' | append:'|' %} {% assign rawcategories = rawcategories | append:tcategories %} {% endfor %}
{% assign rawcategories = rawcategories | split:'|' | sort %}
{% assign categories = “” %}
{% for category in rawcategories %} {% if tag != “” %}
{% if categories == “” %} {% assign categories = category | split:'|' %} {% endif %}
{% unless categories contains category %} {% assign categories = categories | join:'|' | append:'|' | append:category | split:'|' %} {% endunless %} {% endif %} {% endfor %}
<div class="category-list"> {% for category in categories %}
<a href=“{{ site.baseurl }}/{{ category | slugify }}/”> {{ category }} </a> {% endfor %}
</div>
</div>
<hr class=“medium”>
</div>
<!– Custom Theme JavaScript –> <script src=“{{ site.baseurl }}/assets/js/main.min.js ”></script> <!– include image popups –> <script src=“{{ site.baseurl }}/assets/js/jquery.magnific-popup.js”></script>
<script type=“text/javascript”>
$(document).ready(function($) { $('a.popup').magnificPopup({ type: 'image', gallery:{ enabled:true, navigateByImgClick: true, preload: [0,1] // Will preload 0 - before current, and 1 after the current image },
image: {
titleSrc: function(item) { return item.el.attr('title') + ' ' + item.el.attr('data-caption'); } } // other options });
});
</script>
<!– adds the lightbox and some formatting clean-up –> <script type=“text/javascript”>
$( "article img" ).each(function() { $( this ).parent('a') .addClass( "popup" ) .attr('data-caption', '') .attr('title', $(this).attr('alt')) });
</script>
<script src=“{{ site.baseurl }}/assets/js/retina.min.js”></script> <!– include Masonry –> <script src=“{{ site.baseurl }}/assets/js/isotope.pkgd.min.js”></script> <!– include mousewheel plugins –> <script src=“{{ site.baseurl }}/assets/js/jquery.mousewheel.min.js”></script> <!– include carousel plugins –> <script src=“{{ site.baseurl}}/js/jquery.tinycarousel.min.js”></script> <!– include svg line drawing plugin –> <script src=“{{ site.baseurl }}/assets/js/jquery.lazylinepainter.min.js”></script> <!– include custom script –> <script src=“{{ site.baseurl }}/assets/js/scripts.js”></script>
</body> </html>