\n {HIS_NAME}, will you be my Valentine? 💘\n

\n\n

\n setIsValentine(true)}\n >\n Yes 💖\n \n\n setNoClicks(noClicks + 1)}\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 YAYYY!! 💕🥹
\n I love you!!\n

\n\n

\n Can’t wait to spend Valentine’s with you ❤️\n

\n\n {/* 💖 Extra pink italic text */}\n \n (Screenshot this and send it to me!)\n

\n \n )}\n \n );\n}\n\nconst styles = {\n container: {\n height: \"100vh\",\n background: \"linear-gradient(#ffe6f0, #fff)\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n textAlign: \"center\",\n fontFamily: \"Poppins, Arial\",\n },\n\n title: {\n color: \"#ff4d88\",\n },\n\n gif: {\n width: \"200px\",\n marginBottom: \"20px\",\n },\n\n yesBtn: {\n padding: \"12px 25px\",\n background: \"#ff4d88\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n margin: \"10px\",\n cursor: \"pointer\",\n transition: \"0.3s\",\n },\n\n noBtn: {\n padding: \"10px 20px\",\n background: \"#999\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n margin: \"10px\",\n cursor: \"pointer\",\n },\n\n yay: {\n color: \"#ff2f92\",\n fontSize: \"40px\",\n animation: \"pulse 1s infinite\",\n },\n\n finalText: {\n fontSize: \"18px\",\n color: \"#444\",\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\nBe My Valentine 💘\n\n\n\n\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/ithinkitssoeasy/valentines/code/main.tsx","extension","actionData","errors"]

\n {HIS_NAME}, will you be my Valentine? 💘\n

\n YAYYY!! 💕🥹\n I love you!!\n

\n YAYYY!! 💕🥹
\n I love you!!\n