\n\t\t\t\t{children}\n\t\t\t\t

\n\t\t\t\t\tBuilt on Val Town · Hono + React · logs pill choice + page views\n\t\t\t\t

\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction PillButton({\n\tlabel,\n\thref,\n\taccent,\n}: {\n\tlabel: string;\n\thref: string;\n\taccent: 'red' | 'blue';\n}) {\n\tconst glow =\n\t\taccent === 'red'\n\t\t\t? '0 0 0 1px rgba(255,80,80,0.25), 0 20px 70px rgba(255,80,80,0.10)'\n\t\t\t: '0 0 0 1px rgba(90,150,255,0.25), 0 20px 70px rgba(90,150,255,0.10)';\n\n\tconst border =\n\t\taccent === 'red' ? 'rgba(255,80,80,0.35)' : 'rgba(90,150,255,0.35)';\n\n\treturn (\n\t\t track({ type: 'pill_choice', pill: accent, path: href })}\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'block',\n\t\t\t\ttextDecoration: 'none',\n\t\t\t\tpadding: '16px 18px',\n\t\t\t\tborderRadius: 14,\n\t\t\t\tborder: `1px solid ${border}`,\n\t\t\t\tboxShadow: glow,\n\t\t\t\tbackground: 'rgba(255,255,255,0.03)',\n\t\t\t\tcolor: 'rgba(255,255,255,0.92)',\n\t\t\t}}\n\t\t>\n\t\t\t

{label}

\n\t\t\t

\n\t\t\t\t{accent === 'red'\n\t\t\t\t\t? 'Public CV + what I’d build in week 1–2 as Growth Engineer'\n\t\t\t\t\t: 'Hidden page + automation trigger + instrumentation proof'}\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Home() {\n\treturn (\n\t\t\n\t\t\t

\n\t\t\t\tVAL TOWN // APPLICATION\n\t\t\t

\n\t\t\t

\n\t\t\t\tChoose your path.\n\t\t\t

\n\t\t\t

\n\t\t\t\tTiny, shippable demo: a mini-site with routes, tracking, and an\n\t\t\t\tautomation trigger—built the way I’d run growth experiments: fast,\n\t\t\t\tinstrumented, and user-first.\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Red() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t← back\n\t\t\t\n\t\t\t

Andy Wingrave

\n\t\t\t

\n\t\t\t\tGrowth Engineer: shipping + analytics + automations + developer empathy\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\t

Why Val Town

\n\t\t\t\t\t

\n\t\t\t\t\t\tI like tools that make programming feel like play. Val Town is “ship\n\t\t\t\t\t\tin minutes” made real—and this role sits exactly where I work best:\n\t\t\t\t\t\tproduct + engineering + go-to-market.\n\t\t\t\t\t

\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tWeek 1–2 experiments I’d run\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tInstrument “time to first successful val” + cohort by template /\n\t\t\t\t\t\t\tentry point.\n\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tActivation: template gallery optimized around dev JTBDs (email,\n\t\t\t\t\t\t\tSlack, cron, webhook).\n\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t3–5 tutorials that map to common automations + a “Remix this” CTA.\n\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tLight loops: shareable “my first val” pages + onboarding nudges.\n\t\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tInstrumentation\n\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t\tThis site logs page views + pill choices. Blue pill also triggers a\n\t\t\t\t\t\tserver-side automation.\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tView recent events (JSON)\n\t\t\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nfunction Blue() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t← back\n\t\t\t\n\t\t\t

Behind the curtain

\n\t\t\t

\n\t\t\t\tVisiting this page triggers a server-side handler: it logs an event and\n\t\t\t\toptionally POSTs to a webhook / sends an email.\n\t\t\t

\n\n\t\t\t\n\t\t\t\t

Proof points

\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tRoute hit: /blue\n\t\t\t\t\t

\n\t\t\t\t\t

Event logged to SQLite

\n\t\t\t\t\t

Webhook/email attempted (if configured)

\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nexport default function App() {\n\tconst path = useMemo(() => window.location.pathname, []);\n\n\tuseEffect(() => {\n\t\ttrack({ type: 'page_view', path: window.location.pathname });\n\t}, []);\n\n\tif (path === '/red') return ;\n\tif (path === '/blue') return ;\n\treturn ;\n}\n","deleted","label",[172,155],".history","permalink","https://www.val.town/x/aphoristicepigram/pillChoice/code/.history/index_20251230174230.ts","extension","actionData","errors"]