Will you be my Valentine? 💘

\n (e.currentTarget as HTMLButtonElement).style.backgroundColor = \"lightgreen\"}\n onMouseLeave={(e) => (e.currentTarget as HTMLButtonElement).style.backgroundColor = \"green\"}\n >\n Yes 💖\n \n (e.currentTarget as HTMLButtonElement).style.backgroundColor = \"tomato\"}\n onMouseLeave={(e) => (e.currentTarget as HTMLButtonElement).style.backgroundColor = \"red\"}\n >\n {noClicks === 0 ? \"No\" : 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}","createdAt",["D",1739557856542],"version",79,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","risha_narayanan","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yc3h6ZTZ5dWZ3YWQwWXl2RmxEZE5DQnMxdDgifQ","forkedVal",{"_113":135,"_129":136,"_98":99,"_118":137,"_138":-5},"ea5b0456-e902-11ef-afde-e6cdfca9ef9f","mewtru",10,"prDisabledHint","interval","slug","risha_narayanan/valentine","description","Hello!!! Forked this val from mewtru...had a lot of fun testing my fun React knowledge with this one :)","versions",[146,149,153,157,161,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,225,229,233,237,241,245,249,253,257,261,265,269,273,277,281,285,289,293,297,301,305,309,313,317,321,325,329,333,337,341,345,349,353,357,361,365,369,373,377,381,385,389,393,397,401,405,409,413,417,421,424,428,432,436,440,444,448,452,455,459],{"_118":119,"_147":-5,"_116":148,"_113":111},"prId",["D",1739557856542],{"_118":150,"_147":-5,"_116":151,"_113":152},78,["D",1739551027634],"ee397f30-eaf1-11ef-9c0e-e6cdfca9ef9f",{"_118":154,"_147":-5,"_116":155,"_113":156},77,["D",1739551004906],"e0adf58a-eaf1-11ef-9e60-e6cdfca9ef9f",{"_118":158,"_147":-5,"_116":159,"_113":160},76,["D",1739550919614],"add70318-eaf1-11ef-81e7-e6cdfca9ef9f",{"_118":162,"_147":-5,"_116":163,"_113":164},75,["D",1739550871685],"91467774-eaf1-11ef-8e1c-e6cdfca9ef9f",{"_118":166,"_147":-5,"_116":167,"_113":168},74,["D",1739550823598],"749ca954-eaf1-11ef-9f93-e6cdfca9ef9f",{"_118":170,"_147":-5,"_116":171,"_113":172},73,["D",1739550695687],"285db1dc-eaf1-11ef-9a96-e6cdfca9ef9f",{"_118":174,"_147":-5,"_116":175,"_113":176},72,["D",1739550662536],"149c97d0-eaf1-11ef-901e-e6cdfca9ef9f",{"_118":178,"_147":-5,"_116":179,"_113":180},71,["D",1739550581113],"e4139686-eaf0-11ef-89b5-e6cdfca9ef9f",{"_118":182,"_147":-5,"_116":183,"_113":184},70,["D",1739550466630],"9fd7481e-eaf0-11ef-8f09-e6cdfca9ef9f",{"_118":186,"_147":-5,"_116":187,"_113":188},69,["D",1739550388224],"711bc19e-eaf0-11ef-a8ba-e6cdfca9ef9f",{"_118":190,"_147":-5,"_116":191,"_113":192},68,["D",1739550132913],"d8edbb66-eaef-11ef-ae03-e6cdfca9ef9f",{"_118":194,"_147":-5,"_116":195,"_113":196},67,["D",1739550125986],"d4ccf894-eaef-11ef-adc2-e6cdfca9ef9f",{"_118":198,"_147":-5,"_116":199,"_113":200},66,["D",1739550117709],"cfdd6274-eaef-11ef-949e-e6cdfca9ef9f",{"_118":202,"_147":-5,"_116":203,"_113":204},65,["D",1739550087139],"bda55486-eaef-11ef-be48-e6cdfca9ef9f",{"_118":206,"_147":-5,"_116":207,"_113":208},64,["D",1739550065754],"b0e710ae-eaef-11ef-b48c-e6cdfca9ef9f",{"_118":210,"_147":-5,"_116":211,"_113":212},63,["D",1739549768310],"ff9c1218-eaee-11ef-a683-e6cdfca9ef9f",{"_118":214,"_147":-5,"_116":215,"_113":216},62,["D",1739483125091],"d5284efc-ea53-11ef-b3b1-e6cdfca9ef9f",{"_118":218,"_147":-5,"_116":219,"_113":220},61,["D",1739419167826],"eba77eea-e9be-11ef-b848-e6cdfca9ef9f",{"_118":222,"_147":-5,"_116":223,"_113":224},60,["D",1739419041559],"a064c94c-e9be-11ef-a0d0-e6cdfca9ef9f",{"_118":226,"_147":-5,"_116":227,"_113":228},59,["D",1739419039484],"9f28d2e4-e9be-11ef-ba8c-e6cdfca9ef9f",{"_118":230,"_147":-5,"_116":231,"_113":232},58,["D",1739418805440],"13a8fa6e-e9be-11ef-b758-e6cdfca9ef9f",{"_118":234,"_147":-5,"_116":235,"_113":236},57,["D",1739418784677],"07477886-e9be-11ef-8515-e6cdfca9ef9f",{"_118":238,"_147":-5,"_116":239,"_113":240},56,["D",1739418737844],"eb5d6fcc-e9bd-11ef-a134-e6cdfca9ef9f",{"_118":242,"_147":-5,"_116":243,"_113":244},55,["D",1739418634813],"adf62d68-e9bd-11ef-9673-e6cdfca9ef9f",{"_118":246,"_147":-5,"_116":247,"_113":248},54,["D",1739418511878],"64acf3da-e9bd-11ef-b9c2-e6cdfca9ef9f",{"_118":250,"_147":-5,"_116":251,"_113":252},53,["D",1739418469958],"4bb15164-e9bd-11ef-91ca-e6cdfca9ef9f",{"_118":254,"_147":-5,"_116":255,"_113":256},52,["D",1739418445958],"3d61c472-e9bd-11ef-a806-e6cdfca9ef9f",{"_118":258,"_147":-5,"_116":259,"_113":260},51,["D",1739418354186],"06b00cc2-e9bd-11ef-8576-e6cdfca9ef9f",{"_118":262,"_147":-5,"_116":263,"_113":264},50,["D",1739418251535],"c980d7d2-e9bc-11ef-9d2b-e6cdfca9ef9f",{"_118":266,"_147":-5,"_116":267,"_113":268},49,["D",1739418181199],"9f94e620-e9bc-11ef-b841-e6cdfca9ef9f",{"_118":270,"_147":-5,"_116":271,"_113":272},48,["D",1739418131813],"8225014c-e9bc-11ef-87ca-e6cdfca9ef9f",{"_118":274,"_147":-5,"_116":275,"_113":276},47,["D",1739418085041],"6643abae-e9bc-11ef-8f08-e6cdfca9ef9f",{"_118":278,"_147":-5,"_116":279,"_113":280},46,["D",1739417930112],"09eb7de6-e9bc-11ef-8937-e6cdfca9ef9f",{"_118":282,"_147":-5,"_116":283,"_113":284},45,["D",1739417880513],"ec5a4032-e9bb-11ef-a8ba-e6cdfca9ef9f",{"_118":286,"_147":-5,"_116":287,"_113":288},44,["D",1739417476472],"fb87c5ee-e9ba-11ef-950e-e6cdfca9ef9f",{"_118":290,"_147":-5,"_116":291,"_113":292},43,["D",1739417386299],"c5c85996-e9ba-11ef-ad06-e6cdfca9ef9f",{"_118":294,"_147":-5,"_116":295,"_113":296},42,["D",1739417350364],"b05ba59a-e9ba-11ef-80b6-e6cdfca9ef9f",{"_118":298,"_147":-5,"_116":299,"_113":300},41,["D",1739417297858],"910ff6c8-e9ba-11ef-bab8-e6cdfca9ef9f",{"_118":302,"_147":-5,"_116":303,"_113":304},40,["D",1739417261970],"7baba11a-e9ba-11ef-80b6-e6cdfca9ef9f",{"_118":306,"_147":-5,"_116":307,"_113":308},39,["D",1739417243944],"70ef11da-e9ba-11ef-80f1-e6cdfca9ef9f",{"_118":310,"_147":-5,"_116":311,"_113":312},38,["D",1739417200313],"56ec4d98-e9ba-11ef-b4b7-e6cdfca9ef9f",{"_118":314,"_147":-5,"_116":315,"_113":316},37,["D",1739417192012],"51f92bb2-e9ba-11ef-b479-e6cdfca9ef9f",{"_118":318,"_147":-5,"_116":319,"_113":320},36,["D",1739417191476],"51aefe0c-e9ba-11ef-89af-e6cdfca9ef9f",{"_118":322,"_147":-5,"_116":323,"_113":324},35,["D",1739417050466],"fd9af082-e9b9-11ef-99fd-e6cdfca9ef9f",{"_118":326,"_147":-5,"_116":327,"_113":328},34,["D",1739416744602],"474c30d4-e9b9-11ef-95ff-e6cdfca9ef9f",{"_118":330,"_147":-5,"_116":331,"_113":332},33,["D",1739416727658],"3d337d64-e9b9-11ef-95ff-e6cdfca9ef9f",{"_118":334,"_147":-5,"_116":335,"_113":336},32,["D",1739416668801],"1a1ebd20-e9b9-11ef-9b91-e6cdfca9ef9f",{"_118":338,"_147":-5,"_116":339,"_113":340},31,["D",1739416632658],"04925b38-e9b9-11ef-9460-e6cdfca9ef9f",{"_118":342,"_147":-5,"_116":343,"_113":344},30,["D",1739416632362],"04668008-e9b9-11ef-a779-e6cdfca9ef9f",{"_118":346,"_147":-5,"_116":347,"_113":348},29,["D",1739416631943],"04266040-e9b9-11ef-a6e3-e6cdfca9ef9f",{"_118":350,"_147":-5,"_116":351,"_113":352},28,["D",1739416621675],"fe76ef3e-e9b8-11ef-8cf9-e6cdfca9ef9f",{"_118":354,"_147":-5,"_116":355,"_113":356},27,["D",1739416621442],"fde30a44-e9b8-11ef-bf9e-e6cdfca9ef9f",{"_118":358,"_147":-5,"_116":359,"_113":360},26,["D",1739416621266],"fdcaab02-e9b8-11ef-a5e1-e6cdfca9ef9f",{"_118":362,"_147":-5,"_116":363,"_113":364},25,["D",1739416620754],"fd7c04fc-e9b8-11ef-9b37-e6cdfca9ef9f",{"_118":366,"_147":-5,"_116":367,"_113":368},24,["D",1739416588428],"ea36a6ae-e9b8-11ef-a788-e6cdfca9ef9f",{"_118":370,"_147":-5,"_116":371,"_113":372},23,["D",1739416587412],"e99bebe6-e9b8-11ef-aefa-e6cdfca9ef9f",{"_118":374,"_147":-5,"_116":375,"_113":376},22,["D",1739416545354],"d08a008e-e9b8-11ef-ab4d-e6cdfca9ef9f",{"_118":378,"_147":-5,"_116":379,"_113":380},21,["D",1739416539727],"cd2fb56e-e9b8-11ef-b4ea-e6cdfca9ef9f",{"_118":382,"_147":-5,"_116":383,"_113":384},20,["D",1739416516689],"bf752850-e9b8-11ef-8195-e6cdfca9ef9f",{"_118":386,"_147":-5,"_116":387,"_113":388},19,["D",1739415933148],"63a32e38-e9b7-11ef-91ab-e6cdfca9ef9f",{"_118":390,"_147":-5,"_116":391,"_113":392},18,["D",1739415912745],"5779cd4c-e9b7-11ef-850b-e6cdfca9ef9f",{"_118":394,"_147":-5,"_116":395,"_113":396},17,["D",1739415855346],"35423b06-e9b7-11ef-964c-e6cdfca9ef9f",{"_118":398,"_147":-5,"_116":399,"_113":400},16,["D",1739415813627],"1c664a82-e9b7-11ef-8fb4-e6cdfca9ef9f",{"_118":402,"_147":-5,"_116":403,"_113":404},15,["D",1739415776760],"066a8450-e9b7-11ef-93c1-e6cdfca9ef9f",{"_118":406,"_147":-5,"_116":407,"_113":408},14,["D",1739415131544],"85d7d078-e9b5-11ef-a428-e6cdfca9ef9f",{"_118":410,"_147":-5,"_116":411,"_113":412},13,["D",1739415063446],"5d410314-e9b5-11ef-8353-e6cdfca9ef9f",{"_118":414,"_147":-5,"_116":415,"_113":416},12,["D",1739414925225],"0ade44b0-e9b5-11ef-bc80-e6cdfca9ef9f",{"_118":418,"_147":-5,"_116":419,"_113":420},11,["D",1739414807310],"c4964ee4-e9b4-11ef-976c-e6cdfca9ef9f",{"_118":137,"_147":-5,"_116":422,"_113":423},["D",1739413526448],"c9206fd8-e9b1-11ef-9266-e6cdfca9ef9f",{"_118":425,"_147":-5,"_116":426,"_113":427},9,["D",1739413393691],"7a00044a-e9b1-11ef-90aa-e6cdfca9ef9f",{"_118":429,"_147":-5,"_116":430,"_113":431},8,["D",1739413330824],"5487d7b0-e9b1-11ef-8268-e6cdfca9ef9f",{"_118":433,"_147":-5,"_116":434,"_113":435},7,["D",1739413280997],"36d4e316-e9b1-11ef-90aa-e6cdfca9ef9f",{"_118":437,"_147":-5,"_116":438,"_113":439},6,["D",1739413279839],"36232590-e9b1-11ef-bb56-e6cdfca9ef9f",{"_118":441,"_147":-5,"_116":442,"_113":443},5,["D",1739413140366],"e3023b58-e9b0-11ef-9eb9-e6cdfca9ef9f",{"_118":445,"_147":-5,"_116":446,"_113":447},4,["D",1739412986302],"872d17e4-e9b0-11ef-b93a-e6cdfca9ef9f",{"_118":449,"_147":-5,"_116":450,"_113":451},3,["D",1739412806090],"1bc419f8-e9b0-11ef-b0e7-e6cdfca9ef9f",{"_118":90,"_147":-5,"_116":453,"_113":454},["D",1739412553369],"85216258-e9af-11ef-89e7-e6cdfca9ef9f",{"_118":456,"_147":-5,"_116":457,"_113":458},1,["D",1739412379827],"1db0c690-e9af-11ef-8a48-e6cdfca9ef9f",{"_118":31,"_147":-5,"_116":460,"_113":461},["D",1739412163040],"9c7b2354-e9ae-11ef-afd6-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":469,"_470":471,"_94":472},"single","redirect","/v/risha_narayanan/valentine/versions",{"_113":176,"_114":473,"_118":174,"_116":474,"_475":99,"_100":101,"_108":109,"_129":130,"_11":96,"_476":-5,"_477":-5,"_478":-5,"_466":26,"_140":141},"/** @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 \"No? 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Are you sure? Like, 100% sure? 💔\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n \"Not even if I say pretty please with a cherry on top? 🍒\",\n \"Are you sure? I baked cookies... 🍪\",\n \"But I already told my mom about us... 😢\",\n \"You're breaking my pixel heart 💔\",\n \"Just think about our future dog... 🐾\",\n \"I even made a playlist for us... 🎶💔\",\n \"But... I bought matching sweaters for us... 🧥😢\",\n \"I already made couple costumes for Halloween... 🎃🥺\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 35) + 17;\n\n const yesImg = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const images = [\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\",\n \"https://media.tenor.com/t-_IeeE_sxQAAAAj/cute-hug.gif\",\n \"https://media1.tenor.com/m/kTvqkhcJlXsAAAAd/kiss-bear.gif\",\n \"https://media1.tenor.com/m/oCChIxM1ZlkAAAAC/milk-mocha-bear.gif\",\n \"https://gifdb.com/images/high/mocha-milk-bear-love-hug-edc8v6rv2y31o209.gif\",\n \"https://i.pinimg.com/originals/79/6f/dd/796fdda81b2e0eb8bf8028b8893f6e3c.gif\",\n \"https://media.tenor.com/i3C5Kqdk0mwAAAAC/milk-mocha-bear-milk-and-mocha.gif\",\n \"https://i.pinimg.com/originals/20/ce/c0/20cec000b10643a647bbf6c7329b0d39.gif\",\n ];\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 \n

Will you be my Valentine? 💘

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

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",["D",1739550662536],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

valentine

Version 72