portfolio.html

---
layout: inner
permalink: /portfolio/
---

<section class="portfolio" data-component="['grid-isotope']">
  <div class="row navigation hidden">
    <nav class="portfolio-filter">
      <h4 class="filter-header">Filter:</h4>
      <ul class="portfolio-filter-list">
        <li><button data-filter="*" class="checked">Show All</button></li>
        {% for filter in site.data.post-filters %}
        <li><button data-filter=".{{ filter.class}}">{{ filter.name}}</button></li>
        {% endfor %}
      </ul>
    </nav>
    <nav class="portfolio-sort">
      <h4 class="filter-header">Sort:</h4>
      <ul class="portfolio-filter-list">
        <li><button data-sort="date" class="checked">By date</button></li>
        <li><button data-sort="name">By name</button></li>
      </ul>
    </nav>
  </div>
  <div class="row list">
    <ul class="post-list">
      {% for post in site.categories.project %}

      <li class="post-item {{ post.featured }} {% for category in post.categories %}{{ category }} {% endfor %}">
        <a href="{{ post.url | prepend: site.baseurl }}" class="post-img">
          <img src="{{ post.cover-image-index }}-xs.jpg" srcset="{{ post.cover-image-index }}-sm.jpg 540w, {{ post.cover-image-index }}-md.jpg 768w" sizes="(min-width: 48em) 50vw, (min-width: 64em) 33.3vw, 100vw" alt="{{ post.name }}" title="{{ post.name }}">
        </a>
        <div class="post-desc">
          <h3 class="post-link name">
            <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
          </h3>
          <span class="post-meta date"><time datetime="{{ post.date | date: "%Y-%m-%d" }}">{{ post.date | date: "%b %Y" }}</time></span>
          <!-- <ul class="post-categories">{% for category in post.categories %}<li>{{ category }}</li>{% endfor %}</ul> -->
        </div>
      </li>
      {% endfor %}
    </ul>
  </div>
</section>