Valentine's Day Invitation

\n \n

\n );\n}\n\nconst styles = {\n page: {\n minHeight: \"100vh\",\n display: \"grid\",\n placeItems: \"center\",\n fontFamily: \"Arial, sans-serif\",\n padding: 20,\n background: \"linear-gradient(135deg, #0b1220, #1a1033, #0b1220)\",\n },\n wrap: { width: \"min(720px, 100%)\" },\n topRow: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n gap: 10,\n marginBottom: 10,\n },\n card: {\n position: \"relative\",\n overflow: \"hidden\",\n borderRadius: 16,\n padding: 22,\n textAlign: \"center\",\n background: \"rgba(255,255,255,0.08)\",\n border: \"1px solid rgba(255,255,255,0.14)\",\n boxShadow: \"0 18px 60px rgba(0,0,0,0.35)\",\n backdropFilter: \"blur(10px)\",\n color: \"white\",\n },\n heroGif: { width: 170, height: 170, objectFit: \"contain\" },\n h1: { margin: \"14px 0 10px\" },\n btnRow: {\n display: \"flex\",\n justifyContent: \"center\",\n gap: 12,\n flexWrap: \"wrap\",\n marginTop: 14,\n },\n yesBtn: {\n padding: \"10px 22px\",\n backgroundColor: \"#16a34a\",\n color: \"white\",\n border: \"none\",\n borderRadius: 10,\n cursor: \"pointer\",\n },\n noBtn: {\n padding: \"10px 22px\",\n color: \"white\",\n border: \"none\",\n borderRadius: 10,\n maxWidth: 320,\n },\n lockText: { marginTop: 12, color: \"rgba(255,255,255,0.75)\" },\n yay: { fontSize: 48, fontWeight: \"bold\", color: \"#fb7185\", marginTop: 10 },\n smallBtn: {\n padding: \"8px 12px\",\n borderRadius: 10,\n border: \"1px solid rgba(255,255,255,0.18)\",\n background: \"rgba(255,255,255,0.08)\",\n color: \"white\",\n cursor: \"pointer\",\n },\n catLayer: {\n position: \"relative\",\n height: 210,\n marginTop: 6,\n marginBottom: 2,\n display: \"grid\",\n placeItems: \"center\",\n },\n cat: {\n position: \"absolute\",\n pointerEvents: \"none\",\n filter: \"drop-shadow(0 10px 18px rgba(0,0,0,0.35))\",\n },\n};\n\nconst css = `\n@keyframes catShake {\n 0% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)) translateX(0); }\n 25% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)) translateX(-4px); }\n 50% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)) translateX(4px); }\n 75% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)) translateX(-2px); }\n 100% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)) translateX(0); }\n}\n@keyframes catBounce {\n 0% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)) translateY(0); }\n 50% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)) translateY(-8px); }\n 100% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)) translateY(0); }\n}\n`;\n\nfunction client() {\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","valinetines",[100],"permalink","https://www.val.town/x/mmf715840ops/untitled-7206/code/main.ts","extension","actionData","errors"]

Will you be my Valentine? 💘