For Annette

A moment for you, Annette.

\n I was thinking about how some people search their whole lives to find\n something real. I realized I didn't have to look that far.\n

\n \n

\n );\n }\n\n // --- STAGE 2: THE REALIZATION ---\n if (stage === 2) {\n return (\n

It’s always been the little things.

\n The way you laugh, the way you see the world... it’s made my life\n clearer. You aren't just a part of my story, Annette. You are the best\n chapter.\n

\n \n

\n );\n }\n\n // --- STAGE 3: THE PROPOSAL ---\n if (stage === 3) {\n const yesSize = Math.min(18 + noClicks * 12, 100);\n return (\n

Annette...

\n I'd love nothing more than to spend Valentine's Day—and many days\n after—showing you how much you mean to me.\n

\n \n Will you be my Valentine?\n \n\n \n \n Yes, I would love to.\n \n\n {noClicks < 4 && (\n setNoClicks(noClicks + 1)}\n style={skipBtn}\n >\n {noClicks === 0 ? \"I need to think...\" : \"Are you sure? 🤭\"}\n \n )}\n

\n \n );\n }\n\n // --- STAGE 4: THE ACCEPTANCE ---\n return (\n

\n \n Thank you, Annette.\n \n

\n You just made me the happiest person. I promise to make our Valentine's\n Day as beautiful as the person you are.\n

\n \n

\n FEBRUARY 14, 2026\n

\n \n );\n}\n\n// --- STYLES (Sophisticated & Minimalist) ---\nconst cardStyle = {\n background: \"#ffffff\",\n padding: \"60px 40px\",\n borderRadius: \"0px\", // Sharp, modern edges\n textAlign: \"center\",\n width: \"90%\",\n maxWidth: \"450px\",\n boxShadow: \"0 30px 100px rgba(0,0,0,0.05)\",\n fontFamily: \"'Playfair Display', serif\",\n border: \"1px solid #f0f0f0\",\n};\n\nconst titleStyle = {\n color: \"#1a1a1a\",\n margin: \"0 0 25px 0\",\n fontWeight: \"400\",\n fontSize: \"28px\",\n letterSpacing: \"-0.5px\",\n};\n\nconst proseStyle = {\n color: \"#555\",\n fontSize: \"17px\",\n lineHeight: \"1.8\",\n marginBottom: \"40px\",\n fontWeight: \"300\",\n};\n\nconst romanticBtn = {\n display: \"block\",\n width: \"100%\",\n padding: \"20px\",\n margin: \"10px 0\",\n border: \"none\",\n borderRadius: \"0px\",\n fontWeight: \"300\",\n cursor: \"pointer\",\n backgroundColor: \"#1a1a1a\",\n color: \"white\",\n letterSpacing: \"1px\",\n transition: \"0.3s\",\n};\n\nconst skipBtn = {\n background: \"none\",\n border: \"none\",\n color: \"#999\",\n padding: \"10px 20px\",\n cursor: \"pointer\",\n fontSize: \"14px\",\n textDecoration: \"underline\",\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render(\n \n \n ,\n );\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n For Annette\n \n \n \n

\n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[100],"permalink","https://www.val.town/x/lister587/untitled-410/code/main.ts","extension","actionData","errors"]