\n\t\t\t

{children}

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

\n\t);\n}\n\nfunction BackLink() {\n\treturn (\n\t\t\n\t\t\t← back\n\t\t\n\t);\n}\n\nfunction Panel({ title, children }: { title: string; children: ReactNode }) {\n\treturn (\n\t\t

\n\t\t\t

{title}

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

\n\t);\n}\n\n// ============================================================================\n// Page Components\n// ============================================================================\n\nfunction Home() {\n\tconst handleRedClick = (e: MouseEvent) => {\n\t\te.preventDefault();\n\t\ttrack({ type: 'pill_choice', pill: 'red', path: '/red' });\n\t\twindow.location.href = '/red';\n\t};\n\n\tconst handleBlueClick = (e: MouseEvent) => {\n\t\te.preventDefault();\n\t\ttrack({ type: 'pill_choice', pill: 'blue', path: '/blue' });\n\t\twindow.location.href = '/blue';\n\t};\n\n\treturn (\n\t\t\n\t\t\t

VAL TOWN // APPLICATION

\n\t\t\t

Choose your path.

\n\t\t\t

\n\t\t\t\tTiny, shippable demo: routes, tracking, and an automation trigger—built\n\t\t\t\tlike a growth experiment.\n\t\t\t

\n\n\t\t\t{/* Hero image section */}\n\t\t\t

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

\n\t\t\t\t\t\n\t\t\t\t\t\t\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\n\t\t\t\t

\n\t\t\t

\n\n\t\t\t

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

🔴 Red pill — Ship mode

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

Public CV + what I'd build in week 1–2

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

🔵 Blue pill — Behind the curtain

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

\n\t\t\t\t\t\tHidden page + automation trigger + instrumentation proof\n\t\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\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

\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\t\tInstrument \"time-to-first-successful-val\" and 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\tActivation: template gallery around dev JTBDs (email, cron,\n\t\t\t\t\t\t\twebhook).\n\t\t\t\t\t\t
3–5 tutorials that end with \"Remix this\".
Light loops: shareable pages + onboarding nudges.

\n\t\t\t\t\n\n\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\tView recent events (JSON)\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\n\t\t\t

Behind the curtain

\n\t\t\t

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

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

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n\t\t\t\n\t\t\n\t);\n}\n\n// ============================================================================\n// Router & App\n// ============================================================================\n\nfunction App() {\n\tuseEffect(() => {\n\t\ttrack({ type: 'page_view', path: window.location.pathname });\n\t}, []);\n\n\tconst path = window.location.pathname;\n\tif (path === '/red') return ;\n\tif (path === '/blue') return ;\n\treturn ;\n}\n\n// ============================================================================\n// Mount\n// ============================================================================\n\nconst root = document.getElementById('root');\nif (!root) {\n\tthrow new Error('No root element found');\n}\n\ncreateRoot(root).render();\n","deleted","label",[172,173,155],".history","frontend","permalink","https://www.val.town/x/aphoristicepigram/pillChoice/code/.history/frontend/index_20251230194502.tsx","extension","actionData","errors"]