Minion Valentine 💛

\n\n \n

\n Hey \\${to} 💛\n

\n Will you be my Valentine?\n

\n\n

\n \n\n \n

\n\n

\n made with minion power — \\${from} 💘\n

\n\n

\n Tip: edit the link with ?to=Name&from=Name\n

\n \n \\`;\n\n document.getElementById(\"yesBtn\").onclick = () => {\n mode = \"yes\";\n render();\n };\n\n document.getElementById(\"noBtn\").onclick = () => {\n noCount++;\n yesScale = Math.min(3.4, yesScale + 0.35);\n render();\n };\n }\n\n function renderYes() {\n app.innerHTML = \\`\n

\n\n

\n YAYYYYY \\${to}!!! 🎉💛\n

\n I knew you’d say YES 😎\n

\n — \\${from}\n

\n \\`;\n\n confettiBurst();\n }\n\n function confettiBurst() {\n const holder = document.getElementById(\"confetti\");\n if (!holder) return;\n holder.innerHTML = \"\";\n\n for (let i = 0; i < 120; i++) {\n const s = document.createElement(\"span\");\n const size = rand(6, 12);\n\n s.style.position = \"absolute\";\n s.style.left = rand(0, 100) + \"%\";\n s.style.top = rand(-20, 10) + \"%\";\n s.style.width = size + \"px\";\n s.style.height = size + \"px\";\n s.style.opacity = \"0.95\";\n s.style.borderRadius = rand(0, 1) ? \"2px\" : \"999px\";\n s.style.background = [\"#ff4d6d\", \"#ffd166\", \"#06d6a0\", \"#4dabf7\", \"#b197fc\"][rand(0, 4)];\n s.style.transform = \"translateY(0px) rotate(\" + rand(0, 360) + \"deg)\";\n s.style.transition = \"transform 1400ms ease-out, opacity 1400ms ease-out\";\n\n holder.appendChild(s);\n\n setTimeout(() => {\n s.style.transform =\n \"translateY(520px) rotate(\" + rand(360, 900) + \"deg)\";\n s.style.opacity = \"0\";\n }, 20);\n }\n }\n\n function render() {\n if (mode === \"yes\") renderYes();\n else renderAsk();\n }\n\n render();\n})();\n `,\n }}\n />\n \n \n );\n}\n\nserve(() =>\n new Response(\"\" + renderToString(), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n })\n);","deleted","label",[100],"permalink","https://www.val.town/x/aalenae/valentine/code/main.ts","extension","actionData","errors"]