work.html

---
layout: default
title: Work
excerpt: "We work with organizations building more trustworthy, democratic digital systems."
image: "/assets/images/social/work.webp"
menu_title: Work
order: 3
---

<section class="mt2 ph3 ph5-l">
  <header>
    <div class="flex-l items-center mv2 ">
      <div class="w-100-l">

        <h3 class="f2 f1-m f-subheadline-l accent normal sans-serif mb4 lh-solid">
          {{ page.title }}
        </h3>
        <div class="f3 measure-wide dark-gray lh-copy mb5">
          We work with organizations building more trustworthy, democratic digital systems. From war crimes
          documentation to cooperative infrastructure to AI governance, here's what we've been building.
        </div>
      </div>
    </div>
  </header>
  {% for category in site.data.work_categories %}
  <div class="w-100 mb4">
    <h2 class="f3 f2-m f1-l normal mb4">{{ category.name }}</h2>
    <div class="flex flex-wrap justify-left">
      {% for project_slug in category.projects %}
      {% assign project = site.work | where: "slug", project_slug | first %}
      {% if project %}
      {%- include sections/project.html project=project -%}
      {% endif %}
      {% endfor %}
    </div>
  </div>
  {% endfor %}
</section>

<script>
  function expandContent(toggleEl) {
    const containerEl = toggleEl.parentElement;
    const contentDiv = containerEl.previousElementSibling;
    const excerpt = contentDiv.dataset.excerpt;
    const content = contentDiv.dataset.content;

    let toggled = contentDiv.dataset.toggled === "true";
    if (!toggled) {
      contentDiv.innerHTML = content;
      toggleEl.innerHTML = "[read less]";
      contentDiv.dataset.toggled = "true";
      toggleEl.setAttribute("aria-expanded", "true");
    } else {
      contentDiv.innerHTML = excerpt;
      toggleEl.innerHTML = "[read more]";
      contentDiv.dataset.toggled = "false";
      toggleEl.setAttribute("aria-expanded", "false");
    }
  }

  function handleKeydown(event, el) {
    if (event.key === "Enter" || event.key === " ") {
      event.preventDefault();
      expandContent(el);
    }
  }
</script>