Will you be my Valentine? 💘

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

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

\n \n Yay!!! 💖🎉\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 Valentine's Day Invitation\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",[],[101,177],[101],{"_105":187,"_97":188,"_158":189,"_160":-5,"_161":144,"_162":190,"_164":165,"_107":191,"_102":192,"_168":181,"_170":193,"_171":22,"_172":-5,"_173":194,"_100":195},"973895b8-07e2-11f1-b904-42dde27851f2","01_script.ts","7b5d80f6-07dd-11f1-bca9-42dde27851f2",13,["D",1770880520611],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"Não 💔\",\n \"Amor por favor? 🥺\",\n \"Imagina o quão cute seriamos! 💕\",\n \"Mais uma chance, Bae?\",\n \"Não quebres meu coração :(\",\n \"E que tal um talvez?\",\n \"Já estou a chorar 🥺\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine? 💘

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

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

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",[],[188],{"_105":197,"_97":198,"_158":199,"_160":-5,"_161":144,"_162":167,"_164":165,"_107":200,"_102":33,"_168":201,"_170":202,"_171":22,"_172":-5,"_173":203,"_100":204},"7b5a4062-07dd-11f1-bca9-42dde27851f2","README.md","7b5a413e-07dd-11f1-bca9-42dde27851f2",["D",1770878326381],"file","# Welcome to Your First Val! 👋\n\nExplore our examples on the left:\n* **01_script.tsx**: A simple script that returns a fun fact.\n* **02_http.tsx**: An HTTP endpoint that greets you.\n* **03_cron.tsx**: A cron that logs the time based on a schedule.\n* **04_email.tsx**: An email handler that processes incoming email details.\n\nFeel free to edit these examples or add new files to your project.\n\nFor inspiration, check out our [Docs](https://docs.val.town/), [Templates](https://www.val.town/explore/use-cases), [Showcase](https://www.val.town/explore/community-showcase) and [Discord](https://discord.val.town/)!\n\nStay as long as you'd like in this project, or head to your main [dashboard](/dashboard) to keep exploring the rest of Val Town.",[],[198],"files",[156,175,186,196],"counts",{"_209":33,"_210":167,"_211":33,"_212":213,"_216":217},"pulls","branches","forks","envVars",{"_214":33,"_215":33},"count","emptyCount","connections",{"_214":33,"_218":33},"unfilledCount","contents",[221],{"_105":176,"_97":177,"_158":178,"_160":159,"_161":144,"_162":143,"_164":165,"_107":222,"_102":180,"_168":181,"_170":182,"_171":22,"_172":-5,"_100":223},["D",1770881161479],[101,177],{"_105":157,"_97":101,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":165,"_107":225,"_102":167,"_168":169,"_170":-5,"_171":22,"_172":-5,"_100":226},["D",1770880715464],[101],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_95":96,"_97":98,"_99":45,"_102":-7,"_100":101,"_103":235,"_154":240,"_205":253,"_201":254,"_219":256,"_259":-5,"_260":-5,"_261":-5,"_262":-5,"_263":264,"_212":-5},{"_105":106,"_97":98,"_107":236,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":-5,"_117":22,"_118":-5,"_119":-5,"_120":33,"_16":121,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":237,"_136":238,"_141":239,"_153":22},["D",1770878326371],{"_95":96,"_134":135},{"_95":96,"_138":135,"_14":115,"_139":140},{"_102":143,"_97":45,"_105":144,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":98,"_152":96},[241,247,250],{"_105":157,"_97":101,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":165,"_107":166,"_102":167,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":242,"_100":246},[243],{"_105":176,"_97":177,"_158":178,"_160":159,"_161":144,"_162":143,"_164":165,"_107":179,"_102":180,"_168":181,"_170":182,"_171":22,"_172":-5,"_173":244,"_100":245},[],[101,177],[101],{"_105":187,"_97":188,"_158":189,"_160":-5,"_161":144,"_162":190,"_164":165,"_107":191,"_102":192,"_168":181,"_170":193,"_171":22,"_172":-5,"_173":248,"_100":249},[],[188],{"_105":197,"_97":198,"_158":199,"_160":-5,"_161":144,"_162":167,"_164":165,"_107":200,"_102":33,"_168":201,"_170":202,"_171":22,"_172":-5,"_173":251,"_100":252},[],[198],[241,243,247,250],{"_105":157,"_97":101,"_158":159,"_160":-5,"_161":144,"_162":163,"_164":165,"_107":225,"_102":167,"_168":169,"_170":-5,"_171":22,"_172":-5,"_100":255},[101],[257],{"_105":176,"_97":177,"_158":178,"_160":159,"_161":144,"_162":143,"_164":165,"_107":222,"_102":180,"_168":181,"_170":182,"_171":22,"_172":-5,"_100":258},[101,177],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

clintonemerson

bemyvalentinesAndrea