---
layout: page
title: Blog
permalink: /blog/
description: Blog Posts
weight: 99
---

{% if site.blog.enabled == true %} 
<div class="clearfix">
  <div class="container text-center">
    <div class="row">
    {% for post in site.posts %} 
    {% if post.author %} 
      {% assign blog_author = post.author %} 
    {% elsif site.author.name %}
      {% assign blog_author = site.author.name %} 
    {% endif %} 
    {% if post.site %} 
    {% assign author_site = post.site %}
    {% elsif site.author.site %} 
      {% assign author_site = site.author.site %} 
    {% else %} 
      {% assign author_site = blog_author | prepend: '{{ site.blog.prepend }}' %} 
    {% endif %}
    <div class="col-md-6 cl-mr-2 h-50">
      <div class="card h-100 border-success mb-3">
        <div class="card-header bg-transparent border-success">
          <a href="{{ post.url | prepend: site.baseurl }}" class="post-title" style="font-size: 20px" >
            {{ post.title | upcase }}</a>
        </div>
        <div class="card-body text-danger" style="height: 12rem;">
          <article style="font-size: 18px">
            <p class="card-text">{{ post.excerpt | markdownify }}</p>
          </article>
        </div>
        <div class="border-warn">
        <div class="card-footer bg-transparent border-success">
          <span class="post-date">
            <a href="{{ post.url | prepend: site.baseurl }}"> ({% include read_time.html content=post.content %})<br />
            Read more <i class="fa fa-plus-circle" aria-hidden="true"> </i> </a>
          </span>
          <br />
          Posted by <a href="{{ author_site }}">{{ blog_author }} </a>
        </div>
        </div>
        <br />
        {{ post.date | date: '%B %d, %Y @ %H:%M' }}
        <div class="card-footer bg-transparent border-danger">
          {% if site.disqus %}
          <a href="{{ post.url | prepend: site.baseurl }}#disqus_thread"><i class="fa fa-comments" aria-hidden="true"></i> Comment</a>
          {% endif %}
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
</div>
</div>  
{% endif %}