404: stevekrouse.com{url.pathname}{url.search}

),\n { status: 404, headers: { \"Content-Type\": \"text/html\" } },\n );\n}\n","label","children",[74],"contentHash","c1e80f9d4b08e5fe9807d782e1e76fbce26bbe0182931eb2222df0c08c0b8b7e","990cba44-f947-11f0-b461-42dde27851f2","68026ad8-b366-11f0-9979-0224a6c84d84",595,["D",1769274635398],23,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport {\n listFilesByPath,\n readFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport ReactMarkdown from \"https://esm.sh/react-markdown@9?deps=react@18.2.0\";\nimport ValTown from \"npm:@valtown/sdk@1.9.0\";\nimport { PostTemplate } from \"./PostTemplate.tsx\";\n\nasync function loadFile(file: ValTown.Vals.Files.FileRetrieveResponse) {\n if (file.name.endsWith(\".tsx\")) {\n return (await import(file.links.module)).default;\n } else if (file.name.endsWith(\".html\")) {\n const html = await readFile(file.path);\n return () =>\n new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n } else if (file.name.endsWith(\".md\")) {\n const markdown = await readFile(file.path);\n // Extract title from first h1 in markdown, or use filename\n const titleMatch = markdown.match(/^#\\s+(.+)$/m);\n const title = titleMatch ? titleMatch[1] : file.name.replace(\".md\", \"\");\n \n return function () {\n return new Response(\n renderToString(\n \n {markdown}\n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n };\n }\n}\n\nasync function getPosts() {\n const posts = Object.fromEntries(\n await Promise.all(\n (await listFilesByPath(\"posts\"))\n .map(\n async (\n file,\n ) => [\n file.name.split(\".\")[0].toLowerCase(),\n await loadFile(file), // could defer this until someone wants this particular file\n ],\n ),\n ),\n );\n return posts;\n}\nasync function getPostsBounded() {\n const posts = await Promise.race([\n getPosts(),\n new Promise((resolve) => setTimeout(resolve, 5000)),\n ]);\n if (!posts) {\n console.error(\"Timeout fetching posts\");\n return [];\n }\n console.log(`Fetched ${Object.keys(posts).length} posts`);\n return posts;\n}\n\nlet posts;\nexport async function renderPage(req: Request) {\n if (!posts) posts = await getPostsBounded();\n console.log(posts);\n\n // render /posts/* in this val\n const url = new URL(req.url);\n const name = url.pathname.slice(1);\n const post = posts[name.toLowerCase()];\n if (post) return post(req);\n\n // look up page on github pages\n const githubPagesUrl =\n `https://stevekrouse.github.io${url.pathname}${url.search}`;\n const response = await fetch(\n new Request(githubPagesUrl, {\n method: req.method,\n headers: new Headers({\n ...Object.fromEntries(req.headers),\n \"User-Agent\": \"Val Town\",\n }),\n }),\n );\n if (response.status !== 404) return response;\n\n // return 404\n return new Response(\n renderToString(

404: stevekrouse.com{url.pathname}{url.search}

),\n { status: 404, headers: { \"Content-Type\": \"text/html\" } },\n );\n}\n",[74],"982c5b2c15bb506bd2448eb8fc7955476df2cb190456dfb26698160bdd8d1471","main.tsx",{"_32":117,"_13":105,"_80":118,"_82":-5,"_83":33,"_84":119,"_85":49,"_34":120,"_41":121,"_88":113,"_90":122,"_64":49,"_92":12,"_93":-7,"_73":123,"_95":124},{"_32":108,"_13":105,"_80":109,"_82":-5,"_83":57,"_84":110,"_85":26,"_34":111,"_41":112,"_88":113,"_90":114,"_64":49,"_92":-5,"_93":-7,"_73":115,"_95":116},"1f078da8-0b7d-11f1-bced-42dde27851f2","019c6716-dfe9-752b-8399-bbd17749ea49",29,["D",1771276744447],2,"http","import { Homepage } from \"./index.tsx\";\nimport { WorkPage } from \"./posts/work.tsx\";\nimport { ProjectsPage } from \"./posts/projects.tsx\";\nimport { WritingPage } from \"./posts/writing.tsx\";\nimport { PodcastsPage } from \"./posts/podcasts.tsx\";\nimport { Hono } from \"npm:hono@4.0.0\";\nimport { renderPage } from \"./post-helpers.tsx\";\nimport { listFilesByPath } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst SOURCE = \"https://www.val.town/x/stevekrouse/stevekrouse_dot_com\";\n\n// Cache blog posts metadata for source links\nlet blogPostsCache: Map | null = null;\n\nasync function getBlogPostsMap() {\n if (blogPostsCache) return blogPostsCache;\n \n const files = await listFilesByPath(\"posts\");\n blogPostsCache = new Map(\n files.map(file => {\n const slug = file.name.split(\".\")[0].toLowerCase();\n const sourceUrl = `${SOURCE}/code/${file.path}`;\n return [slug, sourceUrl];\n })\n );\n \n return blogPostsCache;\n}\n\nfunction getBlogPostBySlug(slug: string, postsMap: Map) {\n const sourceUrl = postsMap.get(slug);\n if (!sourceUrl) return null;\n return { valSourceURL: sourceUrl };\n}\n\nconst app = new Hono();\n\napp.get(\"/\", () => Homepage());\napp.get(\"/work\", () => WorkPage());\napp.get(\"/projects\", () => ProjectsPage());\napp.get(\"/writing\", () => WritingPage());\napp.get(\"/podcasts\", () => PodcastsPage());\napp.get(\"/favicon.ico\", () => new Response(null, { status: 404 }));\n\napp.get(\"/source\", async (c) => {\n const referer = c.req.header(\"referer\");\n if (!referer) return c.redirect(SOURCE);\n \n const url = new URL(referer);\n const slug = url.pathname.slice(1); // Remove leading slash\n \n if (!slug) return c.redirect(SOURCE); // Homepage\n \n const postsMap = await getBlogPostsMap();\n const post = getBlogPostBySlug(slug, postsMap);\n \n if (!post) return c.redirect(SOURCE);\n return c.redirect(post.valSourceURL);\n});\n\napp.get(\"/*\", (c) => renderPage(c.req.raw));\n\napp.onError((e) => Promise.reject(e));\n\nexport default app.fetch;\n",[105],"185add7ef150f8582df7307afc2293f102d77dec2742b2dd28ea6210ab64c34f","ef7051b6-f947-11f0-98d2-42dde27851f2","d8c12d22-b19f-11f0-847d-0224a6c84d84",597,["D",1769274780352],31,"import { Homepage } from \"./index.tsx\";\nimport { Hono } from \"npm:hono@4.0.0\";\nimport { renderPage } from \"./post-helpers.tsx\";\nimport { listFilesByPath } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst SOURCE = \"https://www.val.town/x/stevekrouse/stevekrouse_dot_com\";\n\n// Cache blog posts metadata for source links\nlet blogPostsCache: Map | null = null;\n\nasync function getBlogPostsMap() {\n if (blogPostsCache) return blogPostsCache;\n \n const files = await listFilesByPath(\"posts\");\n blogPostsCache = new Map(\n files.map(file => {\n const slug = file.name.split(\".\")[0].toLowerCase();\n const sourceUrl = `${SOURCE}/code/${file.path}`;\n return [slug, sourceUrl];\n })\n );\n \n return blogPostsCache;\n}\n\nfunction getBlogPostBySlug(slug: string, postsMap: Map) {\n const sourceUrl = postsMap.get(slug);\n if (!sourceUrl) return null;\n return { valSourceURL: sourceUrl };\n}\n\nconst app = new Hono();\n\napp.get(\"/\", () => Homepage());\napp.get(\"/favicon.ico\", () => new Response(null, { status: 404 }));\n\napp.get(\"/source\", async (c) => {\n const referer = c.req.header(\"referer\");\n if (!referer) return c.redirect(SOURCE);\n \n const url = new URL(referer);\n const slug = url.pathname.slice(1); // Remove leading slash\n \n if (!slug) return c.redirect(SOURCE); // Homepage\n \n const postsMap = await getBlogPostsMap();\n const post = getBlogPostBySlug(slug, postsMap);\n \n if (!post) return c.redirect(SOURCE);\n return c.redirect(post.valSourceURL);\n});\n\napp.get(\"/*\", (c) => renderPage(c.req.raw));\n\napp.onError((e) => Promise.reject(e));\n\nexport default app.fetch;\n",[105],"b33b5b9f260b1c7dbb1043a55dd99e6f4330593a33ca1edd90181ed14d51d811","index.tsx",{"_32":136,"_13":125,"_80":137,"_82":-5,"_83":33,"_84":138,"_85":49,"_34":139,"_41":20,"_88":89,"_90":140,"_64":49,"_92":-5,"_93":-7,"_73":141,"_95":142},{"_32":128,"_13":125,"_80":129,"_82":-5,"_83":57,"_84":130,"_85":26,"_34":131,"_41":132,"_88":89,"_90":133,"_64":49,"_92":-5,"_93":-7,"_73":134,"_95":135},"18f6359a-0b7d-11f1-bced-42dde27851f2","019c6716-dfe9-752b-8399-b4736a9fe75c",28,["D",1771276734267],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderPageLayout } from \"./PageLayout.tsx\";\nimport { Link } from \"./helpers.tsx\";\n\nexport function Homepage() {\n return renderPageLayout({\n title: \"Steve Krouse\",\n description: \"I build Val Town, a collaborative website to code in the cloud.\",\n children: (\n <>\n

\n 👋 Hi, I'm Steve. I live in Prospect Heights, Brooklyn.\n

\n I build{\" \"}\n Val Town, a collaborative\n website to code in the cloud.\n

\n I founded the Future of Coding podcast & community, and\n co-cofounded The Coding Space. I've worked at Looker, First Round\n Capital, and studied computer science at Penn.\n

\n This site was{\" \"}\n \n built in Val Town\n .\n

\n \n ),\n });\n}\n",[125],"1e6fde2c045f02355cb48372492635346a503e200b31dbeb17071e0337e39b89","b9cf2854-0917-11f1-a64d-42dde27851f2","a181cbd8-e985-11ef-acab-e6cdfca9ef9f",632,["D",1771013293132],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { getHits } from \"./analytics.ts\";\nimport { Link } from \"./helpers.tsx\";\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport async function Homepage() {\n return new Response(\n renderToString(\n \n \n Steve Krouse\n \n \n \n \n

\n Steve Krouse\n

\n 👋 Hi, I'm Steve. I live in Prospect Heights, Brooklyn.\n

\n I build{\" \"}\n Val Town, a collaborative\n website to code in the cloud.\n

\n I founded the Future of Coding podcast & community, and\n co-cofounded The Coding Space. I've worked at Looker, First Round\n Capital, and studied computer science at Penn.\n

\n This site was{\" \"}\n \n built in Val Town\n .\n

Projects

\n 2022 Jul -\n Val Town\n
\n 2022 Sep -\n Date Me Directory\n
\n 2022 Jan -\n \n Zaplib\n \n
\n 2021 Mar -\n Compose\n
\n 2017 Jul -\n \n Future of Coding\n \n
\n 2016 May -\n \n WoofJS\n \n
\n 2015 Jul -\n The Coding Space\n

\n\n

Essays

\n 2026 Jan -\n \n Advice to college students in 2026\n \n
\n 2025 Mar -\n \n Find a model\n \n
\n 2025 Feb -\n \n I proposed to my girlfriend in Quordle\n \n
\n 2022 Nov -\n \n End-programmer Programming\n \n
\n 2019 Apr -\n \n Lunch with Alan Kay: how to become educated enough to invent\n the future\n \n
\n 2018 Oct -\n \n The \"Next Big Thing\" is a Room\n \n
\n 2017 Oct -\n Life Plan\n
\n 2017 Oct -\n \n WoofJS.com One Year Later\n \n
\n 2017 Jul -\n \n The Coding Space: Two Year Update\n \n
\n 2017 Jul -\n \n Learn to code in two-player mode\n \n
\n 2017 May -\n \n The Rose Project (April 2017)\n \n
\n 2017 Mar -\n \n The Rose Project (March 2017)\n \n
\n 2017 Jan -\n \n Resources for creating front-end programming languages and\n frameworks in 2017\n \n
\n 2016 Nov -\n \n Types are shapes — a graphical programming exploration\n \n
\n 2016 Nov -\n \n TEDD — Technologically-Enabled Direct Democracy\n \n
\n 2016 Aug -\n \n Goodbye, Seymour\n \n
\n 2016 Jul -\n \n The Trick to Teach Anonymous Functions to 11-Year-Olds\n \n
\n 2016 Jul -\n \n Scratch Has a Marketing Problem\n \n
\n 2016 Jul -\n \n WoofJS — making JavaScript learnable\n \n
\n 2016 Jun -\n \n The Coding Space: A year in review\n \n
\n 2016 Feb -\n \n The 4 Steps to Giving Magical Praise\n \n
\n 2016 Jan -\n \n \"Why do we need to learn this?\"\n \n
\n 2015 Dec -\n The Lens Lens\n
\n 2015 Dec -\n \n The College of the Future\n \n
\n 2015 Dec -\n \n Stop Paying $250k for a Degree and a Network\n \n
\n 2015 Nov -\n \n Incidentally for machines\n \n
\n 2015 Jun -\n \n A Cursory Education On Education\n \n
\n 2014 Jun -\n \n One year ago today I blogged that I'd never drop out of\n college\n \n
\n 2013 Sep -\n \n Making friends at the world's largest hackathon\n \n
\n 2013 Jul -\n Be a quitter\n
\n 2013 Jun -\n \n What It Really Means To Drop Out\n \n
\n 2013 May -\n Paying it Forward\n
\n 2013 Mar -\n Being Nice Matters\n
\n 2013 Nov -\n \n When nobody's watching\n \n
\n 2013 Nov -\n \n Stuffed Animal Priorities\n \n
\n 2013 Feb -\n \n Medieval Luxury, Modern Torture, and Education 2.0\n \n
\n 2013 Jan -\n Theseus and The Minotaur\n
\n 2012 Dec -\n \n IP And Innovation: A Software Case Study\n \n
\n 2012 Dec -\n \n Scheming Sororities and the Gale-Shapley Algorithm\n \n
\n 2012 Dec -\n \n The Arbitrary and The Elegant\n \n
\n 2012 Nov -\n Start Small\n

\n\n

Podcasts

\n 2023 Aug -\n \n JSParty × val.town with Steve Krouse\n \n
\n 2023 Aug -\n \n Scaling Devtools × val.town with Steve Krouse\n \n
\n 2023 Jul -\n \n Supper Club × val.town with Steve Krouse\n \n
\n 2023 Jul -\n \n CS Primer – What makes programming fun?\n \n
\n 2023 Apr -\n \n Devtools.fm – val.town\n \n
\n 2017 Jul -\n \n Future of Coding Podcast\n \n
\n 2016 Oct -\n \n Off Trail Learning - Dropping Out of College & the Silicon\n Valley Dream\n \n

\n\n

\n Twitter |{\" \"}\n Github |{\" \"}\n LinkedIn\n

\n \n ,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html\",\n // TODO only when on main - \"Cache-Control\": \"public, max-age=3600, stale-while-revalidate=0\",\n },\n },\n );\n}",[125],"ac554ef7053a328be98b069b1d202ae5b2920911d65961a06d6a0c57b5c33c0b","README.md",{"_32":154,"_13":143,"_80":155,"_82":-5,"_83":33,"_84":156,"_85":26,"_34":157,"_41":158,"_88":150,"_90":159,"_64":49,"_92":-5,"_93":-7,"_73":160,"_95":161},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":57,"_84":148,"_85":26,"_34":149,"_41":112,"_88":150,"_90":151,"_64":49,"_92":-5,"_93":-7,"_73":152,"_95":153},"3ccfd5b6-0b7d-11f1-810b-42dde27851f2","019c6716-dfe9-752b-8399-a985e44d2a32",30,["D",1771276794408],"file","# stevekrouse.com - my personal website\n\nThis project hosts my personal website.\n\nIt used to\n[live on Github Pages](https://github.com/stevekrouse/stevekrouse.github.io),\nwhich is why I proxy over requests to certain blog posts over to the Github\nPages site still.\n\n## Architecture\n\n```mermaid\ngraph TD\n A[Incoming Request] --> B[\"main.tsx (Hono Router)\"]\n\n B -->|\"GET /\"| C[\"index.tsx → Homepage()\"]\n C --> F[Server-side rendered HTML with React]\n\n B -->|\"GET /work\"| W[\"posts/work.tsx → WorkPage()\"]\n B -->|\"GET /projects\"| X[\"posts/projects.tsx → ProjectsPage()\"]\n B -->|\"GET /writing\"| Y[\"posts/writing.tsx → WritingPage()\"]\n B -->|\"GET /podcasts\"| Z[\"posts/podcasts.tsx → PodcastsPage()\"]\n W & X & Y & Z --> PL[\"PageLayout.tsx (shared layout)\"]\n\n B -->|\"GET /source\"| G[Redirect to Val Town source code]\n\n B -->|\"GET /*\"| H[\"post-helpers.tsx → renderPage()\"]\n\n H --> I{Match slug in posts/?}\n I -->|Yes .tsx| J[Dynamic import → run as handler]\n I -->|Yes .md| K[Parse Markdown with react-markdown]\n I -->|Yes .html| L[Serve raw HTML]\n J --> M[\"PostTemplate.tsx (blog post layout)\"]\n K --> M\n I -->|No match| N[Proxy to GitHub Pages]\n N --> O{GitHub Pages 404?}\n O -->|No| P[Return GitHub Pages response]\n O -->|Yes| Q[Return 404 page]\n\n style B fill:#f97316,color:#fff\n style PL fill:#10b981,color:#fff\n style M fill:#10b981,color:#fff\n```\n\n### Key Files\n\n| File | Role |\n| ------------------ | ---------------------------------------------------------------------------- |\n| `main.tsx` | HTTP entry point — Hono router handling `/`, section pages, `/source`, `/*` |\n| `index.tsx` | Renders the homepage (bio/intro only) |\n| `PageLayout.tsx` | Shared layout for homepage & section pages (Tailwind, Nav, Head, footer) |\n| `Nav.tsx` | Top-level nav component (Work, Projects, Writing, Podcasts) |\n| `Head.tsx` | Shared `` with favicon, viewport, OG/Twitter meta tags |\n| `PostTemplate.tsx` | Blog post layout with OG tags, Water.css, Nav, and view-source link |\n| `post-helpers.tsx` | Loads posts from `posts/` dir (.tsx, .md, .html), falls back to GitHub Pages |\n| `helpers.tsx` | Shared `` component |\n| `analytics.ts` | Tracks page hits in SQLite; returns today & monthly counts (unused for now) |\n\n### Section Pages (in `posts/`)\n\n| File | Route | Content |\n| -------------------- | ----------- | ------------------------------------ |\n| `posts/work.tsx` | `/work` | Professional work & career history |\n| `posts/projects.tsx` | `/projects` | Side projects |\n| `posts/writing.tsx` | `/writing` | Essays & blog posts |\n| `posts/podcasts.tsx` | `/podcasts` | Podcast appearances |\n\n## Models\n\nSites that inspire this site:\n\n- https://worrydream.com/\n- http://glench.com/\n- https://www.geoffreylitt.com/\n- https://thesephist.com/\n\n## Todos\n\n- [ ] Bring back analytics with scoped sqlite, and maybe make a sparkline!\n- [ ] Add some sort of way to contact me\n- [ ] Move over all my blog posts from Github Pages (maybe into @std/blob as a\n CMS?)\n- [ ] Consider storing link data in SQLite or CSV for easier management\n- [ ] Rename `posts/` to `pages/` to better reflect its mixed content\n",[143],"b09140efbf91510978b7c971239a4155cb4bbf4e87da34de17ec792c7772d1f0","ea88eeda-090d-11f1-bc78-42dde27851f2","c0b19768-e985-11ef-9203-e6cdfca9ef9f",631,["D",1771009079911],5,"# stevekrouse.com - my personal website\n\nThis project hosts my personal website.\n\nIt used to [live on Github Pages](https://github.com/stevekrouse/stevekrouse.github.io), which is why I proxy over requests to certain blog posts over to the Github Pages site still.\n\n## Architecture\n\n```mermaid\ngraph TD\n A[Incoming Request] --> B[\"main.tsx (Hono Router)\"]\n\n B -->|\"GET /\"| C[\"index.tsx → Homepage()\"]\n C --> D[\"analytics.ts → getHits()\"]\n D --> E[(SQLite DB)]\n C --> F[Server-side rendered HTML with React]\n\n B -->|\"GET /source\"| G[Redirect to Val Town source code]\n\n B -->|\"GET /*\"| H[\"post-helpers.tsx → renderPage()\"]\n\n H --> I{Match slug in posts/?}\n I -->|Yes .tsx| J[Dynamic import → run as handler]\n I -->|Yes .md| K[Parse Markdown with react-markdown]\n I -->|Yes .html| L[Serve raw HTML]\n J --> M[\"PostTemplate.tsx (layout wrapper)\"]\n K --> M\n I -->|No match| N[Proxy to GitHub Pages]\n N --> O{GitHub Pages 404?}\n O -->|No| P[Return GitHub Pages response]\n O -->|Yes| Q[Return 404 page]\n\n style B fill:#f97316,color:#fff\n style E fill:#3b82f6,color:#fff\n style M fill:#10b981,color:#fff\n```\n\n### Key Files\n\n| File | Role |\n|------|------|\n| `main.tsx` | HTTP entry point — Hono router handling `/`, `/source`, and `/*` |\n| `index.tsx` | Renders the homepage with projects, essays, podcasts, and analytics |\n| `analytics.ts` | Tracks page hits in SQLite; returns today & monthly counts |\n| `post-helpers.tsx` | Loads posts from `posts/` dir (.tsx, .md, .html), falls back to GitHub Pages |\n| `PostTemplate.tsx` | Shared blog post layout with OG tags, water.css, and nav header |\n| `helpers.tsx` | Shared `` component |\n| `posts/` | Blog posts in .tsx, .md, or .html format |\n\n## Todos \n\n- [ ] Speed up page load by loading sqlite data later like in @healeycodes/steve_web\n- [ ] Store more (legally storable) analytics data, and maybe make a sparkline!\n- [ ] Add some sort of way to contact me\n- [ ] Move over all my blog posts from Github Pages (maybe into @std/blob as a CMS?)",[143],"9db92aa8749b3ad0ab9b27bedc5d120901cd84895b010f621b39087c3f72e9a9","PostTemplate.tsx",{"_32":173,"_13":162,"_80":174,"_82":-5,"_83":33,"_84":175,"_85":49,"_34":176,"_41":169,"_88":89,"_90":177,"_64":49,"_92":-5,"_93":-7,"_73":178,"_95":179},{"_32":165,"_13":162,"_80":166,"_82":-5,"_83":57,"_84":167,"_85":26,"_34":168,"_41":169,"_88":89,"_90":170,"_64":49,"_92":-5,"_93":-7,"_73":171,"_95":172},"fe740e64-0b7b-11f1-adf3-42dde27851f2","019c6716-dfe9-752b-8399-a72afae4aa11",11,["D",1771276260296],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Nav } from \"./Nav.tsx\";\nimport { Head } from \"./Head.tsx\";\n\ninterface PostTemplateProps {\n title?: string;\n description?: string;\n ogImage?: string;\n children: React.ReactNode;\n}\n\n/**\n * Template for blog posts with:\n * - Good OG meta tags & favicon (via shared Head)\n * - Nav with link back to homepage\n * - View source link at the top\n * - Water.css styling\n */\nexport function PostTemplate({\n title = \"Steve Krouse\",\n description,\n ogImage,\n children,\n}: PostTemplateProps) {\n return (\n \n \n \n \n \n \n \n

\n \n view source\n \n

\n {children}\n \n \n );\n}",[162],"e58bf4a4c874a353dd95e3e4d80c8427d94294ce9354bf18ac9a3ee441d16859","0781cfb4-f948-11f0-a24c-42dde27851f2","527e932c-f947-11f0-9fb8-42dde27851f2",598,["D",1769274820730],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface PostTemplateProps {\n title?: string;\n description?: string;\n ogImage?: string;\n children: React.ReactNode;\n}\n\n/**\n * Template for blog posts with:\n * - Good OG meta tags\n * - Favicon (SK in orange)\n * - Header with link back to homepage\n * - View source link at the top\n * - Water.css styling\n */\nexport function PostTemplate({\n title = \"Steve Krouse\",\n description,\n ogImage,\n children,\n}: PostTemplateProps) {\n // Generate favicon SVG (orange SK on white)\n const faviconSvg = `data:image/svg+xml,${\n encodeURIComponent(`\n \n `)\n }`;\n\n return (\n \n \n {title}\n \n \n \n\n {/* OpenGraph meta tags */}\n \n \n {description && (\n <>\n \n \n \n \n )}\n {ogImage && (\n <>\n \n \n \n \n )}\n \n\n \n \n \n

\n \n ← Steve Krouse\n \n \n view source\n \n

\n {children}\n \n \n );\n}",[162],"cb07138db70d682a58ca0f4159301b82e87210c4f784c29103021b0ccd099898",{"_73":247,"_75":-7,"_77":248},{"_73":238,"_75":-7,"_77":239},{"_73":228,"_75":-7,"_77":229},{"_73":218,"_75":-7,"_77":219},{"_73":208,"_75":-7,"_77":209},{"_73":199,"_75":-7,"_77":200},{"_73":187,"_75":-7,"_77":188},"posts/writing.tsx",{"_32":189,"_13":190,"_80":191,"_82":192,"_83":57,"_84":193,"_85":26,"_34":194,"_41":87,"_88":89,"_90":195,"_64":49,"_92":-5,"_93":-7,"_73":196,"_95":197},"171bbfdc-0b7e-11f1-9456-42dde27851f2","writing.tsx","c656d3da-0b7c-11f1-9fe6-42dde27851f2","019c6716-dfe9-752b-8399-a143d0d0a3de",41,["D",1771277160650],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderPageLayout } from \"../PageLayout.tsx\";\nimport { Link } from \"../helpers.tsx\";\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport function WritingPage() {\n return renderPageLayout({\n title: \"Writing – Steve Krouse\",\n description: \"Essays and blog posts by Steve Krouse.\",\n children: (\n <>\n

