\n \n \n Edit on val.town\n \n\n

\n\n

\n \n \n Share on Twitter\n \n \n \n Share on Bluesky\n \n \n \n Share on Hacker News\n \n

\n\n \n

\n );\n}\n\nfunction Pencil() {\n return (\n \n \n \n \n );\n}",[],[168,186],{"_107":194,"_99":195,"_169":196,"_171":170,"_172":152,"_173":174,"_175":122,"_109":197,"_104":33,"_177":189,"_179":198,"_180":22,"_181":-5,"_182":199,"_103":200},"9e4d5eac-2794-11f1-b43e-42dde27851f2","BlogPost.tsx","019d206c-690c-7370-94b6-e3e7238c557b",["D",1774365468948],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { BlogPost as BlogPostType } from \"../utils/types.ts\";\nimport { Layout } from \"./Layout.tsx\";\nimport Frontmatter from \"./Frontmatter.tsx\";\nimport Backmatter from \"./Backmatter.tsx\";\n\ninterface BlogPostProps {\n post: BlogPostType;\n content: string;\n}\n\nexport function BlogPostComponent({ post, content }: BlogPostProps) {\n return (\n \n

\n \n \n \n

\n\n \n \n );\n}",[],[168,195],{"_107":202,"_99":203,"_169":204,"_171":170,"_172":152,"_173":174,"_175":122,"_109":205,"_104":33,"_177":189,"_179":206,"_180":22,"_181":-5,"_182":207,"_103":208},"9e4d67a8-2794-11f1-b43e-42dde27851f2","Frontmatter.tsx","019d206c-690c-7370-94b6-e6cbb374e4f3",["D",1774365468948],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { formatDate, getAuthorLink } from \"./util.tsx\";\nimport { BlogPost as BlogPostType } from \"../utils/types.ts\";\n\nexport default function Frontmatter({ post }: { post: BlogPostType }) {\n return (\n

\n \n \n Code and prose written on val.town\n \n\n

\n \n {post.title}\n \n

\n\n \n {post.author}\n \n\n \n {formatDate(post.pubDate)}\n \n

\n );\n}\n\nfunction ExternalLinkIcon() {\n return (\n \n \n \n \n \n );\n}",[],[168,203],{"_107":210,"_99":211,"_169":212,"_171":170,"_172":152,"_173":174,"_175":122,"_109":213,"_104":33,"_177":189,"_179":214,"_180":22,"_181":-5,"_182":215,"_103":216},"9e4d705e-2794-11f1-b43e-42dde27851f2","Head.tsx","019d206c-690c-7370-94b6-e9b628aa5a1e",["D",1774365468948],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { BLOG_URL, SITE_DESCRIPTION } from \"../utils/constants.ts\";\nimport type { BlogPost } from \"../utils/types.ts\";\n\nconst css = await readFile(\"styles/index.css\", import.meta.url);\nconst hlcss = await readFile(\"styles/highlight.css\", import.meta.url);\n\nexport default function Head({ title, post }: {\n title: string;\n post?: BlogPost;\n}) {\n const description = post?.description ?? SITE_DESCRIPTION;\n const ogImage = new URL(\"/og-image.png\", BLOG_URL);\n ogImage.searchParams.append(\"title\", title);\n\n return (\n \n \n \n \n\n \n {title === \"Val Town Blog\" ? title : `${title} | Val Town Blog`}\n \n \n\n {/* RSS */}\n \n\n {/* Open Graph / Facebook */}\n \n \n \n \n\n \n \n\n {/* Twitter */}\n \n \n \n \n\n \n\n {\n /* Sitemap\n \n */\n }\n

valdottown

blog

Mergetalk-of-the-town-march-2026intomain