---
layout: default
js-package: blog
css-package: blog
---
{% if page.previous.url %}
<a href="{{page.previous.url}}" class="previous_post_anchor">
<div class="previous_post"></div>
</a>
{% endif %}
{% if page.next.url %}
<a href="{{page.next.url}}" class="next_post_anchor">
<div class="next_post"></div>
</a>
{% endif %}
{% if page.image.featured %}
<div class="container-fluid" {% if page.image.featured %}
style="background: #000 url({% asset_path '{{page.image.name}}' %}) no-repeat center center fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position-y: 0px"
class="jumbotron text-center featured-jumbotron homepage-image-jumbotron"
{% else %}
class="jumbotron text-center featured-jumbotron"
{% endif %}> <!--Fluid Container -->
{% if assets[page.image.name] %}
<div class="row"> <!--Row -->
<div id="featured-jumbotron" class="blog blog-full-page-image-info"> <!--Jumbotron div -->
<h1 class="text-center" id="featured-image-blog-title">{{page.title}}</h1>
{% if page.author %}
{% if site.authors %}
{% assign author = site.authors | where: "username", page.author | first %}
{% assign author-url = author.url %}
{% assign using-data-file = false %}
{% elsif site.data.authors %}
{% assign using-data-file = true %}
{% assign author = site.data.authors | where: "username", page.author | first %}
{% assign author-url = "#" %}
{% endif %}
{% if site.using-data-file %}
<img class="blog-author-image" style="
background-image:url({% if author.image.name %}
{% asset_path '{{author.image.name}}' %}
{% else %}
{% asset_path 'avatar-placeholder.png' %}
{% endif %})" />
{% else %}
<a href="{{author-url}}">
<img class="blog-author-image" style="
background-image:url({% if author.image.name %}
{% asset_path '{{author.image.name}}' %}
{% else %}
{% asset_path 'avatar-placeholder.png' %}
{% endif %})" />
</a>
{% endif %}
{% if page.co-author %}
{% if site.authors %}
{% assign co-author = site.authors | where: "username", page.author | first %}
{% assign co-author-url = co-author.url %}
{% elsif site.data.authors %}
{% assign co-author = site.data.authors | where: "username", page.author | first %}
{% endif %}
<a href="{{co-author-url}}">
<img class="blog-author-image" style="
background-image:url({% if co-author.image.name %}
{% asset_path '{{co-author.image.name}}' %}
{% else %}
{% asset_path 'avatar-placeholder.png' %}
{% endif %})" />
</a>
<br />
<small class="blog-author text-center">
{% if using-data-file %}
By
<em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
and
<em>{% if co-author.name %}{{co-author.name}}{% else %}{{page.co-author}}{% endif %}</em>
{% else %}
By
<a href="{{author-url}}">
<em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
</a>
and
<a href="{{co-author-url}}">
<em>{% if co-author.name %}{{co-author.name}}{% else %}{{page.co-author}}{% endif %}</em>
</a>
{% endif %}
</small>
<br />
{% else %}
<br />
<small class="blog-author text-center">
{% if using-data-file %}
By
<em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
{% else %}
By
<a href="{{author.url}}">
<em>{% if author.name %}{{author.name}}{% else %}{{page.author}}{% endif %}</em>
</a>
{% endif %}
</small>
<br />
{% endif %}
{% endif %}
{% if page.date %}<small class="blog-date text-center"><em>{{page.date | date: "%A, %B %-d, %Y"}}</em></small>{% endif %}
</div>
</div>
{% if page.shape-divider %}
{% include shape-divider.html %}
{% endif %}
</div>
{% endif %}
{% endif %}
<div class="container-fluid" id="content-container">
<div class="row">
<div class="container">
{% if site.data.settings.blog.sidebar.display-on-posts %}
<div class="col-md-9">
<article class="post-content">
{% unless page.image.featured %}
<div class="post-info">
<h1>{{page.title }}</h1>
{% if page.date %}<small class="blog-date text-center"><em>Posted on <b>{{page.date | date: "%A, %B %-d, %Y"}}</b></em></small>{% endif %}
{% if page.categories %}in <a href="/categories/#{{page.categories[0]}}">{{page.categories[0] | capitalize}}</a>{% endif %}
{% if page.author %}
{% assign author = site.authors | where: 'username' , page.author %}
{% assign author = author[0] %}
<em> By
{% if author %}
<a href="{{author.url}}">
<strong>
{{author.name}}
</strong>
</a>
{% else %}
<strong>
{{page.author}}
</strong>
{% endif %}
</em>
{% endif %}
</div>
{% endunless %}
{{ content }}
</article>
{% if page.featured-products %}
<h3>Featured Products</h3>
<hr />
<div class="row feautured-products-blog-row">
{% for each in page.featured-products %}
{% capture product-perma %}/product/{{each}}/{% endcapture %}
{% assign product = site.data.product_db.products | where: "product_permalink", product-perma | first %}
<div class="col-sm-6">
<div class="col-xs-3">
<div class="featured-product-blog-img">
<a href="{{product.product_permalink}}">
<img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="../../product/{{product.product_specification}}/{{each}}/images/{{product.product_images[0]}}" class="lazyload img-responsive" alt="{{product.product_title}}" />
</a>
</div>
</div>
<div class="col-xs-9">
<span class="featured-product-blog-title">{{product.product_title}}</h4>
<a class="btn btn-blog btn-xs btn-featured-product" href="{{product.product_permalink}}">View Product</a>
</div>
</div>
{% endfor %}
</div>
<hr/>
{% endif %}
{% comment %}
TAGS - Check to see if the tags_enabled setting in settings.yml data file is toggled.
{% endcomment %}
{% include post-tags.html %}
{% comment %}
COMMENTS - Check to see if comments are toggled for this particular post.
{% endcomment %}
{% include post-comments.html %}
</div>
<div class="col-md-3 blog-sidebar no-padding">
{% include post-sidebar.html %}
</div>
{% else %}
<div class="col-xs-12 no-padding">
<article class="post-content">
{% unless page.image.featured %}
<div class="post-info">
<h1>{{page.title }}</h1>
{% if page.date %}<small class="blog-date text-center"><em>Posted on <b>{{page.date | date: "%A, %B %-d, %Y"}}</b></em></small>{% endif %}
{% if page.categories %}in <a href="/categories/#{{page.categories[0]}}">{{page.categories[0] | capitalize}}</a>{% endif %}
{% if page.author %}
{% assign author = site.authors | where: 'username' , page.author %}
{% assign author = author[0] %}
<em> By
{% if author %}
<a href="{{author.url}}">
<strong>
{{author.name}}
</strong>
</a>
{% else %}
<strong>
{{page.author}}
</strong>
{% endif %}
</em>
{% endif %}
</div>
{% endunless %}
{{ content }}
</article>
</div>
{% endif %}
</div>
</div>
</div>