- ds
- Patterns
- Post list
Post list
Writing index rows with tags and reading time.
- 9 min
- 7 min
Show code
<ol class="posts">
<li>
<time datetime="2026-08-12">12 Aug 2026</time>
<div class="t">
<a class="h" href="#">Spark to Rust</a>
<span class="d">What moved, what did not, and where the memory went.</span>
<span class="chips"><a class="chip warm" href="#">Rust</a><a class="chip" href="#">Spark</a></span>
</div>
<span class="r">9 min</span>
</li>
<li>
<time datetime="2026-06-03">3 Jun 2026</time>
<div class="t">
<a class="h" href="#">ClickHouse sort keys</a>
<span class="d">How the first column decides what gets read.</span>
<span class="chips"><a class="chip" href="#">ClickHouse</a></span>
</div>
<span class="r">7 min</span>
</li>
</ol>Date, title and description, reading time on the right. The whole row is the link (a stretched ::after), and the tag chips sit above it so they stay clickable as filters. On phones the date and time share the top line.