---
layout: page_container
title: "Blog"
heading: "Blog"
subheading: "Announcements and things we'd like to share"
---

<div class="text-center">
    <h1 class="text-5xl tracking-tight font-extrabold leading-none pb-5 pt-10 text-center">{{ page.title }}</h1>
    <p>{{ page.date | date: "%B %-d, %Y" }}</p>
    <div class="flex mx-auto justify-center pt-5">
      <a href="{{ site.twitter_url }}" class="opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
        <img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/twitter.svg">
      </a>
      <a href="{{ site.github_url }}" class="pl-4 pr-4  opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
        <img style="height: 1.19rem; width: auto;" src="{{ site.img_url }}icons/github.svg">
      </a>
      <a href="{{ site.reddit_url }}" class="opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
        <img style="height: 1.18rem; width: auto;" src="{{ site.img_url }}icons/reddit.svg">
      </a>
    </div>
</div>
<div class="content">
  {{ content | replace: '<!--break-->', '<a class="anchor" id="continue"></a>' }}
</div>

{% if site.inter_post_navigation == true %}
  <section class="post-navigation">
    <span class="prev-post">
      {% if page.previous.url %}
        <a href="{{page.previous.url | prepend: site.base_url}}">
          <span class="fa-stack fa-lg">
            <i class="fa fa-square fa-stack-2x"></i>
            <i class="fa fa-angle-double-left fa-stack-1x fa-inverse"></i>
          </span>
          <span class="page-number">{{page.previous.title}}</span>
        </a>
      {% endif %}
    </span>
    <span class="next-post">
      {% if page.next.url %}
        <a href="{{page.next.url | prepend: site.base_url}}">
          <span class="page-number">{{page.next.title}}</span>
          <span class="fa-stack fa-lg">
            <i class="fa fa-square fa-stack-2x"></i>
            <i class="fa fa-angle-double-right fa-stack-1x fa-inverse"></i>
          </span>
        </a>
      {% endif %}
    </span>
  </section>
{% endif %}