OH YEAAAAA 💖

\n );\n }\n\n return (\n setMousePos({ x: e.clientX, y: e.clientY })}\n >\n {!opened\n ? (\n <>\n

\n setOpened(true)}\n />\n \n )\n : (\n

\n I'm not always the most romantic but I will always try for you.\n I love you so much and I will always be cheesy for you. I am the\n happiest when im with you.\n

\n Stealing your words for a min, im a lil nervy but\n

\n will you be my Valentine :)?\n

\n\n

\n setSaidYes(true)}\n >\n Yes 💖\n \n\n {\n setNoClicks((n) => n + 1);\n\n // medium jumps while clickable\n if (noClicks < CHASE_AFTER) {\n moveAwayFromMouse(e, false);\n }\n }}\n onMouseEnter={(e) => {\n // ONLY chase on the final stage\n if (noClicks >= CHASE_AFTER) {\n moveAwayFromMouse(e, true);\n }\n }}\n >\n {noClicks === 0 ? \"No\" : NO_RESPONSES[\n Math.min(noClicks - 1, NO_RESPONSES.length - 1)\n ]}\n \n

\n )}\n \n );\n}\n\nconst styles = {\n container: {\n minHeight: \"100vh\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontFamily: \"Arial, sans-serif\",\n background: \"linear-gradient(#fff0f6, #ffffff)\",\n textAlign: \"center\",\n padding: 16,\n },\n\n gif: {\n width: 220,\n marginBottom: 12,\n },\n\n envelope: {\n width: 140,\n cursor: \"pointer\",\n transition: \"transform 0.2s ease\",\n },\n\n letterWrapper: {\n animation: \"fadeIn 0.6s ease\",\n },\n\n letter: {\n maxWidth: 420,\n background: \"white\",\n padding: 24,\n borderRadius: 18,\n boxShadow: \"0 12px 30px rgba(0,0,0,0.15)\",\n lineHeight: 1.6,\n animation: \"slideUp 0.6s ease\",\n },\n\n question: {\n marginTop: 20,\n fontWeight: 75,\n fontSize: 18,\n },\n\n buttons: {\n marginTop: 20,\n display: \"flex\",\n gap: 14,\n justifyContent: \"center\",\n flexWrap: \"wrap\",\n position: \"relative\",\n },\n\n yesButton: {\n background: \"#ff6fae\",\n color: \"white\",\n border: \"none\",\n padding: \"12px 22px\",\n borderRadius: 999,\n fontSize: 16,\n cursor: \"pointer\",\n boxShadow: \"0 6px 14px rgba(255, 111, 174, 0.4)\",\n },\n\n noButton: {\n background: \"#f3f4f6\",\n color: \"#374151\",\n border: \"none\",\n padding: \"12px 20px\",\n borderRadius: 999,\n fontSize: 14,\n cursor: \"pointer\",\n transition: \"transform 0.25s ease\",\n position: \"relative\",\n },\n\n yay: {\n color: \"hotpink\",\n fontSize: 48,\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 Open Me 💌\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/subi97/valentine/code/main.tsx","extension","actionData","errors"]