feat(website): Blog infrastructure with markdown-to-HTML build

[vraspar]

Summary

Add a lightweight blog system that converts markdown posts to styled HTML matching the site's dark theme. No frameworks — just a 168-line build script using \marked\ + \gray-matter.

What's included

• *\scripts/build-blog.js* — Reads markdown from \website/blog-src/posts/, converts to HTML with proper meta tags, OG tags, and clean URLs
• *\website/blog/blog.css* — Blog-specific styles: nav, prose typography, post listing, responsive design
• *\website/blog-src/posts/building-brain.md* — First blog post (migrated from \docs/blog/\ with frontmatter)
• *.github/workflows/pages.yml* — Updated to run
  pm run build:blog\ before GitHub Pages deploy

How it works

\\�ash

Write a blog post

vim website/blog-src/posts/my-post.md

Build HTML

npm run build:blog

Push (GitHub Pages auto-deploys)

git push
\\

Output structure

\
website/blog/
├── index.html # Blog listing page
├── blog.css # Blog styles
└── building-brain/
└── index.html # Individual post (clean URL)
\\

Design decisions

• No framework (Astro, 11ty, Jekyll all evaluated — overkill for 5-10 posts)
• 1 new devDependency (\marked\ for md→html, \gray-matter\ already installed)
• Matches existing theme (same CSS variables, fonts, dark palette)
• Clean URLs (/blog/building-brain/\ not /blog/building-brain.html)
• XSS-safe (all user content HTML-escaped in templates)
• Upgrade path — if blog outgrows this, markdown files are 11ty-compatible

[vraspar]

Superseded by Zine website PR #71 which includes blog infrastructure