blog.html

---
layout: default
title: Blog
---

<br />
<br />

<section class="our-work blog">
  <div class="usa-grid">
    <div class="usa-width-one-whole">
      <h2>Our blog</h2>
      <p>
        Read about our work, our team, and some of our most recent accomplishments.
      </p>
    </div>
  </div>
  {% assign summaries = site.blog_summaries | sort: 'date' | reverse %}
  {% assign num_rows = 3 %}
  {% assign num_stories = 6 %}

  {% for entry in summaries limit: num_stories %}
    {% assign index_mod = forloop.index0 | modulo:num_rows %}
    {% if index_mod == 0 %}
      {% if forloop.index0 > 0 %}
        </div>
      {% endif %}
      <div class="usa-grid">
    {% endif %}
      <div class="usa-width-one-third story blog-item">
        <a href="{{ entry.medium_url }}">
          <div class="blog-image" style="background-image:url({{ entry.image_url}})" title="{{entry.image_description}}"></div>
        </a>
        <h3><a href="{{ entry.medium_url}}">{{ entry.title }}</a></h3>
        {{ entry.content }}
        <p><a class="read-more" title="Read More"><a href="{{ entry.medium_url}}">Read more...</a></p>
      </div>
    {% if forloop.last %}</div>{% endif %}
  {% endfor %}

  <a href="{{ site.medium_url }}">
    <button class="more-button">
      Read more on Medium
    </button>
  </a>

</section>