Writing

\n 2026 Jan -\n \n Advice to college students in 2026\n \n
\n 2025 Mar -\n \n Find a model\n \n
\n 2025 Feb -\n \n I proposed to my girlfriend in Quordle\n \n
\n 2022 Nov -\n \n End-programmer Programming\n \n
\n 2019 Apr -\n \n Lunch with Alan Kay: how to become educated enough to invent\n the future\n \n
\n 2018 Oct -\n \n The \"Next Big Thing\" is a Room\n \n
\n 2017 Oct -\n Life Plan\n
\n 2017 Oct -\n \n WoofJS.com One Year Later\n \n
\n 2017 Jul -\n \n The Coding Space: Two Year Update\n \n
\n 2017 Jul -\n \n Learn to code in two-player mode\n \n
\n 2017 May -\n \n The Rose Project (April 2017)\n \n
\n 2017 Mar -\n \n The Rose Project (March 2017)\n \n
\n 2017 Jan -\n \n Resources for creating front-end programming languages and\n frameworks in 2017\n \n
\n 2016 Nov -\n \n Types are shapes — a graphical programming exploration\n \n
\n 2016 Nov -\n \n TEDD — Technologically-Enabled Direct Democracy\n \n
\n 2016 Aug -\n \n Goodbye, Seymour\n \n
\n 2016 Jul -\n \n The Trick to Teach Anonymous Functions to 11-Year-Olds\n \n
\n 2016 Jul -\n \n Scratch Has a Marketing Problem\n \n
\n 2016 Jul -\n \n WoofJS — making JavaScript learnable\n \n
\n 2016 Jun -\n \n The Coding Space: A year in review\n \n
\n 2016 Feb -\n \n The 4 Steps to Giving Magical Praise\n \n
\n 2016 Jan -\n \n \"Why do we need to learn this?\"\n \n
\n 2015 Dec -\n The Lens Lens\n
\n 2015 Dec -\n \n The College of the Future\n \n
\n 2015 Dec -\n \n Stop Paying $250k for a Degree and a Network\n \n
\n 2015 Nov -\n \n Incidentally for machines\n \n
\n 2015 Jun -\n \n A Cursory Education On Education\n \n
\n 2014 Jun -\n \n One year ago today I blogged that I'd never drop out of\n college\n \n
\n 2013 Sep -\n \n Making friends at the world's largest hackathon\n \n
\n 2013 Jul -\n Be a quitter\n
\n 2013 Jun -\n \n What It Really Means To Drop Out\n \n
\n 2013 May -\n Paying it Forward\n
\n 2013 Mar -\n Being Nice Matters\n
\n 2013 Feb -\n \n Medieval Luxury, Modern Torture, and Education 2.0\n \n
\n 2013 Jan -\n Theseus and The Minotaur\n
\n 2012 Dec -\n \n IP And Innovation: A Software Case Study\n \n
\n 2012 Dec -\n \n Scheming Sororities and the Gale-Shapley Algorithm\n \n
\n 2012 Dec -\n \n The Arbitrary and The Elegant\n \n
\n 2012 Nov -\n Start Small\n
\n 2013 Nov -\n \n When nobody's watching\n \n
\n 2013 Nov -\n \n Stuffed Animal Priorities\n \n

