\n {[...Array(18)].map((_, i) => (\n \n 💖\n \n ))}\n \n

\n );\n}\n\nfunction FadeMessage({ lines }) {\n return (\n

\n {lines.map((line, i) => (\n \n {line}\n

\n ))}\n \n

\n );\n}\n\nfunction App() {\n const [noCount, setNoCount] = useState(0);\n const [yes, setYes] = useState(false);\n const [noPos, setNoPos] = useState({ x: 0, y: 0 });\n\n const yesSize = 20 + noCount * 10;\n\n const bearWaiting =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const bearHappy =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const today = new Date().toLocaleDateString(undefined, {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n });\n\n const messageLines = [\n \"My love, this may seem like a small thing, but I made it thinking of you.\",\n \"Every laugh, every moment we share, every smile that makes my day brighter —\",\n \"I would choose you, again and again, without hesitation.\",\n \"Thank you for being my Valentine 💕\",\n \"\",\n \"—Sincerely yours, Chicsie\",\n today,\n ];\n\n const handleNo = () => {\n setNoCount((n) => n + 1);\n setNoPos({\n x: Math.random() * 200 - 100,\n y: Math.random() * 200 - 100,\n });\n };\n\n return (\n \n \n\n {!yes\n ? (\n <>\n

Rushielle, will you be my Valentine? 💘

\n\n

\n setYes(true)}\n style={{\n fontSize: `${yesSize}px`,\n padding: \"12px 28px\",\n backgroundColor: \"#ff4d88\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"999px\",\n cursor: \"pointer\",\n }}\n >\n YES 💖\n \n\n \n {NO_LINES[Math.min(noCount, NO_LINES.length - 1)]}\n \n

\n \n )\n : (\n <>\n

\n She said YES!!! 💖🎉\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() {\n return new Response(\n `\n \n \n For Rushielle 💖\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/chxcay/valentine/code/main.tsx","extension","actionData","errors"]