Will you be my Valentine? 💘

\n Promis, je vais te traiter comme une reine 👑\n

\n\n

\n Tentatives “No” : {noClicks}\n

\n\n

\n \n Yes\n \n\n \n {noLabel}\n \n

\n\n

\n Astuce : plus tu dis non, plus “Yes” devient irrésistible 😄\n

\n \n )\n : (\n

\n $\"yay\"$ \n

Yay!!! 💖🎉

\n On est officiellement le duo le plus cute 🥰\n

\n \n Rejouer 🔁\n \n

\n )}\n

\n );\n}\n\nconst styles = {\n page: {\n height: \"100vh\",\n display: \"grid\",\n placeItems: \"center\",\n padding: 20,\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\"',\n background:\n \"radial-gradient(circle at top, #ffe1ef 0%, #f7c6ff 35%, #b6b6ff 100%)\",\n position: \"relative\",\n overflow: \"hidden\",\n },\n heartsBg: {\n position: \"absolute\",\n inset: 0,\n pointerEvents: \"none\",\n opacity: 0.25,\n filter: \"blur(0.2px)\",\n },\n heart: {\n position: \"absolute\",\n fontSize: 42,\n animation: \"float 4s ease-in-out infinite\",\n },\n card: {\n width: \"min(520px, 92vw)\",\n background: \"rgba(255,255,255,0.72)\",\n border: \"1px solid rgba(255,255,255,0.55)\",\n borderRadius: 24,\n boxShadow: \"0 18px 60px rgba(0,0,0,0.18)\",\n padding: 24,\n textAlign: \"center\",\n backdropFilter: \"blur(10px)\",\n },\n gif: {\n width: 180,\n height: 180,\n objectFit: \"contain\",\n margin: \"0 auto 8px\",\n display: \"block\",\n },\n title: {\n margin: \"6px 0 6px\",\n fontSize: 34,\n lineHeight: 1.1,\n letterSpacing: -0.5,\n },\n subtitle: {\n margin: \"0 0 14px\",\n opacity: 0.75,\n fontSize: 16,\n },\n badge: {\n display: \"inline-block\",\n marginBottom: 14,\n padding: \"8px 12px\",\n borderRadius: 999,\n background: \"rgba(255,255,255,0.7)\",\n border: \"1px solid rgba(0,0,0,0.06)\",\n fontSize: 14,\n },\n actions: {\n display: \"flex\",\n justifyContent: \"center\",\n gap: 12,\n flexWrap: \"wrap\",\n marginTop: 10,\n },\n btn: {\n padding: \"12px 18px\",\n borderRadius: 999,\n border: \"none\",\n cursor: \"pointer\",\n transition: \"transform 160ms ease, filter 160ms ease, opacity 160ms ease\",\n fontWeight: 700,\n },\n btnYes: {\n background: \"linear-gradient(135deg, #22c55e 0%, #16a34a 100%)\",\n color: \"white\",\n boxShadow: \"0 10px 30px rgba(22,163,74,0.25)\",\n },\n btnNo: {\n background: \"linear-gradient(135deg, #ef4444 0%, #dc2626 100%)\",\n color: \"white\",\n boxShadow: \"0 10px 30px rgba(220,38,38,0.22)\",\n fontSize: 16,\n },\n btnGhost: {\n background: \"rgba(255,255,255,0.75)\",\n border: \"1px solid rgba(0,0,0,0.08)\",\n },\n hint: {\n marginTop: 14,\n fontSize: 13,\n opacity: 0.7,\n },\n yayWrap: {\n animation: \"pop 260ms ease-out\",\n },\n yay: {\n fontSize: 54,\n fontWeight: 900,\n marginTop: 8,\n color: \"#ff4da6\",\n textShadow: \"0 10px 24px rgba(255, 77, 166, 0.25)\",\n },\n};\n\n// Ajout d’animations CSS (inline)\nfunction client() {\n const style = document.createElement(\"style\");\n style.textContent = `\n @keyframes pop { from { transform: scale(.96); opacity: .2; } to { transform: scale(1); opacity: 1; } }\n @keyframes float { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-12px); } }\n button:hover { filter: brightness(1.03); }\n button:active { transform: scale(0.98); }\n `;\n document.head.appendChild(style);\n\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request) {\n return new Response(\n `\n \n \n Valentine's Day Invitation\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/demolisyter/untitled-8188/code/main.ts","extension","actionData","errors"]