Meta

This page explains how this site is built and structured.

This page explains how this site is built and structured.

Philosophy

This site is designed to be a personal knowledge base — a collection of thoughts, ideas, and reflections organized hierarchically by topic. The design philosophy emphasizes simplicity: write markdown, organize by folders, and the site structure emerges naturally.

Technical stack

Built with Astro using content collections. No complex CMS, no database — just markdown files in a folder structure.

  • Deployed as a fully static website — zero framework JavaScript shipped
  • Plain CSS on a small set of design tokens; self-hosted variable fonts (Fraunces + JetBrains Mono)
  • The tree is drawn with a deterministic force relaxation: same seed, same constellation, always
  • Search is a client-side ⌘K palette over the tree — an accelerator, not the index
  • No trackers, no third-party scripts

Content structure

All content lives in src/content/pages/ as markdown files:

src/content/pages/
├── index.md                     → / (home)
├── humanity.md                  → /humanity/ (branch page)
│   ├── fire.md                  → /humanity/fire/
│   │   └── architecture.md      → leaf page
│   ├── orkava.md                → leaf page
│   └── temporal.md              → /humanity/temporal/
│       ├── oom-investigation.md       → leaf page
│       │   └── deep-dive.md           → leaf page
│       └── worker-configuration.md    → leaf page
│           └── deep-dive.md           → leaf page
├── self.md                      → /self/ (branch page)
│   ├── addictions.md            → leaf page
│   ├── how-i-want-to-live-my-life.md  → leaf page
│   ├── pain-suffering-and-god.md      → leaf page
│   └── sport.md                 → /self/sport/
│       └── boxing.md            → leaf page
└── meta.md                      → /meta/ (this page)
    └── 2026.md                  → leaf page

Folder structure = site structure. No configuration needed.

Design choices

Hierarchy: visual hierarchy matches content hierarchy — home is special, branches organize, leaves contain.

Static: everything is served statically. Reading is the product; there is no backend.

Status

The site is live at its final hostname: web.miquelpuigturon.com.

Branches into

Connected thoughts