Ghosted-Tron code blocks

A pipeline check — every fenced block should render inside the terminal chrome with the Ground Control syntax tones.

· 1 min read

This post exists to verify the markdown code pipeline: a fenced TypeScript block and a bash block, both wrapped in the ghosted-Tron terminal chrome — faint grid, drifting scanlines, window dots, low-glow cyan.

The syntax tones should read: comment → dim italic, keyword → cyan, function → steel-blue, string → green, number → burnt orange.

src/content.config.tscopy
// ground control — ship work, not noise
import { defineCollection, z } from 'astro:content';

const work = defineCollection({
  type: 'content',
  schema: z.object({
    title: z.string(),
    stack: z.array(z.string()),
    year: z.number().default(2026),
    shipped: z.boolean(),
  }),
});

export const collections = { work };

And a shell block — note the title comes from the fence meta:

deploy.shcopy
# build, then ship to cloudflare
npm run build
npx wrangler pages deploy ./dist --project-name ground-control
echo "shipped ✦"

Inline code stays inline and untouched — only fenced blocks get the chrome.

Back to Blog
related
Design 2026 · 06 · 10 · 4 min

The design language behind this site

A visual tour of the rules this whole site is built on — the palette, the type, the one spot of orange, and the comic panel that breaks the calm.