Bună, Nicole 💖

Te iubesc

\n Ți-am pregătit un mic chestionar despre noi doi. Ești gata? 🥰\n

\n \n \n )}\n\n {step >= 0 && step < total && (\n <>\n

Întrebarea {step + 1} din {total}

{questions[step].q}

\n {questions[step].options.map((opt, i) => {\n let cls = \"opt\";\n if (picked !== null) {\n if (i === questions[step].correct) cls += \" right\";\n else if (i === picked) cls += \" wrong\";\n }\n return (\n pick(i)}\n disabled={picked !== null}\n >\n {opt}\n \n );\n })}\n

\n {picked !== null && (\n \n )}\n \n )}\n\n {step === galleryStep && (\n <>\n

Amintirile noastre 📸

\n Ai răspuns corect la {score} din {total}{\" \"}\n — dar pentru mine ești mereu 10/10 💯\n

\n {photos.map((p, i) => (\n

\n ))}\n

\n \n \n )}\n\n {step === finalStep && (\n

\n {answer === \"da\"\n ?

Da!!! 🎉 Abia aștept, Nicole! 💞

\n : (\n <>\n

\n Vrei să ieși la o întâlnire cu mine mâine? 🌹\n

\n \n \n Nu\n \n

\n \n )}\n

\n )}\n\n

făcut cu drag, doar pentru tine

\n );\n}\n\nconst html = `\n\n\n\n\nPentru Nicole 💖\n\n\n\n

__APP__

\n\n\n`;\n\nexport default function (req: Request): Response {\n const appHtml = renderToString();\n return new Response(html.replace(\"__APP__\", appHtml), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}","label",[112],"4fd85684-42a7-4d17-9ff6-4b887ff5fdb3",["D",1781179488751],"/** @jsxImportSource https://esm.sh/react@18 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18\";\nimport { renderToString } from \"https://esm.sh/react-dom@18/server\";\n\n// Întrebările chestionarului. Marcăm răspunsul „corect\" doar de glumă 😊\nconst questions = [\n {\n q: \"În ce zi ne-am cunoscut prima dată? 🗓️\",\n options: [\n \"Habar n-a 😅\",\n \"Cea mai frumoasă zi din viața mea 💖\",\n \"Marți, parcă?\",\n ],\n correct: 1,\n },\n {\n q: \"Care e lucrul meu preferat la tine? 💭\",\n options: [\"Zâmbetul tău 😊\", \"Felul în care râzi 😄\", \"Absolut totul 💕\"],\n correct: 2,\n },\n {\n q: \"Cât de mult te iubesc? ❤️\",\n options: [\"Mult\", \"Foarte mult\", \"Mai mult decât pot să spun 🥹\"],\n correct: 2,\n },\n {\n q: \"Ce facem la următoarea întâlnire? 🌹\",\n options: [\n \"Film și popcorn 🍿\",\n \"O plimbare la apus 🌅\",\n \"Orice, atâta timp cât suntem împreună 💞\",\n ],\n correct: 2,\n },\n];\n\nfunction App() {\n // step: -1 = intro, 0..n-1 = întrebări, n = galerie, n+1 = întrebarea finală\n const [step, setStep] = useState(-1);\n const [score, setScore] = useState(0);\n const [picked, setPicked] = useState(null);\n const [answer, setAnswer] = useState(\"\");\n const [noPos, setNoPos] = useState(null);\n const [hearts, setHearts] = useState([]);\n\n useEffect(() => {\n const id = setInterval(() => {\n setHearts((h) => [\n ...h.slice(-20),\n {\n id: Date.now(),\n left: Math.random() * 100,\n size: 14 + Math.random() * 22,\n dur: 4 + Math.random() * 4,\n },\n ]);\n }, 600);\n return () => clearInterval(id);\n }, []);\n\n const total = questions.length;\n const galleryStep = total;\n const finalStep = total + 1;\n\n const pick = (i) => {\n if (picked !== null) return;\n setPicked(i);\n if (i === questions[step].correct) setScore((s) => s + 1);\n };\n\n const next = () => {\n setPicked(null);\n setStep((s) => s + 1);\n };\n\n const dodgeNo = () => {\n setNoPos({ top: Math.random() * 80 - 40, left: Math.random() * 240 - 120 });\n };\n\n return (\n

\n {hearts.map((h) => (\n \n ❤️\n \n ))}\n

\n\n

\n {step === -1 && (\n <>\n

Bună, Nicole 💖

Te iubesc

\n Ți-am pregătit un mic chestionar despre noi doi. Ești gata? 🥰\n

\n \n \n )}\n\n {step >= 0 && step < total && (\n <>\n

Întrebarea {step + 1} din {total}

{questions[step].q}

\n {picked !== null && (\n \n )}\n \n )}\n\n {step === galleryStep && (\n <>\n

Amintirile noastre 📸

\n Ai răspuns corect la {score} din {total}{\" \"}\n — dar pentru mine ești mereu 10/10 💯\n

\n {photos.map((p, i) => (\n

\n ))}\n

\n \n \n )}\n\n {step === finalStep && (\n

\n {answer === \"da\"\n ?

Da!!! 🎉 Abia aștept, Nicole! 💞

\n : (\n <>\n

\n Vrei să ieși la o întâlnire cu mine mâine? 🌹\n

\n \n \n Nu\n \n

\n \n )}\n

\n )}\n\n

făcut cu drag, doar pentru tine

\n );\n}\n\nconst html = `\n\n\n\n\nPentru Nicole 💖\n\n\n\n

__APP__

\n\n\n`;\n\nexport default function (req: Request): Response {\n const appHtml = renderToString();\n return new Response(html.replace(\"__APP__\", appHtml), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}",[74],"964b1624-e6d3-4a9e-9b73-822213278ac1",["D",1781182827816],[178],"pulls","branches","forks","envVars",{"_292":20,"_294":20},"connections",{"_292":20,"_293":20},"count","unfilledCount","emptyCount",{"_42":282,"_13":178,"_72":177,"_52":-5,"_44":45,"_271":172,"_272":208,"_46":310,"_48":20,"_75":179,"_274":-5,"_77":24,"_276":-5,"_300":311,"_245":312},{"_42":306,"_13":188,"_72":187,"_52":177,"_44":45,"_271":182,"_272":208,"_46":307,"_48":20,"_75":113,"_274":246,"_77":24,"_276":-5,"_300":308,"_245":309},{"_42":278,"_13":74,"_72":73,"_52":-5,"_44":45,"_271":151,"_272":208,"_46":303,"_48":137,"_75":76,"_274":280,"_77":24,"_276":-5,"_300":304,"_245":305},{"_42":270,"_13":112,"_72":111,"_52":-5,"_44":45,"_271":191,"_272":208,"_46":299,"_48":91,"_75":76,"_274":275,"_77":24,"_276":-5,"_300":301,"_245":302},["D",1781182960318],"children",[],[112],["D",1781179488751],[],[74],"df7abe42-2738-48e3-b2b0-a53ee912623f",["D",1781182831589],[],[178,188],["D",1781182827816],[296],[178],["D",1781176828660],{"_11":12,"_244":80},{"_11":12,"_239":240,"_79":80,"_25":78,"_241":242,"_243":24},{"_48":191,"_13":16,"_42":45,"_231":196,"_232":-5,"_233":-5,"_234":-5,"_235":-5,"_236":-5,"_237":14,"_238":12},"ctx",{"_61":-5,"_264":350,"_351":352,"_353":354,"_355":24,"_356":24,"_357":24,"_358":208,"_359":-5,"_360":-7,"_361":-7,"_362":20,"_363":24,"_364":24,"_365":-5,"_366":24,"_367":24,"_368":24,"_369":-5},"ENV",{"_321":322,"_323":324,"_325":16,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349},"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"]

History