How the cursor smears
Four corners, each chasing its own spot.
Article list
A row per article: date and tag on the left, title and a line on the right. Drafts are marked for the build to catch.
My Neovim setup
What I changed and why.
Features
- Date (or a Draft badge) and a tag on the left, title and a line on the right; one column when narrow.
- Drafts are marked with a data attribute, so a production check can refuse to ship one.
- No state: renders on the server.
Use it for
- A blog index, notes, release posts.
On this site
- My Stuff: the articlesDate and road on the left, the title and a line on the right.
Installation
- Get runets.
git clone https://github.com/ziyam-khan/runets - Copy these files into your project, keeping their folders.
- Install what they use.
pnpm add react - Load the styles once. Bring your own base tokens, or use runets’ default theme.
import 'runets/styles/theme.css' import 'runets/styles/kit.css'
API
| Prop | Type | What it does |
|---|---|---|
items | { href, title, description, date?, tag?, dark?, draft? }[] | dark puts the tag on the dark side of the palette. |
level | 2 | 3 | Heading level of the titles. |
Accessibility
- Each row is an article with a heading link; dates are time elements.
Source
The code is in src/kit/article-list.tsx in runets, MIT licensed.