\n {items.map((_, i) => (\n \n {i % 2 === 0 ? \"🌹\" : \"💖\"}\n

\n ))}\n \n \n );\n}\n\nfunction CountdownTimer() {\n const [timeLeft, setTimeLeft] = useState(0);\n\n useEffect(() => {\n const target = new Date();\n target.setDate(target.getDate() + 7);\n\n const interval = setInterval(() => {\n const now = new Date();\n setTimeLeft(target - now);\n }, 1000);\n\n return () => clearInterval(interval);\n }, []);\n\n if (timeLeft <= 0) return

Countdown complete 💖

;\n\n const d = Math.floor(timeLeft / (1000 * 60 * 60 * 24));\n const h = Math.floor((timeLeft / (1000 * 60 * 60)) % 24);\n const m = Math.floor((timeLeft / (1000 * 60)) % 60);\n const s = Math.floor((timeLeft / 1000) % 60);\n\n return

⏳ {d}d {h}h {m}m {s}s

;\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [stage, setStage] = useState(\"question\");\n const [selectedGift, setSelectedGift] = useState(null);\n const [pickedOnce, setPickedOnce] = useState(false);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const teddyImg = \"https://media.tenor.com/0AVbKGY_MxMAAAAj/teddy-bear-love.gif\";\n const firstImg = \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const music = \"https://cdn.pixabay.com/download/audio/2022/03/15/audio_c8a7e6c6f1.mp3\";\n\n return (\n

\n\n

\n\n {stage === \"question\" && (\n <>\n

Will you be my Valentine, Mr Bubbles? 💘

\n\n

\n setStage(\"yay\")}\n style={{ fontSize: `${yesButtonSize}px`, margin: 10 }}\n >\n Yes\n \n\n \n

\n \n )}\n\n {stage === \"yay\" && (\n <>\n

Yay!!! 💖🎉

\n \n \n \n )}\n\n {stage === \"pickGift\" && (\n <>\n \n

Pick a Gift 💝

\n\n

\n\n {!selectedGift && (\n

\n {gifts.map((gift, i) => (\n {\n setSelectedGift(gift);\n if (!pickedOnce) setPickedOnce(true);\n }}\n style={{ width: 160, background: \"white\", borderRadius: 12, padding: 12, cursor: \"pointer\" }}\n >\n

{gift.name}

\n ))}\n

\n )}\n\n {selectedGift && (\n

\n\n

\n {pickedOnce ?\n \"Yay! I’ll have it delivered soon ❤️\" :\n \"Well… this genie is granting all wishes ✨\"\n }\n

\n\n

📸 Take a screenshot of your picked gift!

\n\n \n

\n )}\n \n )}\n\n {stage === \"loveNote\" && (\n <>\n \n

My Love Note 💖

\n It’s our first Valentine together… and it feels like the beginning of a lifetime of memories.\n This is opening doors for a zillion more beautiful moments with you.\n \n I love you, Mr Bubbles. 💕\n

\n \n )}\n\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server() {\n return new Response(`\n \n \n Valentine for Mr Bubbles\n \n \n \n

\n \n \n \n \n `, { headers: { \"content-type\": \"text/html\" }});\n}",[85],"pulls","branches","forks","envVars",{"_189":20,"_191":20},"connections",{"_189":20,"_190":20},"count","unfilledCount","emptyCount",{"_31":178,"_13":85,"_60":76,"_41":-5,"_33":34,"_171":95,"_172":173,"_35":198,"_37":80,"_63":64,"_175":180,"_65":24,"_176":-5,"_195":199,"_146":200},{"_31":170,"_13":62,"_60":61,"_41":-5,"_33":34,"_171":38,"_172":173,"_35":194,"_37":20,"_63":64,"_175":147,"_65":24,"_176":-5,"_195":196,"_146":197},["D",1770930664921],"children",[],[62],["D",1770931851700],[],[85],["D",1770930664877],{"_11":12,"_145":68},{"_11":12,"_141":-5,"_67":68,"_25":66,"_142":143,"_144":24},{"_37":95,"_13":16,"_31":34,"_133":100,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":14,"_140":12},"ctx",{"_49":-5,"_165":238,"_239":240,"_241":242,"_243":24,"_244":24,"_245":24,"_246":173,"_247":-5,"_248":-7,"_249":-7,"_250":20,"_251":24,"_252":24,"_253":-5,"_254":24,"_255":24,"_256":24,"_257":-5},"ENV",{"_209":210,"_211":212,"_213":16,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237},"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