\n );\n}\n\nconst pageStyle = {\n minHeight: \"100vh\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"28px\",\n background:\n \"radial-gradient(circle at top, rgba(255, 182, 193, 0.55), rgba(255,255,255,1) 55%)\",\n fontFamily: \"system-ui, sans-serif\",\n};\n\nconst cardStyle = {\n width: \"min(720px, 100%)\",\n textAlign: \"center\",\n background: \"rgba(255,255,255,0.95)\",\n borderRadius: \"26px\",\n padding: \"30px\",\n boxShadow: \"0 22px 70px rgba(0,0,0,0.10)\",\n};\n\nfunction HomePage() {\n return (\n

\n \n\n \n\n \n Happy Valentines Beybieboo\n \n\n \n Here are my surprises for you\n

\n\n

\n CLICK ME 💌\n NO THIS ONE 😆\n

\n\n

\n (choose wisely beybieee… or not 😂)\n

\n \n );\n}\n\nfunction BackLink() {\n return (\n {\n e.preventDefault();\n navigate(\"/\");\n }}\n style={{\n display: \"inline-block\",\n marginBottom: \"18px\",\n textDecoration: \"none\",\n fontWeight: 800,\n color: \"#ff2f7a\",\n }}\n >\n ← Back\n \n );\n}\n\nfunction Gift1Page() {\n return (\n

\n \n\n {/* Music button ABOVE the Gift 1 title */}\n \n\n

GIFT 1 💌

\n\n \n {LETTER}\n

\n \n );\n}\n\nfunction Gift2Page() {\n return (\n

\n \n\n {/* Music button ABOVE the Gift 2 title */}\n \n\n

GIFT 2 ✨

\n\n \n \n\n

\n (hehe surprise beybieboo 😆💗)\n

\n \n );\n}\n\n// 🔒 Password Page (page before HomePage)\nfunction PasswordPage({ onUnlock }) {\n const [value, setValue] = useState(\"\");\n const [shake, setShake] = useState(false);\n\n const submit = () => {\n if (value === PASSWORD) {\n onUnlock(true);\n return;\n }\n setShake(true);\n setValue(\"\");\n setTimeout(() => setShake(false), 420);\n };\n\n return (\n

\n \n

\n Enter Password 🔒\n

\n\n

\n (hint: numbers only 😉)\n

\n\n

\n setValue(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") submit();\n }}\n inputMode=\"numeric\"\n pattern=\"[0-9]*\"\n placeholder=\"Password\"\n style={{\n width: \"min(320px, 100%)\",\n padding: \"12px 14px\",\n borderRadius: \"14px\",\n border: \"1px solid rgba(255, 47, 122, 0.25)\",\n outline: \"none\",\n fontSize: \"16px\",\n textAlign: \"center\",\n boxShadow: shake ? \"0 0 0 4px rgba(255, 47, 122, 0.15)\" : \"none\",\n transform: shake ? \"translateX(-6px)\" : \"translateX(0)\",\n transition: \"transform 120ms ease, box-shadow 120ms ease\",\n }}\n aria-label=\"Password\"\n type=\"password\"\n />\n

\n\n

\n \n Unlock 💗\n \n

\n \n );\n}\n\nfunction App() {\n // This stays in memory (so refresh shows password again),\n // BUT clicking gift buttons won't reset anymore (no page reload).\n const [isUnlocked, setIsUnlocked] = useState(false);\n\n const path = usePath();\n const Page = useMemo(() => {\n if (path === \"/gift1\") return Gift1Page;\n if (path === \"/gift2\") return Gift2Page;\n return HomePage;\n }, [path]);\n\n if (!isUnlocked) {\n return ;\n }\n\n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server() {\n return new Response(\n `\n \n \n Happy Valentines Beybieboo\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/defector1337/ValentinesGreetings/code/main.ts","extension","actionData","errors"]