layout: default


<section class=“flex flex-wrap w-100”>

{% assign items = site.projects | sort: 'date' | reverse %}
{% assign years = items | group_by_exp: "item", "item.date | date : '%Y'"  %}

{%- for year in years -%}
     <h2 class="h2 tl ph2 f3 w-100 black-50 bb">{{year.name}}</h2>
  </article>
 {%- for project in year.items -%}
    <article class="fl w-100 w-50-m  w-25-ns pa2-ns">
      <div class="aspect-ratio aspect-ratio--1x1 z-1">
        {%- assign thumbnail = project.thumbnail | default: "/assets/projects/no_thumbnail.png"  -%}
        <img style="background-image:url({{thumbnail | relative_url}});" 
        class="db bg-center cover aspect-ratio--object" />
      </div>
      <div class="ph2 ph0-ns pb3 db dim">
        <a href="{{ project.url | relative_url}}" class="dim link">
          <h3 class="f5 f4-ns mb0 black-90">{{project.title}}</h3>
          <h3 class="f6 f5 fw4 mt2 black-60">{{project.subtitle}}</h3>
        </a>
      </div>
    </article>
 {%- endfor -%}
{%- endfor -%}

</section>