\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}",[],[169,187],{"_108":195,"_99":196,"_170":197,"_172":171,"_173":153,"_174":175,"_176":123,"_110":198,"_104":33,"_178":190,"_180":199,"_181":22,"_182":-5,"_183":200,"_103":201},"52c12d8c-29d4-11f1-a6f4-42dde27851f2","BlogPost.tsx","019d2f29-5997-7760-bb5d-866251e3dd8f",["D",1774612732316],"/** @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}",[],[169,196],{"_108":203,"_99":204,"_170":205,"_172":171,"_173":153,"_174":175,"_176":22,"_110":206,"_104":33,"_178":190,"_180":207,"_181":22,"_182":-5,"_183":208,"_103":209},"52c1378c-29d4-11f1-a6f4-42dde27851f2","Frontmatter.tsx","019d2f29-5997-7760-bb5d-8b0f988e2d45",["D",1774612732316],"/** @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}",[],[169,204],{"_108":211,"_99":212,"_170":213,"_172":171,"_173":153,"_174":175,"_176":123,"_110":214,"_104":33,"_178":190,"_180":215,"_181":22,"_182":-5,"_183":216,"_103":217},"52c142b8-29d4-11f1-a6f4-42dde27851f2","Head.tsx","019d2f29-5997-7760-bb5d-8e579eccbe12",["D",1774612732316],"/** @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