<!DOCTYPE html>
<html lang="{{ site.lang | default: " en-US" }}">
<head>
{% include casjays-header.html %}
{% if site.custom_theme.directory %}
{% include themes/{{ site.custom_theme.directory }}/meta.html %}
{% endif %}
</head>
<body class="text-center align-item-center" style="font-size: {{ site.custom_theme.nav.font_size.default }};">
<div class="container-fluid align-items-center text-center">
{% include themes/{{ site.custom_theme.directory }}/page_header.html %}
<div class="clearfix">
<div class="container text-center">
<div class="row">
{% for post in site.posts %}
{% if post.author %}
{% assign recipe_author = post.author %}
{% elsif site.author.name %}
{% assign recipe_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 = recipe_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 }}">{{ recipe_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>
</body>
</html>