Will you be my Valentine? 💘

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

\n\n

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

\n \n )\n : (\n

\n $\"yay\"$ \n

Yay!!! 💖🎉

\n\n {/* ✅ Affichage de la photo après YES */}\n $\"Nous$ \n\n

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

\n\n \n Rejouer 🔁\n \n

\n )}\n

\n );\n}\n\nconst styles: Record = {\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\",\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 },\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 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 coupleImg: {\n width: \"40%\",\n maxWidth: 100,\n borderRadius: 18,\n marginTop: 12,\n boxShadow: \"0 10px 30px rgba(0,0,0,0.25)\",\n animation: \"pop 300ms ease\",\n },\n title: {\n fontSize: 34,\n margin: \"6px 0\",\n },\n subtitle: {\n margin: \"10px 0\",\n opacity: 0.8,\n },\n actions: {\n display: \"flex\",\n justifyContent: \"center\",\n gap: 12,\n marginTop: 10,\n flexWrap: \"wrap\",\n },\n btn: {\n padding: \"12px 18px\",\n borderRadius: 999,\n border: \"none\",\n cursor: \"pointer\",\n transition: \"transform 180ms ease, filter 160ms ease\",\n fontWeight: 700,\n transformOrigin: \"center\",\n },\n btnYes: {\n background: \"linear-gradient(135deg, #22c55e 0%, #16a34a 100%)\",\n color: \"white\",\n },\n btnNo: {\n background: \"linear-gradient(135deg, #ef4444 0%, #dc2626 100%)\",\n color: \"white\",\n },\n btnGhost: {\n background: \"rgba(255,255,255,0.85)\",\n border: \"1px solid rgba(0,0,0,0.08)\",\n },\n yayWrap: {\n animation: \"pop 260ms ease-out\",\n },\n yay: {\n fontSize: 54,\n fontWeight: 900,\n color: \"#ff4da6\",\n },\n};\n\nfunction client() {\n const style = document.createElement(\"style\");\n style.textContent = `\n @keyframes pop { from { transform: scale(.9); opacity:.3;} to { transform: scale(1); opacity:1;} }\n @keyframes float { 0%,100%{transform:translateY(0)}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}\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 { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}","deleted","label",[100],"permalink","https://www.val.town/x/demolisyter/valentine/code/main.tsx","extension","actionData","errors"]