{% block content %}
<div class="page">
  <header class="page-head">
    <h1 class="display">Work</h1>
    <p class="lede">
      Research, tooling, and experiments.  Sometimes I forget to add things to this list, message me for missing details.
    </p>
  </header>

  <section class="section" aria-labelledby="highlights-heading">
    <div class="section-head">
      <h2 id="highlights-heading">Highlights</h2>
    </div>
    {% from 'partials/feature_project.html' import feature_project %}
    {% for id, f in var.features.items() %}
      {{ feature_project(id, f.title, f.tagline, f.body, f.stack, f.image, f.caption) }}
    {% endfor %}
  </section>

  <section class="section" aria-labelledby="all-heading">
    <div class="section-head">
      <h2 id="all-heading">All projects</h2>
      <p class="section-note">{{ var.projects | length }} entries</p>
    </div>
    <ol class="project-list">
      {% from 'partials/project.html' import project %}
      {% for title, item in var.projects.items() %}
        {{ project(title, item.classes, item.status, item.bgi, item.content, item.links) }}
      {% endfor %}
    </ol>
  </section>
</div>
{% endblock %}