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>&nbsp;{% if minutes == 0 %}{% assign minutes = 1 %}{% endif %} {{ minutes }} minute read

{% if post.tags.size > 0 %}
 &sim; Tagged with <i class="fa fa-tags"></i>{% if post.tags.size == 1 %} {% else %}{% endif %}&nbsp;:&nbsp;{% 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 %}&nbsp;&bull;&nbsp;{% endunless %}{% endfor %}{% endif %}

 {% if post.categories.size > 0 %}
  &sim; Filed in <i class="fa fa-briefcase"></i>{% if post.categories.size == 1 %} {% else %}{% endif %}&nbsp;:&nbsp;{% 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 %}&nbsp;&bull;&nbsp;{% 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}}">&larr; 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 &rarr;</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> &nbsp;&nbsp; {% 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> &nbsp;&nbsp; {% 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') + '&nbsp;' + 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>