\n I know this is a little late—I got carried away making something special for you. But every moment spent\n on it was worth it. So…

\n

{\" \"}\n Will you be my Valentine? 💘\n \n

From: Dommy 🐧

\n \n Yes\n \n \n {NO_PHRASES[noClicks]}\n \n

\n \n )\n : (\n \n

\n \n Yay!!! 💖🎉 I love you my Kells bb :3 Now let's go on an adventure :)\n \n \n )}\n\n {/* Confetti Images */}\n {confettiActive && }\n \n );\n}\n\n// Confetti with Images\nfunction ConfettiImages() {\n useEffect(() => {\n const canvas = document.createElement(\"canvas\");\n document.body.appendChild(canvas);\n const ctx = canvas.getContext(\"2d\");\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n\n const heartImg = new Image();\n heartImg.src = \"https://cdn-icons-png.flaticon.com/512/833/833472.png\"; // Heart Image\n\n const confettiItems = [];\n for (let i = 0; i < 50; i++) {\n confettiItems.push({\n x: Math.random() * canvas.width,\n y: Math.random() * canvas.height - canvas.height,\n velocityX: (Math.random() - 0.5) * 5,\n velocityY: Math.random() * 5 + 2,\n size: Math.random() * 30 + 20,\n });\n }\n\n const animateConfetti = () => {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n confettiItems.forEach((item) => {\n item.x += item.velocityX;\n item.y += item.velocityY;\n if (item.y > canvas.height) item.y = 0;\n ctx.drawImage(heartImg, item.x, item.y, item.size, item.size);\n });\n requestAnimationFrame(animateConfetti);\n };\n\n heartImg.onload = animateConfetti;\n setTimeout(() => document.body.removeChild(canvas), 5000);\n }, []);\n\n return null;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/dtang18/willumarrymeoratleastbemyvalentine/code/main.tsx","extension","actionData","errors"]