---
layout: base
---

{% assign post = page %}
{% if post.tags.size > 0 %}
    {% capture tags_content %}Post tags {% if post.tags.size == 1 %}<i class="fa fa-tag"></i>{% else %}<i class="fa fa-tags"></i>{% endif %}: {% endcapture %}
    {% for post_tag in post.tags %}
        {% for data_tag in site.data.tags %}
            {% if data_tag.slug == post_tag %}
                {% assign tag = data_tag %}
            {% endif %}
        {% endfor %}
        {% if tag %}
            {% capture tags_content_temp %}{{ tags_content }}<a href="/blog/tags/{{ tag.slug }}.html">{{ tag.name }}</a>{% if forloop.last == false %}, {% endif %}{% endcapture %}
            {% assign tags_content = tags_content_temp %}
        {% endif %}
    {% endfor %}
{% else %}
    {% assign tags_content = '' %}
{% endif %}
<div class="site-wrap post">
    
    <section class="container">
            <div class="row">
                <!-- left two-thirds block-->
                <div class="left two-thirds col-lg-8 col-md-8 col-sm-12 col-xs-12">
                    <div class="info-block">
                        <div class="row">
                        <div class="col"><h2>{{ page.title }}</h2>
                          <p class="author">{% t blog.author %}: {% if page.author %}{{page.author}}{% else %}{{site.author}}{% endif%}</p>
                          <p id="post-meta">{% t blog.date %} : {{ page.date }}</p>
                        </div>
                    </div>
                    <div>
                        {{content}}
                    </div>
                    <hr>
                    <p id="post-meta">{{ tags_content }}</p>
                    </div>
                </div>
                <!-- end left two-thirds block-->
                
                <!-- right one-third block-->
                <div class="right one-third col-lg-4 col-md-4 col-sm-12 col-xs-12">
                        <div class="sidebar col-sm-12 col-xs-12">   
                            <div class="info-block">
                                <div class="row center-xs">
                                    <div class="col"><h2>Recent Posts</h2></div>
                                </div>
                                {% for post in site.posts limit:4 %}
                                <div class="row start-xs info-block-row">
                                    <div class="col">
                                         <p><a href="{{ post.url }}">{{ post.title }}</a></p>
                                     </div>
                                </div>
                                {% endfor %}
                            </div>
                            <div class="info-block">
                                <div class="row center-xs">
                                    <div class="col">
                                        <h2>Popular Tags</h2>
                                    </div>
                                </div>
                                    {% for tag in site.data.tags limit:4 %}
                                    <div class="row start-xs">
                                        <div class="col">
                                             <p><a href="/blog/tags/{{ tag.slug }}.html">{{ tag.name }}</a></p>
                                         </div>
                                     </div>
                                     {% endfor %}


                            </div>
                        </div> 
                </div>
                <!-- end right one-third block-->
            </div>
        </section>
    </div>