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}","deleted","label",[126],"4fd85684-42a7-4d17-9ff6-4b887ff5fdb3","main.tsx",11,["D",1781179488751],9,"/** @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}",[143],"964b1624-e6d3-4a9e-9b73-822213278ac1","untitled-folder-2392","84d51d4a-6595-11f1-adc2-1607ee4eb77e",14,["D",1781182827816],"directory",[150],"pulls",2,"forks","envVars",{"_163":62,"_165":62},"connections",{"_163":62,"_164":62},"count","unfilledCount","emptyCount",{"_21":149,"_13":150,"_127":151,"_129":-5,"_130":33,"_131":152,"_132":58,"_23":185,"_30":62,"_135":154,"_137":-5,"_139":46,"_140":-5,"_171":186,"_99":187},{"_21":177,"_13":178,"_127":179,"_129":151,"_130":33,"_131":180,"_132":58,"_23":181,"_30":62,"_135":182,"_137":100,"_139":46,"_140":-5,"_171":183,"_99":184},{"_21":142,"_13":143,"_127":56,"_129":-5,"_130":33,"_131":144,"_132":58,"_23":174,"_30":146,"_135":136,"_137":147,"_139":46,"_140":-5,"_171":175,"_99":176},{"_21":125,"_13":126,"_127":128,"_129":-5,"_130":33,"_131":42,"_132":58,"_23":170,"_30":134,"_135":136,"_137":138,"_139":46,"_140":-5,"_171":172,"_99":173},["D",1781182960318],"children",[],[126],["D",1781179488751],[],[143],"df7abe42-2738-48e3-b2b0-a53ee912623f","new-file-7377.ts","8714b05c-6595-11f1-bf93-1607ee4eb77e",15,["D",1781182831589],"script",[],[150,178],["D",1781182827816],[167],[150],["D",1781176828660],{"_11":12,"_97":93},{"_11":12,"_90":91,"_92":93,"_53":54,"_94":95,"_96":46},{"_30":42,"_13":41,"_21":33,"_28":29,"_32":-5,"_34":-5,"_85":-5,"_86":-5,"_87":-5,"_88":14,"_89":12},"ctx",{"_78":-5,"_119":225,"_226":227,"_228":229,"_230":46,"_231":46,"_232":46,"_233":58,"_234":-5,"_235":-7,"_236":-7,"_237":62,"_238":46,"_239":46,"_240":-5,"_241":46,"_242":46,"_243":46,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":41,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"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"]

Branches2

Branches
2