List

All posts

For: the blog archive, tag pages, link collections, search results

2026

2025

Markup

<main class="f-list f-prose">
  <header><h1>All posts</h1></header>
  <div class="f-list__tools">
    <input class="f-input f-search" type="search" aria-label="Search posts" />
  </div>
  <section class="f-list__year">
    <h2>2026</h2>
    <ul>
      <li>
        <a class="f-list__row" href="/posts/twelve-rooms/"
          ><span
            ><span class="f-list__title">Twelve Rooms, Zero Dots Caught</span
            ><span class="f-list__tag">Research</span></span
          ><time datetime="2026-10-11">10-11</time></a
        >
      </li>
    </ul>
  </section>
  <p class="f-list__none" hidden>No posts match.</p>
</main>