Field notes from the work.
Strategy, design, product and the engineering behind client work. We publish what we’d want to read.
- Posts
- {posts.length}
- Categories
- {chips.length}
Every post.
{activeFilter === 'all' ? `All posts · ${posts.length}` : `${visibleCount} of ${posts.length} posts`}
{rest.map((entry) => {
const img = entry.data['thumbnail-image'] ?? entry.data['main-image'];
return (
<article class="bl-card" data-cat={slugify(catOf(entry))} hidden={!matches(entry)}>
<a href={`/blog/${entry.id}`} class="bl-card-link">
{img && (
<div class="bl-card-img">
<img src={img.url} alt="" loading="lazy" />
</div>
)}
<div class="bl-card-body">
<h3 class="bl-card-title">{entry.data.name}</h3>
{isArchived(entry) ? (
<p class="bl-summary is-clamped">Written before the product line was consolidated; the post opens with an editor’s note.</p>
) : entry.data['post-summary'] && <p class="bl-summary is-clamped">{entry.data['post-summary']}</p>}
<p class="sl-spec bl-spec">
{catOf(entry)}{isArchived(entry) && ' · Archived'}
</p>
</div>
</a>
</article>
);
})}
No posts under that category yet.