\n \n ),\n });\n}\n",[198,190],"00244fe5a08613e29a5337067983efc38ee2146abe0dba9c94d97484bb63e843","posts","posts/work.tsx",{"_32":201,"_13":202,"_80":203,"_82":192,"_83":57,"_84":20,"_85":26,"_34":204,"_41":132,"_88":89,"_90":205,"_64":49,"_92":-5,"_93":-7,"_73":206,"_95":207},"017df896-0b8f-11f1-a432-42dde27851f2","work.tsx","af09a676-0b7c-11f1-9fe6-42dde27851f2",["D",1771284425838],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderPageLayout } from \"../PageLayout.tsx\";\nimport { Link } from \"../helpers.tsx\";\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport function WorkPage() {\n return renderPageLayout({\n title: \"Work – Steve Krouse\",\n description: \"My professional work and career history.\",\n children: (\n <>\n

Work

\n I build{\" \"}\n Val Town, a collaborative\n website to code in the cloud.\n

\n I founded the Future of Coding podcast & community, and\n co-cofounded The Coding Space. I've worked at Looker, First Round\n Capital, and studied computer science at Penn.\n

\n 2022 - now\n Val Town\n {\" \"}– Founder & CEO\n
\n 2022 - 2022\n \n Zaplib\n \n {\" \"}– Co-founder\n
\n 2021 - 2022\n Compose\n {\" \"}– Co-founder\n
\n 2017 - 2019\n Future of Coding\n {\" \"}– Founder\n
\n 2015 - 2017\n The Coding Space\n {\" \"}– Co-founder\n
\n 2014 - 2015\n Looker\n {\" \"}– Software Engineer\n
\n 2013 - 2014\n First Round Capital\n {\" \"}– Investment Team\n

Education

\n 2012 - 2014\n University of Pennsylvania\n {\" \"}– Computer Science\n

\n \n ),\n });\n}\n",[198,202],"d89c1b007aec1aa395007290a710958f3a9a18780e92ad68e4b7fadfa9b22379","posts/projects.tsx",{"_32":210,"_13":211,"_80":212,"_82":192,"_83":57,"_84":213,"_85":26,"_34":214,"_41":112,"_88":89,"_90":215,"_64":49,"_92":-5,"_93":-7,"_73":216,"_95":217},"1075b818-0b7e-11f1-9456-42dde27851f2","projects.tsx","b217e21a-0b7c-11f1-b827-42dde27851f2",37,["D",1771277149495],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderPageLayout } from \"../PageLayout.tsx\";\nimport { Link } from \"../helpers.tsx\";\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport function ProjectsPage() {\n return renderPageLayout({\n title: \"Projects – Steve Krouse\",\n description: \"Side projects and fun things I've built.\",\n children: (\n <>\n

Projects

\n 2026 Feb -\n \n Small World\n \n \n Where do my Twitter friends live? A map visualization.\n \n
\n 2026 Feb -\n \n US Dialect Quiz\n \n \n A fun quiz that guesses where you're from based on dialect.\n \n
\n 2025 Dec -\n \n Command Line Reader\n \n \n Neal Stephenson's command line essay with readable styling.\n \n
\n 2025 Nov -\n \n repro.fyi\n \n \n Infosite on how to make a minimal repro.\n \n
\n 2025 Apr -\n \n BIG Weather\n \n \n Weather dashboard that can be read from far away.\n \n
\n 2025 Apr -\n \n Blob Admin\n \n \n Dashboard to view & edit Val Town Blob Storage.\n \n
\n 2025 Apr -\n \n Static Wordle\n \n \n Wordle without client-side JS. Every move is a link.\n \n
\n 2024 Dec -\n \n CerebrasCoder\n \n \n Real-time app generator powered by Cerebras AI. Generates websites as fast as you can type.\n \n
\n 2022 Sep -\n Date Me Directory\n \n An alternative dating site – create a personal page and browse others.\n \n
\n 2022 Jan -\n \n Zaplib\n \n \n High-performance Rust+Wasm framework for web applications.\n \n
\n 2021 Mar -\n Compose\n
\n 2016 May -\n \n WoofJS\n \n \n A JavaScript framework bridging Scratch and text-based coding for kids.\n \n

\n Many more projects on my{\" \"}\n Val Town profile.\n

\n \n ),\n });\n}\n",[198,211],"3acc5becf525e3ab30c071f717bc5e461339ff337ee25409655a8609bf6eb313","posts/podcasts.tsx",{"_32":220,"_13":221,"_80":222,"_82":192,"_83":57,"_84":223,"_85":26,"_34":224,"_41":112,"_88":89,"_90":225,"_64":49,"_92":-5,"_93":-7,"_73":226,"_95":227},"0b828764-0b7e-11f1-9fed-42dde27851f2","podcasts.tsx","ca9a1326-0b7c-11f1-9fe6-42dde27851f2",35,["D",1771277141193],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderPageLayout } from \"../PageLayout.tsx\";\nimport { Link } from \"../helpers.tsx\";\n\nconst dateClass = \"text-xs text-gray-400 font-mono mr-1 hidden sm:inline-block\";\n\nexport function PodcastsPage() {\n return renderPageLayout({\n title: \"Podcasts – Steve Krouse\",\n description: \"Podcast appearances and conversations.\",\n children: (\n <>\n

Podcasts

Guest Appearances

\n 2025 May -\n \n CoRecursive #111 – The Power of Context: Reimagining Learning\n \n
\n 2025 Mar -\n \n The Next Next – Val Town's Vision for Collaborative Coding\n \n
\n 2023 Aug -\n \n JSParty #287 – Take me to Val Town\n \n
\n 2023 Aug -\n \n Scaling Devtools – Building a developer social network\n \n
\n 2023 Jul -\n \n Syntax.fm Supper Club – Val Town\n \n
\n 2023 Jul -\n \n CS Primer – What makes programming fun?\n \n
\n 2023 Apr -\n \n Devtools.fm #53 – val.town\n \n
\n 2016 Oct -\n \n Off Trail Learning – Dropping Out of College & the Silicon\n Valley Dream\n \n

Feeling of Computing (née Future of Coding)

\n I founded and hosted the{\" \"}\n Feeling of Computing{\" \"}\n podcast (originally called Future of Coding). I hosted episodes 1–48, interviewing\n toolmakers, researchers, and artists about the future of programming.\n

\n 2019 Sep -\n \n #43 – Ellen Chisa & Paul Biggar – Unveiling Dark\n \n
\n 2019 Aug -\n \n #42 – Lane Shackleton – Blurring the Line Between User and Programmer\n \n
\n 2019 Jun -\n \n #40 – Michael Arntzenius – Joining Logic, Relational, and Functional Programming\n \n
\n 2019 Jun -\n \n #39 – Cyrus Omar – Mathematical Foundations for Programming\n \n
\n 2019 Apr -\n \n #38 – Hillel Wayne – The Case for Formal Methods\n \n
\n 2019 Mar -\n \n #37 – Jonathan Edwards – De-Nerding Programming\n \n
\n 2019 Jan -\n \n #35 – Vlad Magdalin – Democratizing Web Design\n \n
\n 2018 Oct -\n \n #32 – Quinn Slack – Basic Developer Human Rights\n \n
\n 2018 Oct -\n \n #31 – Nadia Eghbal – Sustaining the Underfunded\n \n
\n 2018 Sep -\n \n #28 – Omar Rizwan – Exploring Dynamicland\n \n
\n 2018 Jul -\n \n #26 – Glen Chiacchieri – Compassion & Programming\n \n
\n 2017 Sep -\n \n #11 – Pete Hunt – How ReactJS Was Created\n \n
\n 2017 Sep -\n \n #10 – Paul Chiusano – Unison\n \n
\n 2017 Jul -\n \n #7 – Lloyd Tabb – Looker\n \n
\n 2017 Aug -\n \n #5 – Samantha John – Hopscotch & Learnable Programming\n \n
\n 2017 Jul -\n \n #1 – Welcome to the Future of Coding\n \n
\n …and many more at{\" \"}\n feelingof.com/episodes\n

\n \n ),\n });\n}\n",[198,221],"c2f97014d392235023d81f48824ef368abc18f0ce86133658e95e3e2311686ab","PageLayout.tsx",{"_32":230,"_13":228,"_80":231,"_82":-5,"_83":57,"_84":232,"_85":26,"_34":233,"_41":234,"_88":89,"_90":235,"_64":49,"_92":-5,"_93":-7,"_73":236,"_95":237},"79d096ea-0b7c-11f1-a2f9-42dde27851f2","79d0979e-0b7c-11f1-a2f9-42dde27851f2",15,["D",1771276467267],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Nav } from \"./Nav.tsx\";\nimport { Head } from \"./Head.tsx\";\n\ninterface PageLayoutProps {\n title?: string;\n description?: string;\n children: React.ReactNode;\n}\n\n/**\n * Shared page layout for section pages (Work, Projects, Writing, Podcasts)\n * and the homepage. Uses Tailwind browser CDN + Nav + centered container.\n */\nexport function PageLayout({\n title = \"Steve Krouse\",\n description,\n children,\n}: PageLayoutProps) {\n return (\n \n \n \n \n \n

