\n\n

\n {title}\n

\n\n {/* STEP 0: Vraag */}\n {step === 0 && (\n

\n \n Ja\n \n\n \n {noClicks === 0\n ? \"Nee\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n )}\n\n {/* STEP 1: Hoofdkeuze */}\n {step === 1 && (\n \n chooseMain(\"date\")}\n className=\"btn\"\n style={{\n margin: \"8px\",\n padding: \"12px 18px\",\n backgroundColor: \"#ff4d6d\",\n color: \"white\",\n fontSize: \"18px\",\n }}\n >\n Datenight (buitenshuis) 💘\n \n\n chooseMain(\"movie\")}\n className=\"btn\"\n style={{\n margin: \"8px\",\n padding: \"12px 18px\",\n backgroundColor: \"#6a5acd\",\n color: \"white\",\n fontSize: \"18px\",\n }}\n >\n Moviesnight 🍿\n \n \n )}\n\n {/* STEP 2: Subkeuze */}\n {step === 2 && (\n \n {(mainChoice === \"date\" ? dateOptions : movieOptions).map((opt) => (\n chooseSub(opt)}\n className=\"btn\"\n style={{\n margin: \"8px\",\n padding: \"12px 18px\",\n backgroundColor: \"hotpink\",\n color: \"white\",\n fontSize: \"18px\",\n }}\n >\n {opt}\n \n ))}\n \n )}\n\n {/* STEP 3: Eindscherm */}\n {step === 3 && (\n

\n {mainChoice === \"date\"\n ? \"Datenight (buitenshuis) gekozen 😍\"\n : \"Moviesnight gekozen 😍\"}\n

\n\n

\n Jij koos: {subChoice}\n

\n\n \n Ik reserveer je een knuffel om 20:00 🫶\n

\n\n

\n 💖💗💞💓💘💝💟\n

\n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Uitnodiging voor Valentijnsdag\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[100],"permalink","https://www.val.town/x/williamkersens/valentine/code/main.tsx","extension","actionData","errors"]