---

layout: default

---

<section class="jumbotron jumbotron-fluid site-small-jumbo">

<div class="container-fluid">

<div class="row">

<div class="col-md-8 col-md-offset-2">

<h1 class="display-4">{{ site.blog.title }}</h1>

<h5>{{ site.blog.header }}</h5>

<ul class="blog-tags-list">

{% for tag in site.tag_pages %}

<li class="blog-tag">

<a href="{{ tag.url }}">{{ tag.name }}:</a>

<p>{{ tag.content }}</p>

</li>

{% endfor %}

</ul>

</div>

</div>

</div>

<section class="blogpage-section">

<ul class="container-fluid post-list">

{% for post in site.posts %}

<li class="post-item row text-xs-left" style="background-color:{{post.background_color}}">

<div class="col-md-2 col-md-offset-2">

<h6 class="card-subtitle post-date">{{ post.date | date: "%b %-d, %Y" }}</h6>

<ul class="post-tags-list">

{% for tag in post.tags %}

{% assign tag_url = site.tag_pages | where: "name", tag %}

<li class="post-tag"><a href="{{ tag_url[0].url }}" style="background-color: {{tag_url[0].bk-color}}; color: {{ tag_url[0].txt-color }}">{{ tag }}</a></li>

{% endfor %}

</ul>

</div>

<div class="col-md-6">

<h2 class="card-title post-title">

<a href="{{ post.url | prepend: site.baseurl }}">

{{ post.title }}

</a>

</h2>

<p class="card-text post-excerpt">{{ post.excerpt | truncatewords: 45 }}</p>

</div>

</li>

{% endfor %}

</ul>

<!-- <div class="row">