About
This site is my personal digital garden — a collection of interconnected notes, thoughts, and references on topics I find interesting.
How It’s Built
- Generator: Hugo (v0.131.0) — static site generator written in Go
- Hosting: Static HTML served via CDN (Cloudflare R2 + Pages)
- Styling: Hand-rolled CSS, no framework. Dark theme with a 900px content container
- Fonts: System font stack (SF Pro, Segoe UI, Roboto fallbacks)
- Colors:
#262730(background),#F5F5E0(text),#77BA99(links),#A4969B(accents)
Features
- Wiki-style links:
note-namesyntax for bidirectional links between posts. Valid links are green, broken ones are red. - Knowledge graph: Interactive D3.js force-directed graph on every post and a full-page graph view. Node size scales with connection count.
- Backlinks: Automatically lists all pages that link to the current page.
- Table of contents: Scrollspy sidebar on post pages with section highlighting and a reading progress bar.
- Search: Client-side search powered by a JSON index. No backend required.
- Tags: Organize posts with tags; browse by tag.
- Syntax highlighting: Chroma-powered code blocks with a custom dark theme.
- Image & file embeds: Markdown image syntax renders images as clickable lightbox links; non-image files render as download links.
JavaScript
- D3.js (v7) — graph visualization only
- Vanilla JS — everything else: search, scrollspy, graph controls, mobile nav
- No React, Vue, jQuery, or build tooling
Colophon
Built and maintained by Austin Rein.