\n \n\n {/* Hidden YouTube player for background music */}\n \n\n

\n {/* 🎵 Music controls */}\n

\n {!musicOn\n ? (\n \n {musicReady ? \"Play music 🎵\" : \"Loading music… ⏳\"}\n \n )\n : (\n <>\n \n {muted ? \"Unmute 🔊\" : \"Mute 🔇\"}\n \n \n Stop ⏸️\n \n \n )}\n

\n\n {!isValentine\n ? (\n <>\n

\n $\"cute$ \n

\n\n

\n ZUZU,\n
\n ar būsi mano Valentine? 💘\n

\n\n

\n Miestas: {PERSON.city} · Data: {PERSON.dateHint}\n {\" \"}\n · Pasiūlymą pateikia: {PERSON.youName}\n

\n\n

\n \n Taip 😇\n \n\n \n {noClicks === 0 ? \"Ne 😈\" : pick(NO_PHRASES, noClicks - 1)}\n \n

\n\n

\n \n {noClicks === 0\n ? \"P.S. „No“ mygtukas turi… nuomone 😅\"\n : `„No“ paspaudimų skaičius: ${noClicks} (dar ne vėlu persigalvot 😇)`}\n \n

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

\n \n

\n\n

Yay!!! 💖🎉

\n Zuzu, oficialu: tu dabar mano Valentine 😌💘\n
\n MANO MEILEEEEEE.\n

\n\n

\n \n Copy invite text 📋\n \n location.reload()}\n style={{ ...styles.btn, ...styles.secondary }}\n >\n Replay 😄\n \n

\n\n

{inviteText}

\n \n )}\n

\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}\n\n/* ---------- Styles ---------- */\n\nconst styles = {\n page: {\n height: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: 16,\n fontFamily: \"Arial, sans-serif\",\n background:\n \"linear-gradient(135deg, #fff0f6 0%, #f3f0ff 40%, #e6fcf5 100%)\",\n overflow: \"hidden\",\n position: \"relative\",\n },\n card: {\n width: \"min(720px, 92vw)\",\n background: \"rgba(255,255,255,0.85)\",\n border: \"1px solid rgba(0,0,0,0.08)\",\n borderRadius: 18,\n padding: \"22px 18px\",\n boxShadow: \"0 18px 50px rgba(0,0,0,0.12)\",\n textAlign: \"center\",\n backdropFilter: \"blur(8px)\",\n position: \"relative\",\n },\n musicBar: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n marginBottom: 6,\n gap: 8,\n },\n topRow: { display: \"flex\", justifyContent: \"center\" },\n gif: {\n width: 140,\n height: \"auto\",\n filter: \"drop-shadow(0 10px 18px rgba(0,0,0,0.12))\",\n },\n title: { margin: \"10px 0 6px\", lineHeight: 1.15, fontSize: 34 },\n pink: { color: \"#ff4d8d\" },\n sub: { opacity: 0.8, fontSize: 14, marginBottom: 14 },\n arena: {\n position: \"relative\",\n height: 160,\n display: \"flex\",\n gap: 12,\n alignItems: \"center\",\n justifyContent: \"center\",\n flexWrap: \"wrap\",\n borderRadius: 14,\n background: \"rgba(255,255,255,0.6)\",\n border: \"1px dashed rgba(0,0,0,0.15)\",\n },\n btn: {\n padding: \"12px 18px\",\n border: \"none\",\n borderRadius: 10,\n cursor: \"pointer\",\n fontWeight: 700,\n boxShadow: \"0 10px 20px rgba(0,0,0,0.12)\",\n transition: \"transform 120ms ease, filter 120ms ease\",\n userSelect: \"none\",\n },\n yes: { backgroundColor: \"#2f9e44\", color: \"white\" },\n no: { backgroundColor: \"#f03e3e\", color: \"white\", fontSize: 16 },\n footer: { marginTop: 10, opacity: 0.8 },\n mini: { fontSize: 13 },\n yay: { fontSize: 54, color: \"#ff4d8d\", fontWeight: 900, marginTop: 6 },\n yesText: { fontSize: 16, marginTop: 8, opacity: 0.9, lineHeight: 1.5 },\n actions: {\n marginTop: 14,\n display: \"flex\",\n gap: 10,\n justifyContent: \"center\",\n flexWrap: \"wrap\",\n },\n copy: { backgroundColor: \"#5f3dc4\", color: \"white\" },\n secondary: { backgroundColor: \"#212529\", color: \"white\" },\n pre: {\n marginTop: 14,\n textAlign: \"left\",\n background: \"rgba(0,0,0,0.04)\",\n padding: 12,\n borderRadius: 12,\n fontSize: 13,\n whiteSpace: \"pre-wrap\",\n },\n};\n\nconst css = `\n/* floating hearts */\nbody::before, body::after{\n content:\"\";\n position:fixed;\n inset:-20%;\n background:\n radial-gradient(circle at 10% 20%, rgba(255,77,141,.25) 0 8px, transparent 9px),\n radial-gradient(circle at 35% 70%, rgba(255,77,141,.18) 0 7px, transparent 8px),\n radial-gradient(circle at 80% 30%, rgba(145,94,255,.18) 0 7px, transparent 8px),\n radial-gradient(circle at 70% 80%, rgba(34,184,207,.16) 0 7px, transparent 8px);\n animation: floaty 10s linear infinite;\n pointer-events:none;\n z-index:0;\n}\nbody::after{ animation-duration: 14s; opacity:.7; filter: blur(1px); }\n\n@keyframes floaty{\n 0%{ transform: translate3d(0,0,0) rotate(0deg); }\n 50%{ transform: translate3d(2%, -2%, 0) rotate(2deg); }\n 100%{ transform: translate3d(0,0,0) rotate(0deg); }\n}\n\n.sparkle{\n animation: pop 240ms ease;\n}\n@keyframes pop{\n 0%{ transform: scale(1); }\n 70%{ transform: scale(1.02); }\n 100%{ transform: scale(1); }\n}\n\n.wiggle{\n animation: wiggle 0.22s ease-in-out infinite alternate;\n}\n@keyframes wiggle{\n 0%{ transform: rotate(-2deg); }\n 100%{ transform: rotate(2deg); }\n}\n\nbutton:hover{ filter: brightness(1.05); transform: translateY(-1px); }\nbutton:active{ transform: translateY(1px) scale(0.99); }\n`;","deleted","label","zuzuirbuzu",[100],"permalink","https://www.val.town/x/lipkis/valentine/code/main.tsx","extension","actionData","errors"]

\n ZUZU,\n \n ar būsi mano Valentine? 💘\n

\n ZUZU,\n
\n ar būsi mano Valentine? 💘\n