\n {GIRL_NAME}, viltu vera Valentine-ið mitt? 💘\n

\n\n

\n Ég ætla að gera 14. feb algjörlega fullkominn — með knúsum,\n kossum og einhverju sætu (þú velur 🍫🍓).\n

\n\n

Lítið loforð:

✅ Ég verð extra sæt(ur) við þig
✅ Ég hlæ að öllum brandörunum þínum
✅ Ég gef þér 100% athygli (og 0% leiðindi)

\n\n

\n \n Jáá 💖\n \n\n = 2\n ? `translate(${noPos.x}px, ${noPos.y}px)`\n : \"translate(0,0)\",\n }}\n >\n {noClicks === 0\n ? \"Nei\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n\n

\n (psst… “Nei” hnappurinn er smá feiminn 😈)\n

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

💖🎉💖🎉💖

YAY, {GIRL_NAME}! 😭💘

\n Þú ert uppáhalds manneskjan mín. Ég elska þig svo ótrúlega\n mikið.\n

\n\n

Valentine plan:

✨ Knús + kossar

🍫 Eitthvað sætt

🎬 Mynd / date / chill

\n (Segðu mér hvað þú vilt helst — ég geri rest 💗)\n

\n\n

💗✨💘✨💗✨💘✨💗

\n \n )}\n

\n );\n}\n\nconst styles = {\n page: {\n minHeight: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: 22,\n textAlign: \"center\",\n fontFamily:\n 'ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial',\n background:\n \"radial-gradient(circle at 20% 10%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 35%),\" +\n \"radial-gradient(circle at 80% 20%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0) 42%),\" +\n \"linear-gradient(135deg, #ff6fb1 0%, #ff4fa1 35%, #ff2d7a 100%)\",\n overflow: \"hidden\",\n position: \"relative\",\n },\n heartsLayer: {\n position: \"fixed\",\n inset: 0,\n pointerEvents: \"none\",\n },\n card: {\n width: \"min(620px, 94vw)\",\n borderRadius: 24,\n padding: \"26px 22px\",\n background: \"rgba(255,255,255,0.18)\",\n border: \"1px solid rgba(255,255,255,0.32)\",\n boxShadow: \"0 18px 55px rgba(0,0,0,0.20)\",\n backdropFilter: \"blur(12px)\",\n WebkitBackdropFilter: \"blur(12px)\",\n position: \"relative\",\n },\n badge: {\n display: \"inline-block\",\n padding: \"8px 12px\",\n borderRadius: 999,\n background: \"rgba(255,255,255,0.22)\",\n border: \"1px solid rgba(255,255,255,0.28)\",\n color: \"rgba(255,255,255,0.95)\",\n fontWeight: 700,\n letterSpacing: \"0.3px\",\n marginBottom: 10,\n },\n title: {\n margin: \"10px 0 10px\",\n fontSize: 38,\n lineHeight: 1.1,\n color: \"#fff\",\n textShadow: \"0 10px 28px rgba(0,0,0,0.22)\",\n },\n subtitle: {\n margin: \"0 auto 16px\",\n maxWidth: 520,\n fontSize: 16,\n color: \"rgba(255,255,255,0.92)\",\n },\n promiseBox: {\n margin: \"14px auto 18px\",\n maxWidth: 520,\n padding: \"14px 14px\",\n borderRadius: 18,\n background: \"rgba(255,255,255,0.18)\",\n border: \"1px solid rgba(255,255,255,0.26)\",\n textAlign: \"left\",\n },\n promiseTitle: {\n color: \"#fff\",\n fontWeight: 900,\n marginBottom: 8,\n },\n promiseList: {\n margin: 0,\n paddingLeft: 18,\n color: \"rgba(255,255,255,0.92)\",\n lineHeight: 1.6,\n fontWeight: 600,\n },\n buttonsRow: {\n display: \"flex\",\n justifyContent: \"center\",\n gap: 12,\n flexWrap: \"wrap\",\n marginTop: 6,\n },\n yesButton: {\n border: \"none\",\n borderRadius: 16,\n cursor: \"pointer\",\n padding: \"12px 26px\",\n color: \"white\",\n fontWeight: 900,\n background: \"linear-gradient(135deg, #32e07b 0%, #10b45c 100%)\",\n boxShadow: \"0 14px 30px rgba(0,0,0,0.26)\",\n transition: \"transform 120ms ease, filter 120ms ease\",\n animation: \"pulse 1.4s ease-in-out infinite\",\n },\n noButton: {\n border: \"none\",\n borderRadius: 16,\n cursor: \"pointer\",\n padding: \"12px 18px\",\n color: \"white\",\n fontWeight: 800,\n background: \"linear-gradient(135deg, #ff4d6d 0%, #ff2d55 100%)\",\n boxShadow: \"0 12px 26px rgba(0,0,0,0.20)\",\n transition: \"transform 160ms ease\",\n fontSize: 16,\n },\n footerNote: {\n marginTop: 14,\n color: \"rgba(255,255,255,0.9)\",\n fontWeight: 700,\n fontSize: 13,\n },\n successTop: {\n fontSize: 28,\n marginBottom: 10,\n filter: \"drop-shadow(0 10px 25px rgba(0,0,0,0.2))\",\n },\n successTitle: {\n fontSize: 44,\n margin: \"6px 0 8px\",\n color: \"#fff\",\n textShadow: \"0 12px 35px rgba(0,0,0,0.25)\",\n },\n successText: {\n margin: \"0 auto 18px\",\n maxWidth: 520,\n color: \"rgba(255,255,255,0.94)\",\n fontSize: 18,\n fontWeight: 700,\n },\n dateCard: {\n margin: \"0 auto\",\n maxWidth: 520,\n padding: 16,\n borderRadius: 18,\n background: \"rgba(255,255,255,0.18)\",\n border: \"1px solid rgba(255,255,255,0.26)\",\n textAlign: \"left\",\n },\n dateTitle: {\n color: \"#fff\",\n fontWeight: 900,\n marginBottom: 10,\n },\n dateLine: {\n color: \"rgba(255,255,255,0.92)\",\n fontWeight: 700,\n marginBottom: 6,\n },\n dateSmall: {\n marginTop: 10,\n color: \"rgba(255,255,255,0.9)\",\n fontWeight: 700,\n fontSize: 13,\n },\n sparkles: {\n marginTop: 16,\n fontSize: 24,\n color: \"rgba(255,255,255,0.95)\",\n },\n};\n\nconst css = `\n@keyframes floatUp {\n 0% { transform: translateY(0) scale(1) rotate(0deg); }\n 100% { transform: translateY(-140vh) scale(1.15) rotate(18deg); }\n}\n@keyframes pulse {\n 0%, 100% { transform: scale(1); filter: brightness(1); }\n 50% { transform: scale(1.06); filter: brightness(1.06); }\n}\nbutton:hover { transform: translateY(-2px); }\nbutton:active { transform: translateY(0px); }\n`;\n\n// val.town client mount\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\n// val.town server HTML\nexport default async function server(_request) {\n return new Response(\n `\n \n \n Valentine for ${GIRL_NAME}\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/kassiiiii/untitled-1637/code/main.ts","extension","actionData","errors"]