I built this site to have somewhere to write and keep track of my projects. I like the look of printed books, which probably explains the fonts.
Stack§
The site uses Next.js 16 with the App Router and exports to static HTML. Posts and pages are MDX files in content/, rendered at build time with next-mdx-remote/rsc. Styling uses Tailwind v4 and custom CSS. There is no application server or database.
Typography§
The main fonts are:
- EB Garamond for body text.
- UnifrakturCook for page and post titles.
- Playfair Display for section headings.
- Cherubic Initials for the drop cap at the start of a post.
The root font size scales with the browser width. Sizes defined in rem scale with it.
Design§
There are four themes: light, dark, color, and Windows 98. Use the theme control to switch between them.
Color mode gives each post an accent color based on its slug. The drop cap, headings, dividers, and active sidebar item use that color. A post keeps the same color across visits.
Other features:
- Sidenotes appear beside the text on wide screens. On narrow screens, tap the note number to expand them inline.
- Table of contents sits to the right of a post on wide screens and is hidden on small screens.
- Dividers use
✦ ✦ ✦in place of a horizontal line. - Tags let you find posts on the same subject.
- Search opens with
Ctrl K(Cmd Kon Mac) and searches titles, descriptions, tags, and body text. - Mobile navigation opens from the top bar when the sidebar won't fit.
Why Static§
I can edit a text file, commit it to git, and rebuild the site. The output is a folder of files that any static web host can serve. That's enough for what I want to do here.