\n \n \n );\n}\n\nconst linkClass = \"text-blue-500 hover:underline\";\n\nfunction FooterLinks() {\n return (\n <>\n Twitter |{\" \"}\n Github |{\" \"}\n LinkedIn\n \n );\n}\n\n/**\n * Helper to render a PageLayout to a Response.\n */\nexport function renderPageLayout(props: PageLayoutProps): Response {\n return new Response(\n renderToString(),\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );\n}\n",[228],"3a0e5bc7d596d07f98b0a58e63458c4cc76d6a27cd0c3d33cb4c0f0dfcab7a75","Nav.tsx",{"_32":240,"_13":238,"_80":241,"_82":-5,"_83":57,"_84":242,"_85":26,"_34":243,"_41":87,"_88":89,"_90":244,"_64":49,"_92":-5,"_93":-7,"_73":245,"_95":246},"a5f64134-0b7c-11f1-a34c-42dde27851f2","de7e1ab2-0b78-11f1-83c8-42dde27851f2",16,["D",1771276541313],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nconst navItems = [\n { label: \"Work\", href: \"/work\" },\n { label: \"Projects\", href: \"/projects\" },\n { label: \"Writing\", href: \"/writing\" },\n { label: \"Podcasts\", href: \"/podcasts\" },\n];\n\n/**\n * Top-level navigation component used on the homepage and blog posts.\n * Uses inline styles to work with both Tailwind (homepage) and Water.css (posts).\n */\nexport function Nav() {\n return (\n \n

\n \n Steve Krouse\n \n

\n {navItems.map((item) => (\n \n {item.label}\n \n ))}\n

\n );\n}\n",[238],"b8aa16032a090ba94cb61a71037fef85d2c5ba371d014b57e4174db53689da22","Head.tsx",{"_32":249,"_13":247,"_80":250,"_82":-5,"_83":57,"_84":251,"_85":26,"_34":252,"_41":234,"_88":89,"_90":253,"_64":49,"_92":-5,"_93":-7,"_73":254,"_95":255},"f9d86e72-0b7b-11f1-8aab-42dde27851f2","f9d86f44-0b7b-11f1-8aab-42dde27851f2",10,["D",1771276252571],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\n// Favicon SVG data URI (orange SK on white)\nconst faviconSvg = `data:image/svg+xml,${\n encodeURIComponent(`\n \n `)\n}`;\n\ninterface HeadProps {\n title?: string;\n description?: string;\n ogImage?: string;\n /** Optional extra elements to include in (stylesheets, scripts, etc.) */\n children?: React.ReactNode;\n}\n\n/**\n * Shared contents: viewport, favicon, OG/Twitter meta tags.\n * Use inside an ... wrapper.\n */\nexport function Head({\n title = \"Steve Krouse\",\n description,\n ogImage,\n children,\n}: HeadProps) {\n return (\n \n {title}\n \n \n\n {/* OpenGraph meta tags */}\n \n \n {description && (\n <>\n \n \n \n \n )}\n {ogImage && (\n <>\n \n \n \n \n )}\n \n\n {children}\n \n );\n}\n",[247],"5170a5d7677db183627b1d9c57abde3acf8c22a6d6a6c3560b66dd53be5a0204",["D",1739394544742],"legacyEnvVars","httpPrivacy","description","The personal site of Steve Krouse, stevekrouse.com","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","972467e0e98511efb2c8e6cdfca9ef9f","tursoHostname","972467e0e98511efb2c8e6cdfca9ef9f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789472446807],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_296":292},"org",{"_11":12,"_290":-5,"_291":292,"_262":263,"_293":294,"_295":49},"branch","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":40,"_13":14,"_34":494,"_47":-5,"_257":49,"_50":51,"_258":51,"_259":260,"_261":-5,"_262":263,"_264":118,"_265":26,"_266":26,"_267":-5,"_268":234,"_53":54,"_269":270,"_271":272,"_273":495,"_275":234,"_276":277,"_278":277,"_279":280,"_281":280,"_282":280,"_283":277,"_284":277,"_285":496,"_287":497,"_289":498,"_48":49},"tree",[375,389,390,391,392,393,394,395,396,397,398],"files",[375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398],"counts",{"_364":234,"_365":158,"_366":367,"_368":369,"_370":371},"contents",[321,322,323,324,325,326,327,328,329,330,331],"upstreamProject","upstreamBranch",{"_32":33,"_34":319,"_36":320,"_13":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1739394544742],["D",1784749093711],{"_32":360,"_13":198,"_80":192,"_82":-5,"_83":57,"_84":87,"_85":26,"_34":361,"_41":234,"_88":362,"_90":-5,"_64":49,"_92":-5,"_73":363},{"_32":249,"_13":247,"_80":250,"_82":-5,"_83":57,"_84":251,"_85":26,"_34":358,"_41":234,"_88":89,"_90":253,"_64":49,"_92":-5,"_73":359},{"_32":240,"_13":238,"_80":241,"_82":-5,"_83":57,"_84":242,"_85":26,"_34":356,"_41":87,"_88":89,"_90":244,"_64":49,"_92":-5,"_73":357},{"_32":230,"_13":228,"_80":231,"_82":-5,"_83":57,"_84":232,"_85":26,"_34":354,"_41":234,"_88":89,"_90":235,"_64":49,"_92":-5,"_73":355},{"_32":165,"_13":162,"_80":166,"_82":-5,"_83":57,"_84":167,"_85":26,"_34":352,"_41":169,"_88":89,"_90":170,"_64":49,"_92":-5,"_73":353},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":57,"_84":148,"_85":26,"_34":350,"_41":112,"_88":150,"_90":151,"_64":49,"_92":-5,"_73":351},{"_32":344,"_13":345,"_80":346,"_82":-5,"_83":57,"_84":87,"_85":26,"_34":347,"_41":234,"_88":89,"_90":348,"_64":49,"_92":-5,"_73":349},{"_32":338,"_13":339,"_80":340,"_82":-5,"_83":57,"_84":87,"_85":26,"_34":341,"_41":234,"_88":89,"_90":342,"_64":49,"_92":-5,"_73":343},{"_32":128,"_13":125,"_80":129,"_82":-5,"_83":57,"_84":130,"_85":26,"_34":336,"_41":132,"_88":89,"_90":133,"_64":49,"_92":-5,"_73":337},{"_32":108,"_13":105,"_80":109,"_82":-5,"_83":57,"_84":110,"_85":26,"_34":334,"_41":112,"_88":113,"_90":114,"_64":49,"_92":-5,"_73":335},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":57,"_84":56,"_85":26,"_34":332,"_41":87,"_88":89,"_90":91,"_64":49,"_92":-5,"_73":333},["D",1771620507805],[74],["D",1771276744447],[105],["D",1771276734267],[125],"0110df3c-0b4d-11f1-b7e2-42dde27851f2","helpers.tsx","019c6716-dfe9-752b-8399-b3c895bc8c8a",["D",1771256078319],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nconst linkClass = \"text-blue-500 hover:underline\";\nexport const Link = (\n { children, href }: {\n children?: React.ReactNode;\n href: string;\n },\n) => {children};",[339],"0110d924-0b4d-11f1-b7e2-42dde27851f2","analytics.ts","019c6716-dfe9-752b-8399-aff5f59f96bb",["D",1771256078319],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport async function getHits() {\n const winner = await Promise.race([\n _getHits(),\n new Promise((resolve) => setTimeout(resolve, 1000)),\n ]);\n if (!winner) throw new Error(\"Took longer than 1 second to get hits\");\n return winner;\n}\n\nasync function _getHits() {\n const [, { rows: [[monthHits]] }, { rows: [[todayHits]] }] = await sqlite\n .batch([\n \"INSERT INTO stevekrouse_com_hits DEFAULT VALUES\",\n \"SELECT COUNT(*) FROM stevekrouse_com_hits where strftime('%m', timestamp) = strftime('%m', 'now') AND strftime('%Y', timestamp) = strftime('%Y', 'now')\",\n \"SELECT COUNT(*) from stevekrouse_com_hits where strftime('%m', timestamp) = strftime('%m', 'now') AND strftime('%Y', timestamp) = strftime('%Y', 'now') AND strftime('%d', timestamp) = strftime('%d', 'now')\",\n ]);\n return { monthHits, todayHits };\n}",[345],["D",1771276794408],[143],["D",1771276260296],[162],["D",1771276467267],[228],["D",1771276541313],[238],["D",1771276252571],[247],"0110aff8-0b4d-11f1-b7e2-42dde27851f2",["D",1771256078319],"directory",[198],"pulls","branches","forks",4,"envVars",{"_372":234,"_374":234},"connections",{"_372":234,"_373":234},"count","unfilledCount","emptyCount",{"_32":360,"_13":198,"_80":192,"_82":-5,"_83":57,"_84":87,"_85":26,"_34":491,"_41":234,"_88":362,"_90":-5,"_64":49,"_92":-5,"_93":492,"_73":493},{"_32":485,"_13":143,"_80":486,"_82":192,"_83":57,"_84":87,"_85":26,"_34":487,"_41":234,"_88":150,"_90":488,"_64":49,"_92":-5,"_93":489,"_73":490},{"_32":478,"_13":479,"_80":480,"_82":192,"_83":57,"_84":87,"_85":26,"_34":481,"_41":234,"_88":150,"_90":482,"_64":49,"_92":-5,"_93":483,"_73":484},{"_32":471,"_13":472,"_80":473,"_82":192,"_83":57,"_84":87,"_85":26,"_34":474,"_41":234,"_88":150,"_90":475,"_64":49,"_92":-5,"_93":476,"_73":477},{"_32":464,"_13":465,"_80":466,"_82":192,"_83":57,"_84":87,"_85":26,"_34":467,"_41":234,"_88":113,"_90":468,"_64":49,"_92":-5,"_93":469,"_73":470},{"_32":457,"_13":458,"_80":459,"_82":192,"_83":57,"_84":87,"_85":26,"_34":460,"_41":234,"_88":150,"_90":461,"_64":49,"_92":-5,"_93":462,"_73":463},{"_32":220,"_13":221,"_80":222,"_82":192,"_83":57,"_84":223,"_85":26,"_34":224,"_41":112,"_88":89,"_90":225,"_64":49,"_92":-5,"_93":455,"_73":456},{"_32":210,"_13":211,"_80":212,"_82":192,"_83":57,"_84":213,"_85":26,"_34":214,"_41":112,"_88":89,"_90":215,"_64":49,"_92":-5,"_93":453,"_73":454},{"_32":446,"_13":447,"_80":448,"_82":192,"_83":57,"_84":87,"_85":26,"_34":449,"_41":234,"_88":113,"_90":450,"_64":49,"_92":-5,"_93":451,"_73":452},{"_32":439,"_13":440,"_80":441,"_82":192,"_83":57,"_84":87,"_85":26,"_34":442,"_41":234,"_88":150,"_90":443,"_64":49,"_92":-5,"_93":444,"_73":445},{"_32":432,"_13":433,"_80":434,"_82":192,"_83":57,"_84":87,"_85":26,"_34":435,"_41":234,"_88":150,"_90":436,"_64":49,"_92":-5,"_93":437,"_73":438},{"_32":425,"_13":426,"_80":427,"_82":192,"_83":57,"_84":87,"_85":26,"_34":428,"_41":234,"_88":113,"_90":429,"_64":49,"_92":-5,"_93":430,"_73":431},{"_32":201,"_13":202,"_80":203,"_82":192,"_83":57,"_84":20,"_85":26,"_34":204,"_41":132,"_88":89,"_90":205,"_64":49,"_92":-5,"_93":423,"_73":424},{"_32":189,"_13":190,"_80":191,"_82":192,"_83":57,"_84":193,"_85":26,"_34":194,"_41":87,"_88":89,"_90":195,"_64":49,"_92":-5,"_93":421,"_73":422},{"_32":249,"_13":247,"_80":250,"_82":-5,"_83":57,"_84":251,"_85":26,"_34":252,"_41":234,"_88":89,"_90":253,"_64":49,"_92":-5,"_93":419,"_73":420},{"_32":240,"_13":238,"_80":241,"_82":-5,"_83":57,"_84":242,"_85":26,"_34":243,"_41":87,"_88":89,"_90":244,"_64":49,"_92":-5,"_93":417,"_73":418},{"_32":230,"_13":228,"_80":231,"_82":-5,"_83":57,"_84":232,"_85":26,"_34":233,"_41":234,"_88":89,"_90":235,"_64":49,"_92":-5,"_93":415,"_73":416},{"_32":165,"_13":162,"_80":166,"_82":-5,"_83":57,"_84":167,"_85":26,"_34":168,"_41":169,"_88":89,"_90":170,"_64":49,"_92":-5,"_93":413,"_73":414},{"_32":146,"_13":143,"_80":147,"_82":-5,"_83":57,"_84":148,"_85":26,"_34":149,"_41":112,"_88":150,"_90":151,"_64":49,"_92":-5,"_93":411,"_73":412},{"_32":344,"_13":345,"_80":346,"_82":-5,"_83":57,"_84":87,"_85":26,"_34":408,"_41":234,"_88":89,"_90":348,"_64":49,"_92":-5,"_93":409,"_73":410},{"_32":338,"_13":339,"_80":340,"_82":-5,"_83":57,"_84":87,"_85":26,"_34":405,"_41":234,"_88":89,"_90":342,"_64":49,"_92":-5,"_93":406,"_73":407},{"_32":128,"_13":125,"_80":129,"_82":-5,"_83":57,"_84":130,"_85":26,"_34":131,"_41":132,"_88":89,"_90":133,"_64":49,"_92":-5,"_93":403,"_73":404},{"_32":108,"_13":105,"_80":109,"_82":-5,"_83":57,"_84":110,"_85":26,"_34":111,"_41":112,"_88":113,"_90":114,"_64":49,"_92":-5,"_93":401,"_73":402},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":57,"_84":56,"_85":26,"_34":86,"_41":87,"_88":89,"_90":91,"_64":49,"_92":-5,"_93":399,"_73":400},[],[74],[],[105],[],[125],["D",1771256078319],[],[339],["D",1771256078319],[],[345],[],[143],[],[162],[],[228],[],[238],[],[247],[],[198,190],[],[198,202],"01109d7e-0b4d-11f1-b7e2-42dde27851f2","survey.tsx","019c6716-dfe9-752b-8399-9e0075c5550e",["D",1771256078319],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Link } from \"../helpers.tsx\";\n\nexport default async function(request: Request) {\n return new Response(\n renderToString(\n \n \n Steve Krouse\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n Steve Krouse\n

\n \n \n \"a person surveying a space\" by{\" \"}\n Fal Demo App\n \n

Survey the space

\n 🚧 This essay is under active development 🚧\n

• Describe precisely what you're doing

• Think of key words

• Think of words or phrases you'd be likely to use

• Think about where you'd post your thing. Think about where this crowd hangs out

• Google, perplexity, hn search, twitter, deep research

\n \n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}",[],[198,426],"0110838e-0b4d-11f1-b7e2-42dde27851f2","request-for-school.md","019c6716-dfe9-752b-8399-980cf3c121d1",["D",1771256078319],"# Request for School\n\n_Location: Brooklyn, NY_\n\nEver since I went to a magical after-school program\n([IMACS](https://www.imacs.org/)) that helped me go from hating to falling in\nlove with math, I've been extremely passionate about education. To learn about\neducation, I've read dozens of books, visited schools, did a lot of tutoring and\nteaching, and eventually started my own after-school computer science program\nhere in NY, [The Coding Space](https://www.thecodingspace.com/).\n\nMy biggest educational influences are Seymour Papert, The Sudbury Valley School,\nBlake Boles, John Holt, and John Taylor Gatto.\n\nI believe that humans learn best at their own pace, voluntarily,\nself-directedly, so they have a chance to develop an intimate, positive\nemotional relationship with the material.\n\nI believe that a lot of what traditional schools do is actively harmful to\nchildren: large classrooms, curriculum, lectures, tests, homework, etc. These\none-sized-fits-all tools are useful for school systems to manage mass-education\nat scale, but they are woefully worse than more humane and tailored approaches.\n\nFor example,\n[Bloom's Two Sigma Problem](https://en.wikipedia.org/wiki/Bloom%27s_2_sigma_problem)\nshows that literally all students can get A's in all subjects if instead of\ngetting lectured at, they get a personalized tutor. Erik Hoel writes at length\nabout how\n[we used to produce Einsteins through what he calls Aristocratic Tutoring](https://www.theintrinsicperspective.com/p/why-we-stopped-making-einsteins).\nEspecially with modern technology, such as the internet, computers, google,\nwikipedia, not even including recent advances in AI, there are definitely\ncost-effective ways to get every child the attention they deserve. For starters,\nthe flipped classroom model works wonders; that's what I experienced 20 years\nago at IMACS. Secondly, if you remove the overhead of paying for extensive\nadministration of a school, then you can much more affordably scale 1:4 teacher\nto student ratios.\n\nThis is why homeschooling is on the rise. It's growing at an insane rate right\nnow!\n\nYet, it feels depressing to keep a child alone at home all day, learning with\njust mom, and on the computer by themselves.\n\nIt feels like there should be another option that's a vibrant, social place for\nchildren to go that's a culturally rich environment to learn, be creative, make\nfriends, go on adventures, do projects, play make-believe, have fun, learn\nlessons, have space for academic rigor and play, silliness and serious\nproductive fun, time to run around outside and focus time inside, time to read\nwhatever you want, time to go on a walk with friends.\n\nGiven how much I care about this, I fear that I might have to create this\n\"school\" myself: provide this vision, recruit the leaders, teachers, other\nparents and students, to help get it off the ground. If this sounds like your\nlife's work, please reach out!\n\nHowever, I'd be much happier to find that a school close enough to my dream,\nclose enough to where we want to live, and just get to send our kids there,\nwithout having to start it ourselves! **Would you know of such a school?**\n\nIs a Montessori school close enough to what I'm looking for? What about Waldorf?\nAre there any other good pre-existing options in my area?\n\nMy fiancé Emily and I are planning to raise a family in Brooklyn, NY. We\ncurrently live in Prospect Heights. We plan to have 2-3 kids.",[],[198,433],"011076be-0b4d-11f1-b7e2-42dde27851f2","quotes.md","019c6716-dfe9-752b-8399-9657df49ac2c",["D",1771256078319],"A list of my favorite quotes.\n\n## Learning\n\n> Only rarely does some exceptional event lead people to reorganize their\n> intellectual self-image in such a way as to open up new perspectives on what\n> is learnable\n>\n> - Seymour Papert, Mindstorms\n\n## Precision\n\n> If you’re thinking without writing, you only think you’re thinking.\n>\n> – Leslie Lamport\n\n> Instead of regarding the obligation to use formal symbols as a burden, we\n> should regard the convenience of using them as a privilege: thanks to them,\n> school children can learn to do what in earlier days only genius could\n> achieve. (This was evidently not understood by the author that wrote —in 1977—\n> in the preface of a technical report that \"even the standard symbols used for\n> logical connectives have been avoided for the sake of clarity\". The occurrence\n> of that sentence suggests that the author's misunderstanding is not confined\n> to him alone.) When all is said and told, the \"naturalness\" with which we use\n> our native tongues boils down to the ease with which we can use them for\n> making statements the nonsense of which is not obvious.\n>\n> – Edsger W.Dijkstra,\n> [On the foolishness of \"natural language programming\"](https://www.cs.utexas.edu/~EWD/transcriptions/EWD06xx/EWD667.html)\n\n> Everything is vague to a degree you do not realize till you have tried to make\n> it precise.\n>\n> – Bertrand Russel\n\n> malloc for the internet\n>\n> – Jeff Bezos's original spec for s3\n\n# Misc\n\n> Creators need an immediate connection to what they're creating\n>\n> – Bret Victor",[],[198,440],"011045fe-0b4d-11f1-b7e2-42dde27851f2","proposal.tsx","019c6716-dfe9-752b-8399-93a755b2ecfc",["D",1771256078319],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Link } from \"../helpers.tsx\";\n\nexport default async function(request: Request) {\n return new Response(\n renderToString(\n \n \n Steve Krouse\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n Steve Krouse\n

I proposed to my girlfriend in Quordle

\n Emily loves puzzles. Every day she plays Wordle, the New York Times Mini, Connections, Spelling Bee,\n LinkedIn Tango and Queens, and Quordle, in that order.\n

\n I thought it'd be fun to propose in one of her favorite games. It's appropriate, after all, because\n Wordle itself was created for love. But which game would work?\n

\n At the end of the day you have to say \"Will you marry me?\" so that ruled out many options. How can you\n fit that into Wordle or Connections? I tried my hand at a crossword, but damn those are hard!\n

\n Eventually I realized the question would fit inside Quordle, but with extra letters. For context,{\" \"}\n Quordle{\" \"}\n is four Wordles that you're playing at the same time. I'd deal with the extra letters by having them\n fall away at the end, leaving the big question. The first set of words I came up with were \"Willy\",\n \"Youth\", \"Marry\", and \"Meaty\", but I eventually changed \"Meaty\" to \"Meter\" because Emily loves\n {\" \"}\n when words end with \"er\".\n

\n Enter AI. I work at{\" \"}\n Val Town, and we make a website for programmers to build apps.{\" \"}\n Townie{\" \"}\n is our AI-assistant that writes Val Town apps for you. I started with a very simple prompt and a\n screenshot of Quordle.\n

\n On a cold December night at Betaworks in Chelsea, I cozied up and worked with Townie for 90 minutes. It\n was one of David Bieber's wonderful hack nights, so the atmosphere was perfect. By the end of the night,\n it was done. I remember it being a lot of fun.\n

\n Looking back at the chat history, I see that there are{\" \"}\n 91 versions, which means I was\n averaging about one edit per minute. It takes Townie, powered by Claude 3.5 Sonnet, about 30-60 seconds\n to rewrite a couple hundred lines of code, so that would account for the speed. I think most of those\n edits were through Townie, but I also made some manual edits to the code for smaller changes.\n

\n The basic mechanics of Quordle were more complicated than I'd realized. For example, the keys on the\n on-screen keyboard need to be colored appropriately, green, yellow, gray, and black, representing\n whether that letter is in the right spot, wrong spot, not in the word, or not played yet, respectively,\n and in four quadrants, for the four different Wordle boards on-screen. Also each of the attempts on each\n Wordle board needs to be colored appropriately, with subtle rules governing various end states.\n

\n But after I got the basic mechanics working, the game felt flat somehow. I pulled up the original and\n noticed all sorts of tiny micro interactions that gave the game life. When you press on a letter on the\n keyboard, it moves up and turns another color. When a letter shows up on the screen, it animates in.\n When you get a word correct, it animates in in a flipboard style.\n

\n I also wanted to copy how Quordle highlights invalid words in red, but for that I needed a list of valid\n words. It was suprisingly easy to find the list that Quordle itself was using. I popped open the Chrome\n Network tab, navigated to Quordle, and hit Cmd+F to get the Search across everything. There I just put a\n random word that I knew to be on the list, \"youth\", and voila. I found it interesting to see the lists,\n broken up into a `wordBank`, `blacklist`, and `allowed`. I went with the `allowed` list.\n

\n I later realized that the letters-falling-away animation at the end happened quite quickly, so I needed\n some way to slow it down, and get her attention. I could imagine her looking away right when she gets\n the last word, and she'd miss it. So I had Townie add a modal when she won, asking her if she's ready\n for the next level.\n

\n \n

\n \n \n

\n The morning I decided to do it, we first started with her normal word games. Then I announced that I\n made her a word game. She was excited. She enjoyed the Quordle, but was a bit confused why all the words\n were so random. The only one that had any significance was \"meter\", because it ended in \"er\", but even\n that significance was weak. Safe to say she had no clue what was coming. She got to the win screen and\n was ready for the next level. The letters fell away and she turned to me and said, \"What?\"\n

\n The rest happened in a blur, but I did get down on one knee and pull out a ring. She said yes.\n

\n \n

\n You can play Emirdle here\n . The next level is reserved for Emily.\n

\n \n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}",[],[198,447],[],[198,211],[],[198,221],"01101ca0-0b4d-11f1-b7e2-42dde27851f2","nvc.html","019c6716-dfe9-752b-8399-8c557d3a3b74",["D",1771256078319],"\n \n NVC\n \n \n \n

\n \n What are you feeling?\n

\n \n

Peaceful

calm

content

satisfied

secure

centered

relieved

confident

comfortable

composed

fulfilled

Affectionate

warm

tender

appreciative

passionate

compassionate

loving

touched

Happy

glad

pleased

excited

joyful

delighted

amused

encouraged

grateful

hopeful

thrilled

moved

Playful

energetic

expansive

adventurous

mischievous

silly

light

hearted

enthusiastic

lively

optimistic

Interested

inspired

curious

surprised

stimulated

amazed

absorbed

fascinated

engaged

eager

enchanted

intrigued

motivated

Rested

alert

alive

invigorated

refreshed

rejuvenated

relaxed

renewed

Sad

lonely

hopeless

hurt

sorrowful

grief

despair

discouraged

disappointed

helpless

Confused

hesitant

indifferent

suspicious

puzzled

troubled

bewildered

baffled

conflicted

torn

uncertain

skeptical

Scared

terrified

startled

shocked

nervous

anxious

worried

desperate

afraid

cautious

insecure

Uncomfortable

uneasy

embarrassed

fragile

vulnerable

ashamed

distressed

disturbed

bored

restless

jealous

impatient

exasperated

stressed

envious

tense

concerned

tired

weary

exhausted

overwhelmed

Angry

irritable

annoyed

agitated

frustrated

disgusted

furious

enraged

mad

angry

bitter

\n \n \n What are you needing?\n \n \n

Subsistence

air

food

health

movement

safety

rest/sleep

shelter

touch

water

Security

consistency

efficiency

predictability

order

structure

protection

stability

accountability

trust

reassurance

Freedom

autonomy

choice

ease

independence

responsibility

space

spontaneity

empowerment

self-expression

Well-being

health

healing

rest

privacy

self-care

nurturing

Relaxation

humor

joy

play

fun

recreation

pleasure

rejuvenation

Connection

affection

appreciation

attention

closeness

companionship

harmony

intimacy

love

support

tenderness

warmth

To Matter

acceptance

care

compassion

consideration

empathy

kindness

respect

to be heard

to be seen

understanding

Community

belonging

communication

cooperation

equality

inclusion

mutuality

participation

partnership

shared reality

Awareness

authenticity

competence

dignity

growth

honesty

integrity

clarity

discovery

learning

Meaning

aliveness

challenge

consciousness

contribution

creativity

effectiveness

exploration

integration

purpose

Transcendence

beauty

balance

celebration

communion

faith

flow

hope

inspiration

mourning

peace

presence

wholeness

\n \n \n \n",[],[198,458],"010fe564-0b4d-11f1-b7e2-42dde27851f2","model.tsx","019c6716-dfe9-752b-8399-89a061463476",["D",1771256078319],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Link } from \"../helpers.tsx\";\n\nexport default async function (request: Request) {\n return new Response(\n renderToString(\n \n \n Steve Krouse\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n Steve Krouse\n \n

\n \n \n \"a woman painting a landscape\" by{\" \"}\n \n Fal Demo App\n \n \n

Find a model

\n One of the most common pieces of advice I give to mentees is to\n \"find a model.\" It's a stupid-simple technique, but can\n transform how you work. It will let you do things faster,\n better, and with more confidence. It's a mystery that everybody\n doesn't use it all the time.\n

\n The core of the technique is to find a model artifact to keep an\n eye on while you work on your artifact, which could be a coding\n project, a song, a painting, an email, a social media post, an\n essay like this one, etc.\n

\n The are three important benefits to this technique.\n

\n A north star\n

\n A model gives you a north star; something to shoot to; something\n you can visually compare your work to, and see what's missing; a\n yardstick by which you can measure how \"done\" your artifact is.\n Without a model, how do you even know what kind of thing you're\n making? How can you tell its shape? A model is like a\n hyper-specific template that lets you stay focused on the end\n goal.\n

\n There are many related principles:{\" \"}\n \n Backward Chaining\n ,{\" \"}\n \n Top-down design\n ,{\" \"}\n \n The XY Problem\n , and Amazon's principle to \"Write the Press Release\n First\". These all get at the idea that you don't want to lose\n sight of the end goal. Without a model, you risk getting lost in\n the details. Losing the forest for the trees. A model helps you\n keep the whole forest in sight, so you actually create what you\n set out to.\n

\n However, it's important to remember that \"Plans are useless, but\n planning is indispensable.\" In other words, you shouldn't feel\n compelled to stick to your model so closely. Use the parts that\n you want, and forget about the rest. A model is high up on{\" \"}\n The Ladder of Abstraction, but that doesn't\n mean you can't change it. If you realize that you chose the\n wrong model or that your goals have changed, excellent. Time to\n find a better model.\n

\n The fact that you have a model is what allows you to realize\n when you have the wrong model. Imagine you're a ship captain\n navigating by a star that you thought was the north star, but\n then later realized was just Venus. The time you wasted\n navigating by Venus would've been equally wasted if you were\n navigating without reference to any star. At least when you're\n navigating by Venus one of your fellow sailors can come over\n your shoulder and say, \"Hey captain, I think that's Venus.\" If\n you're navigating by nothing, then you're truly lost at sea.\n

\n Un-stuck-ing yourself\n

\n Another reason to have model is that it's very helpful when you\n get stuck. Don't know how to do something? See how your model\n does it.\n

\n For this essay I felt stuck on the first line. This essay's\n model is{\" \"}\n \n Do things that don't scale\n , because it's an essay that explains a cognitive\n technique. Its first sentence isn't the prettiest, but it gets\n the idea across and it's a hook: \"One of the most common types\n of advice we give at Y Combinator is to do things that don't\n scale.\"\n

\n Now go back and read my first line. Is it deritive? Yes. Would\n literally anyone have noticed if I didn't draw your attention to\n it? No. There's something profoundly true about the line\n oft-attributed to Picasso, \"Good artists borrow. Great artists\n steal.\" I didn't truly believe this quote until I read{\" \"}\n \n The Elements of Eloquence\n , wherein he shows examples of Shakespeare lifting whole\n sentences out of other books and plays, only changing a couple\n words.\n

\n In school, they call this behavior cheating, which is probably\n why this technique isn't practiced more often. I think it's an\n important lesson to unlearn. Why reinvent the wheel? Save time\n so you can focus on your unique contribution. Just be sure to\n give attribution and credit where it's due.\n

\n Maybe someone already did it, so you don't have to\n

\n How many times have you built something only later to realize\n someone else already built it? Chances are that if an idea\n occurs to you, likely it has occured to someone like you. So\n many people don't even take a second to google around before\n embarking on a project. Instead of wasting your time reinventing\n the wheel, see if someone already invented it. Then stop. Just\n use their thing.\n

\n How to find a model\n

\n One reason \"finding a model\" isn't more common is that it can be\n quite difficult to find a good model. I call that technique{\" \"}\n \"surveying the space\".\n

\n \n ,\n ),\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}",[],[198,465],"010f8b46-0b4d-11f1-b7e2-42dde27851f2","advice.md","019c6716-dfe9-752b-8399-8574143f676d",["D",1771256078319],"# Advice to college students in 2026\n\nOn Friday, a group of students will be visiting by my office as part of \"Penn\nTech Trek\", a program where Penn students visit tech companies. I went on two\namazing Tech Treks, one in NY and one in SF, so I am really excited to get to\npay it forward for the next generation.\n\nSo I sat down and thought about:\n\n- What I wish someone would've told me when I was in college\n- What I learned since I graduated\n- What advice I'd give to a college graduate in 2026\n\n### AI\n\nI feel like in 2026 you have to start with AI. It's just in the air, so much\nexcitement and fear. What jobs will be left? It's a wild time to be joining the\nworkforce!\n\nI've been thinking a lot about workout classes. For most of human history,\nworking out was a part of life, farming, cleaning, etc. But then we automated\n99% of physical labor, which is why it seems like there's a gym or yoga studio\non every block. If you told a farmer in the year 1800 that 99% of people\nwouldn't farm in the future, he'd be very confused. What are these muscles for?\nWhat jobs will there be?\n\nThe same may be true for us. Maybe brains won't be required for work. Maybe\nwe're about to automate thinking.\n\nWhat's left? The human touch. Take solace in the fact that we don't watch robots\nplay basketball or chess, or make art.\n\nAlso: if there's no job for you because a robot can do anything you can do\nbetter, then that also _necessarily_ means there's _incredible_ abundance in\nsociety. Maybe we all become like trust-fund kids looking to make life\nmeaningful. There's always teaching or art.\n\nBut most importantly, I want to share a lesson about bubbles. A very smart\nfriend called me frantically about how they feel like they need to quit their\njob and join a company to get in while it’s good, because this is a\nonce-in-a-lifetime new industry being born. I told her she should take a deep\nbreath. Hype cycles come and go. It’s hard to have historical perspective on\nyour first one. She didn't believe me. But that wasn't even AI! That was crypto.\nThat's how all-consuming bubbles are. I know this one feels different, but\nthat's how they all feel. So we should all take a deep breath.\n\n## Legibility\n\nLegibility means giving the world affordances for how they can interact with you\nand fit you into their lives – for jobs, romance (have you heard of\n[Date Me Docs](https://dateme.directory/)?), friends, collaborators, vendors,\netc. You can think of it as your \"interface\", like your own personal API. Or as\nHenrik says,\n\"[A blog post is a very long and complex search query to find fascinating people and make them route interesting stuff to your inbox](https://www.henrikkarlsson.xyz/p/search-query)\".\n\nBy default, you're invisible to the world. At the other end of the spectrum are\ntruly famous people. I'm talking about this secret third thing where you put a\nlot of stuff about yourself and what you're interested in, working on, thinking\nabout, etc, online so that you are a visible person.\n\nWhen I started the Future of Coding podcast & community and blogged super\npublicly, I thought about creating a lighthouse to attract my people and\ncollaborators. I walked into an empty room and started talking at the walls and\nyou'll never guess what happened next. People came into the room! And they're\nstill there! (Even though I left!)\n\nLegibility is how I found some of my best friends, investors, employees and\nsolutions to my problems. Unfortunately Twitter is not what it was, but find a\nplace where you can post online – a link is all that matters – and do as much of\nit as you can. Quantity over quality, excluding slop, of course.\n\nA well-phrased problem is a problem half solved. In framing it, you sometimes\nsolve it. Now that it's written down you can email it to friends, tweet it, ask\nAI. I had incredible back pain and was complaining about it to a friend who had\na super kooky solution that worked out.\n\nHowever, don't let illegibility stop you from doing things, especially in the\nearliest days. When I started my independent researcher / podcaster phase,\neveryone in my life thought I was crazy, and it was hard to explain to folks\nwhat I was doing. I just kept talking about it online in whatever way I could,\nand it got more legible over time. Henrik does a great job explaining the\nimportance of illegibility in\n[Looking for Alice](https://www.henrikkarlsson.xyz/p/looking-for-alice).\n\n## People\n\nLikely, the best work you’ll ever do will be with people. Either you choose\nthem, or they’ll be chosen for you. (Either you'll hire them or you'll join a\nteam.) Take this incredibly seriously. Your job is to cultivate your\nrelationships and future coworkers, employers, and employees.\n\nTreating people super well is such an amazing hack, and it’s easy to justify all\nthe way up and down the value chain.\n\nFigure out (and continually refine) what your values are so you can spot when\nyour partners don’t share them and end things earlier, saving yourself\nheartache. For example, I value reading, writing, honesty, integrity, kindness,\nself-awareness, legibility, nerdiness, personal projects.\n\n## Reading\n\nReading is important.\n\nMy strategy is to stop reading or listening whenever I’m bored. Don’t let the\nwrong book stop you from reading the right one. Boring books will become\ninteresting when the timing is right. I mostly do audiobooks. It’s important to\nplay with speed to keep you engaged. Fiction counts.\n\nThe solutions to a lot of your problems exist, and someone took the time to\nwrite them down. Don’t be stupid - read the solutions. For example, if you want\nto start a startup and you don’t read The Lean Startup, The Mom Test, Paul\nGraham's essays, and watch the Startup School videos, you’re playing guitar\nhero, not guitar.\n\n## Goals\n\nGoals are tricky, because the stupidest and least informed version of yourself\nis the one setting them for smarter future versions of you. Still, containers\nand targets are powerful.\n\nI think it’s super useful to point yourself at concrete examples. This is the\npoint of role models and heroes. The same is true in startups. A startup pitch\nis a lot about which company you want to be like. For example, Val Town wants to\nbe like Vercel or GitHub or Cloudflare. This is also relevant in selling and\npositioning.\n\nSeek out role models and role model companies, and as you \"meet your heroes\"\nfind increasingly better role models. Nobody is perfect.\n\n## Random startup tips\n\nFocus is your biggest weapon. Jealousy is the guard. Do fewer things better. The\nrewards to scale make this exponentially true.\n\nStay until your cliff date if there’s a good chance the company will make good.\n\nDon’t try to save money on corporate lawyers. Just use Nick Harley (or someone\nelse strongly recommended) and don’t worry about it.\n\nVCs are pretty good at recommending startups. Once you realize you need to\nunderwrite the startup you join as if you were a VC, you can kinda outsource it\nto VC firms. But it’s even better if you can talk to the VC who's on the board,\nnot just read press clippings.\n\nVCs and other wise folks have so much wisdom, but also so much anti-wisdom.\nThey’re often biased by what worked for them at a specific moment in time, ie\nthey convinced me in 2013-2019 that devtools was not an investable category.\nJoke’s on them!\n\nPre-seed investing is mostly about people. Ignore the market and product, except\nas signals about the people. Only invest in people you’ve known for years and\ntrust implicitly. That way you can underwrite their trajectory, judgment, taste,\nand integrity. If they have those, they’ll fix any bad product or market faster\nthan you ever could. As PG says, a startup idea must seem like a bad idea in\norder to succeed, so don't judge ideas, judge people.\n\nA really great path to starting a startup is to get a job somewhere cool and\nlearn all their problems. It’s really hard to get jazzed about solving a B2B\nenterprise’s problem. It’s really easy to get jazzed about your own problems. So\njoin a B2B enterprise and get yourself some valuable problems.\n\nOnce you work at a company, you can often find the role you want by navigating\nthe company. It’s easier to walk in the easy door, and then work your way over\nthan to try to get the job you want when you don’t know anyone there.\n\nIt’s really hard to apply for jobs without knowing what it’s like to be on the\nother side, reviewing candidates and hiring. VC is the same. It’s awesome to be\non both sides, the \"buy side\" and the \"sell side\". It makes things less mystical\nand makes you more empowered. College admissions teaches the wrong lessons. Life\nis a lot more hackable and personal.\n\nIf you want to work somewhere, make it your mission and target them relentlessly\n– respectfully, without being a stalker. Nobody goes for the love offensive, but\nit's the best. I know a bunch of stories about super successful people walking\nin the side-door to their dream job by simply being persistent, resourceful, and\nshameless.\n\nWorking at a VC firm early in your career is a great way to kickstart things.\nIt's like you're sitting at the top of a hill, getting to look out over the\nwhole industry. I recommend First Round Capital. Thrive also seems hot right\nnow. Probably others are good too.\n\n## Emotional tips\n\nIf you have a bad habit you can’t quit, don’t shame yourself. Get curious.\nThere’s probably a good reason it exists. Escapism. Learning leadership.\nSomething else.\n\nThe Landmark Forum is a three-day motivational course that I recommend with\ncaveats. It was key to starting my first company. Yet it’s also a bit cult-y in\nhow they try to get you to sell their course for them. Still, I’d recommend it\nheartily if you find yourself stuck.\n\nIf you’re upset about someone else and pointing a finger, you’re probably upset\nabout something in yourself that you’re not acknowledging yet and need some\nself-soothing. Any time you're upset, it’s usually not about them. It's about an\nemotional need in yourself you have to meet. Non-Violent Communication is a\ngreat book. I made [this mobile-friendly worksheet](/nvc) I use every 6 weeks or\nso during emotional conversations.\n\n## Seek out mentors\n\nEmail me with questions. I love giving advice. Most people do.\n\nAsk for money or a job or intros, get advice.\n\nAsk for advice, get money or a job or intros.\n\nI’m steve@val.town.",[],[198,472],"010f3696-0b4d-11f1-b7e2-42dde27851f2","abstraction.md","019c6716-dfe9-752b-8399-82021b20dd81",["D",1771256078319],"# Delegation & management is what you do when you lack proper tools & abstractions\n\nIn other words, AI Agents are NOT the future of software development.\n\nBut it's no surprise everyone is confused.\n\n## New media mimics old media\n\nNew media always initially resembles old media. Early television resembled film and radio. Early web pages looked like newspapers. \n\nIt took decades for tv, movies, tiktok, and algorithmic feeds to emerge. And to move from banner ads to google ads.\n\nAI is the same. Our closest analogue is the software engineering employee, so of course we're delegating to it. And to scale up, we think we need to scale up our employees, and all the sudden, we are managers.\n\nBut management sucks. We should all want to be superpowerful craftspeople (think Iron Man), not managers of armies of minions.\n\nIf you're thinking about managing your swarm of 20 AI agents, stop! You've gone too far! This is the equivalent of wondering how in 1910 you'll hitch 20 horses to a wagon to achieve 60mph speeds. You're in the wrong paradigm entirely.\n\nOr like thinking that the way to replace a room full of human accountants is a swarm of digital accountants. No! It's a spreadsheet and a single human. The fact that calculations are happening under the hood is transparent to the user.\n\n## Agents are an implementation detail\n\nAI Agents are an incredible *implementation detail*. You can dramatically increase the effectiveness of AI, when you put it in a feedback loop with its environment. This is undeniable.\n\nThis does NOT mean that we humans have to INTERFACE with agents. Back to a car analogy: whether it's an internal combustion engine or an electric motor, the interface to a car is the same steering wheel and pedals. Nobody has to MANAGE the firing of the pistons.\n\nThe same should be true for human programmers. We should not tie ourselves to the interface of delegating to agents.\n\nWhy? Because delegation & management are the worst possible ways of increasing ones leverage. \n\nYou should only succumb to delegation & management when all other methods fail you.\n\nAny use of delegation & management is a cry for a better abstraction or tool.\n\nFor example, booking a flight. We used to call travel agents. Now we have web interfaces that are better. You can express your preferences more quickly and precisely. You can use your monkey eyes to quickly take in all the options and trade-offs.\n\nYet, people still hate booking flights and often do delegate it to their assistants. Why?\n\nBecause the interface still isn't good enough! It still takes a way too many unnecessary clicks. \n\nThink about ecommerce before amazon & shopify optimized the checkout flows. I know very few people who delegate buying stuff on amazon. The interface has minimized incidental complexity.\n\nBut what about when you don't care about the details and just want something to work? For example, \n@pete_millspaugh\n told me about how his car has an issue. He tried to solve it himself, but he just doesn't have the time to learn about cars and how to fix them. Ultimately, he just wants a working car, not an understanding of cars. Thus, he delegates to a mechanic.\n\nThis is fine, but we should acknowledge that it's still the lack of sufficient tools that makes this delegation necessary. In this particular case, a big part of the problem seems to be a lack of observability.\n\n## Observability: a case study\n\nThis is similar to web servers that lack good observability. You would need to delegate to humans to ssh into various servers and read log streams, hunting for what could be going wrong. \n\nOr you could invest in observability tooling. When an issue comes up, one human at a once glance can see exactly where the problem is. If your observability is good enough, you can even automate remediation measures\n\nLet's pause and meditate on the distinction between delegating to your 4 human teammates to ssh around to find the issue vs an observability + remediation tool that automatically detects issues (like a ddos) and blocks the proper ip addresses. The second case may superficially appear like delegation, but it is in fact a TOOL at the right level of ABSTRACTION.\n\nThe same thing is happening in code. Humans are delegating the writing of code to AI agents. Humans are not reading this code. (You can call this \"vibe code\" or \"write-only code\".) People say that this is just the next step up in higher-level programming languages.\n\nYes, it's true that \"code nobody reads\" is not new. When we compile C to Assembly, nobody reads the Assembly. (Unless it's a leaky abstraction.) So isn't English the newest high-level programming language?\n\n## English is not a programming language\n\nNo! English is a very bad interface for expressing programming ideas.\n\nAs Dijkstra said, \"The purpose of abstraction is not to be vague, but to create a new semantic level in which one can be absolutely precise.\"\n\nEnglish is vague. Programming requires precision. The whole point of higher-level languages is to let you be precise at the right level — not to let you be imprecise.\n\nAs Bertrand Russel said, \"Everything is vague to a degree you do not realize till you have tried to make it precise.\"\n\nOr as Dijkstra said, \"Instead of regarding the obligation to use formal symbols as a burden, we should regard the convenience of using them as a privilege: thanks to them, school children can learn to do what in earlier days only genius could achieve.... When all is said and told, the \"naturalness\" with which we use our native tongues boils down to the ease with which we can use them for making statements the nonsense of which is not obvious.\"\n\nBut then why does prompt-to-app work so well? \n\nFor example, the last couple of days, I vibe coded a couple of small apps, barely looking at the code. It was super fun and useful! (Guys, I promise, I'm not a hater. I LOVE AI. Just ask my teammates or my fiancée.)\n\nThe code was meh, but that didn't matter. This does superficially seem similar to how we don't care that compiled bytecode is impossible to maintain.\n\nBut alas we get to the heart of the matter: an abstraction is a transparent tool. Unless something goes very wrong (ie abstraction leakage), when you use Python to describe something, you know exactly what's happening under the hood and how to steer it. This is similar to the controls of a car. You don't have to know anything about how the engine works to drive. These are good abstractions.\n\nThe same is true for no-code and low-code tools, like Wix, Squarespace, Zapier, Retool. These are very precise tools at a higher-level of abstraction. You know exactly what they are doing and how to make them do what you want.\n\nAn important property of a tool is the feedback it gives to the human about what is possible. You make a precise change and get immediate feedback. This is getting your hands wet in the clay. English-as-programming language does a very poor job at this. Especially when you're waiting minutes for any feedback.\n\nVibe coding (coding without looking at the code) is very similar to using a website builder like Squarespace. The generated code really does not matter. Until you want to do something complex. Then you're in trouble.\n\nUltimately, in my opinion, there is irreducible complexity in building software, and thinking that we can paper over it with english and smarter agents is wrong. It's not having enough respect for the underlying complexity, and how hard it is to build better abstractions.\n\nI've spent years of my life trying to build better abstractions and programming languages, ie improvements over react or http to make it easier for folks to build web apps. It's hard! At the end of the day, the state of the art is complex React, plus a hand-rolled server, and a lot of hard engineering work to make it all work.\n\nDon't you think if there were better abstractions available us programmers would use them?\n\nNo matter how smart AI gets, AI will be subject to the same laws of intelligence that humans are. Good code will be just as – if not more – important for AIs to write than it is for humans to write, and for the same reasons.\n\nThinking that understandable code doesn't matter is like thinking that it doesn't matter how heavy the materials we build buildings out of in the future because we can just build robots that are strong enough to carry it. Sure, but why waste the power? \n\nWe can put genius programmers on a shitty codebase and they can figure it out, but they'll be 100x more productive if you let them pay down the tech debt, and work in a beautiful codebase. The same will be true for AI.\n\n## The future of programming\n\nSo what is the future of coding with AI?\n\nThat's the wrong question. \n\nThe right question is: what is the future of programming we want? What is the dream programming experience 10 years from now to build some specific piece of software?\n\nThe fact that we'll have faster, cheaper, smarter AI is a given, in the same way that we'll have faster and cheaper cpus and gpus.\n\nAlan Kay invented the personal computer by buying his way into the future, in the 70s, spending millions on what would be commodity hardware in the 90s.\n\nBret Victor showed what a dream Learnable Programming environment would look like in 2012, which we still haven't been able to implement. There was no AI involved, simply because it wasn't the limiting factor for making programming more learnable.\n\nSoftware creation should be a transparent tool, with amazing abstractions, that removes all drudgery from programming, that lets you get even closer to the problem domain than before, lets you use your brain maximally, learn maximally, stay in a flow state, complete tasks quickly, manage lots of complexity, maintain and refactor large brownfield apps over long periods of time joyfully\n\nThis is the future we should be shooting for. Agents will certainly play a part, but in the same way that pistons play a part in internal combustion engines. Humans should use a steering wheel or pick their precise desired location on a map.",[],[198,479],"010ec4ea-0b4d-11f1-b7e2-42dde27851f2","019c6716-dfe9-752b-8399-7fdebd0b3695",["D",1771256078319],"# Steve Krouse's README\n\n👋 Hi, I'm Steve. This README explains a bit about me, the standards I hold\nmyself to and how to work best with me. Hopefully, reading this document will\nsave you some time learning my quirks the old-fashioned way. If you find me not\nliving up to my own standards, please let me know, so I can make it right.\n\n## A bit about me\n\n- I was born in NYC and raised in South Florida\n- I'm a big audiobook reader\n- I dropped out of Penn after 3 semesters\n- I'm Bret Victor and Alan Kay fanboy\n- I'm passionate about programming and education\n- I'm a Crystal Palace supporter\n\n## Values\n\nThese are some of the standards I hold myself to, and traits I value in others.\n\n1. **Integrity** – honesty, accountability, doing the right thing. Doing what\n you'll say you'll do. Not lying. Not taking advantage of people. Being\n responsible. Integrity is the cornerstone of trust, and trust lets us all go\n further, faster.\n\n2. **Kindness** – treating people with respect, patience, good-will. Wanting the\n best for others. Taking pleasure in helping people. Taking others'\n perspectives and emotion into account, and treating them with care and\n empathy. Working _with_ people instead of manipulating them.\n\n3. **Resourcefulness** – leveraging all resources and clever thinking to\n identify and solve problems. Not getting stuck, spiraling, or getting\n discouraged. Asking for help when you need it – other people are some of the\n best resources! – but not bothering people until you've done your homework\n first.\n\n## Async communication\n\nI love async communication.\n\nI regularly check:\n\n- email\n- text\n- facebook messenger\n- whatsapp\n- twitter DMs\n- bluesky\n- linkedin\n\nI try to at least acknowledge receipt of all non-spam messages within a day or\ntwo. Always feel free to bump a message to urge me to reply more quickly.\n\nI'm a big fan of sending and receiving audio or video messages when it makes\nsense more than text. For example, for giving feedback on an essay or a website,\ndemoing a bug, or teaching how to do something.\n\nI may message you at odd hours, but that doesn't mean I expect a reply right\naway. That's what's so great about async communication: the sender can send\nmessages at the right time for them, and the receiver can reply at the right\ntime for them, and those can be two very different times.\n\nWhen there's a tense, fraught, complex, or important conversation happening on\nDMs, I try to quickly bounce to synchronous conversation, like phone call. A lot\ncan be lost in textual communication that can be easily cleared up with the tone\nof a human voice.\n\n## Giving feedback\n\nI love giving feedback, though I've found my feedback isn't always well\nreceived. My favorite way to give feedback is in a stream-of-conscious style,\nwherein I document all my reactions to the work. It's exactly how I review my\nown work. There's minimal sugar coating. I may highlight parts and simply say\n\"wordy\" or \"nonsense\" or \"delete\" or \"repetitive\" or \"word choice\" or \"did an AI\nwrite this?\".\n\nIt's very important to understand that I want you to interpret these as\n**reactions**. I am not claiming to know what's right. I am not demanding you\nmake any change. I am trying to give you the gift of knowing what goes inside\nthe head of one person when they read your work. It's a very vulnerable thing\nfor me to do – giving you an unfiltered view into my head – and I find that I'm\nbest at it when I don't worry about what you'll think about what I think.\n\nSo when reading my feedback, take with with a grain of salt. I am just one\nperson. I may not be your intended audience. I can be wrong. Maybe I misread\nsomething. My reactions are intended for you to read, reflect on, and then do\nwhat you want. They are a single data point. They do not need any reply. They do\nnot require any action on your part. If you think my reaction is irrelevant,\nignore it! Let my reactions wash over you, and then do what you think is best.\n\n## Receiving feedback\n\nI love to receive feedback, and really appreciate it when it's given in any\nform. I see it as my responsibility to make it as easy and painless for you to\ngive me feedback.\n\nI absolutely love friction logs. They're one of the best gifts you can give me.\n[Here's a great guide on how to write one](https://blog.sbensu.com/posts/friction-logs/),\nbut don't feel like yours has to be so structured. If easier, just turn on your\ncamera, screen recorder and mic, and talk me through your feedback.\n\n## Rough edges\n\nI have a couple of rough edges that I am aware of. While I'm working on them and\nhope you don't have to experience them, I find it helpful for folks to know what\nthey are just in case.\n\nIf I'm making you feel bad, it's likely because I'm making you feel flustered or\ndumb. I hope I never do this to you. If I do, know that I am not doing it on\npurpose, and am sorry about it. Likely it means that I'm feeling stupid or\noverwhelmed, and am trying to protect myself by projecting the stupid onto you.\nIf you're brave and self-aware enough to say, \"You're making me feel stupid\",\nthose are magic words to fix the situation. It will help me adjust my own\nattitude, de-escalate, and apologize.\n\nAlso know that my first reaction to an idea is not the final word on it, so\ndon't try to read into it too much. If you think I'm wrong, that's great! It\nmeans that there's something for one or both of us to learn. I admire people who\ncan self-advocate for themselves and their beliefs. If I am being dismissive of\nyou or your ideas, please call me out on it, so I can give them the focus they\ndeserve.\n\n## Tools\n\nThis one is a bit random, but I want everyone I work with to use the following\ntools, or equivalents. Otherwise, it's just annoying to watch you use your\ncomputer 😝. They are quick to install. Then you just have to pick keyboard\nshortcuts and learn them. It's a very worthwhile investment. You won't know how\nyou lived without them.\n\n1. [Clipboard manager](https://maccy.app/) - if you think cmd+c is useful, wait\n till you can cmd+c multiple things\n\n2. [Window manager](https://rectangleapp.com/) - for looking at things\n side-by-side.\n\n3. [Screen Recording](https://cleanshot.com/) - for async communication. You can\n skip a lot of meetings with a good screen recording.\n\n## Parting ways\n\nI want to build a work culture where we celebrate people for:\n\n1. **Long tenures**. Folks should feel like there's no artificial ceiling to\n learning, growing, and compensation on my team.\n2. **Parting on good terms**. There's not always room for everyone's dreams at\n every company, and we want to celebrate our people chasing their dreams,\n wherever that takes them.\n\nIf you're thinking of quitting on me, I'd first ask that you let me know that\nyou're unhappy or thinking of a move as early as possible so that I can do all\nthat I possibly can to fix things to make you happy to stay. Even if it seems\nimpossible, please let me know, because you might be wrong. If it doesn't seem\nlike I understand the urgency of your request, let me know that too.\n\nTypically, when an employee wants to leave an employer, they keep that knowledge\nsecret until they are ready to hand-in their two-weeks notice. This is very\nsensible, considering that the employer may decide after hearing this to\nimmediately fire the employee or otherwise treat the employee badly.\n\nI find this pattern sub-optimal and would like to propose an alternative to\nanyone I manage: trust me like your mentor that has your best interests at\nheart. If you are unhappy working with me or plan to leave, let me know as soon\nas possible, so that I can address it or prepare. In return for this trust, I\ncan promise that I will treat you right. I won't fire you or be upset. On the\ncontrary, I'll be incredibly grateful, and even more helpful you in your next\nsteps.\n\nI have the receipts. I told this to an employee who later took me up on it. She\neven asked me to even be her reference for her future employer. I gave a glowing\nreference, she got the job, and we had a very pleasant final weeks together. If\nyou'd like to speak to her as a reference, let me know! I hope to treat you so\nwell in this situation that you too will be an employee reference for me in the\nfuture.",[],[198,143],["D",1771256078319],[376,377,378,379,380,381,382,383,384,385,386,387,388],[198],["D",1739394544742],["D",1789472446807],{"_11":12,"_296":292},{"_11":12,"_290":-5,"_291":292,"_262":263,"_293":294,"_295":49},{"_41":56,"_13":16,"_32":57,"_39":40,"_43":33,"_44":58,"_59":51,"_60":40,"_61":54,"_55":14,"_52":12},"ctx",{"_285":-5,"_316":532,"_533":534,"_535":536,"_537":49,"_538":49,"_539":49,"_540":26,"_541":-5,"_542":-7,"_543":-7,"_544":234,"_545":49,"_546":49,"_547":-5,"_548":49,"_549":49,"_550":49,"_551":-5},"ENV",{"_503":504,"_505":506,"_507":38,"_508":509,"_510":511,"_512":513,"_514":515,"_516":517,"_518":519,"_520":521,"_522":523,"_524":525,"_526":527,"_528":529,"_530":531},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergeredesignintomain

PostTemplate.tsx+13-62

README.md+46-17

index.tsx+29-388

Hmain.tsx+8-0

post-helpers.tsx+2-1

Head.tsx+62-0

Nav.tsx+56-0

PageLayout.tsx+64-0

posts/podcasts.tsx+178-0

posts/projects.tsx+124-0

posts/work.tsx+74-0

posts/writing.tsx+254-0