Will you be my Valentine? 💖

I promise I’ll be nice… mostly 🥺💗

\n\n

\n {\n sendWebhook(\n \"💖 **She clicked YES** — Valentine accepted 🥹💕\",\n );\n setIsValentine(true);\n }}\n style={{ ...styles.yesButton, fontSize: `${yesButtonSize}px` }}\n >\n Yes 💕\n \n\n {\n const phrase =\n NO_PHRASES[Math.min(noClicks, NO_PHRASES.length - 1)];\n sendWebhook(\n `💔 **She clicked NO**\\nPhrase shown: \"${phrase}\"`,\n );\n setNoClicks((p) => p + 1);\n }}\n style={styles.noButton}\n >\n {NO_PHRASES[Math.min(noClicks, NO_PHRASES.length - 1)]}\n \n

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

YAY!!! 💖🥹

okay now you’re mine 🤍

\n \n )}\n

\n );\n}\n\nconst styles = {\n page: {\n height: \"100vh\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n textAlign: \"center\",\n background: \"linear-gradient(135deg, #ffe4ec, #ffd6f6)\",\n fontFamily: \"Arial, sans-serif\",\n padding: \"20px\",\n },\n gif: { width: \"180px\", marginBottom: \"20px\" },\n title: { color: \"#ff4d8d\", fontSize: \"32px\", marginBottom: \"8px\" },\n subtitle: { color: \"#8a2d5e\", fontSize: \"16px\", marginBottom: \"20px\" },\n buttons: {\n display: \"flex\",\n gap: \"14px\",\n flexWrap: \"wrap\",\n justifyContent: \"center\",\n },\n yesButton: {\n background: \"#ff77aa\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"999px\",\n padding: \"12px 28px\",\n cursor: \"pointer\",\n boxShadow: \"0 8px 20px rgba(255, 119, 170, 0.4)\",\n transition: \"all 0.2s ease\",\n },\n noButton: {\n background: \"#fff\",\n color: \"#ff4d8d\",\n border: \"2px solid #ffb6d5\",\n borderRadius: \"999px\",\n padding: \"10px 20px\",\n cursor: \"pointer\",\n fontSize: \"14px\",\n },\n yay: { fontSize: \"48px\", color: \"#ff4d8d\", marginTop: \"20px\" },\n};\n\n// === RENDER SAFE ON MOBILE ===\nfunction client() {\n const rootEl = document.getElementById(\"root\");\n if (rootEl) createRoot(rootEl).render();\n}\n\n// wait for DOMContentLoaded to ensure #root exists\nif (typeof document !== \"undefined\") {\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", client);\n } else {\n client();\n }\n}\n\n// === SERVER HTML for val.run ===\nexport default async function server() {\n return new Response(\n `\n \n \n 💖 Valentine 💖\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[102],"permalink","https://www.val.town/x/sornium/untitled-3481/code/main.ts","extension","actionData","errors"]