bbbemyyyvalentine/jj/rr import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; import React, { useState } from "https://esm.sh/react@18.2.0";

const NO_PHRASES = [ “NO 💔” “my handsome man say yes 🐥” “saaaaay yess 🔪” “hehehehe luvv u 😛🐥” “ u are my bb ❤️” “myy hubby ❤️” “my forever love 🐥❤️” ];

function App() { const [noClicks, setNoClicks] = useState(0); const [isValentine, setIsValentine] = useState(false); const yesButtonSize = (noClicks * 20) + 16;

const firstImg = "https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif"; const secondImg = "https://tenor.com/view/cute-kawaii-cupid-be-my-valentine-happy-valentine-gif-10672964949774264911";

 const handleNo = () => {   
  setNoClicks((prev) => prev + 1);

};

const handleYes = () => { setIsValentine(true); };

return (

{!isValentine ?( <>

Will you be my Valentine? 💘

Yes {noClicks === 0 ? "No" : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}

) : ( <>

Yay!!! 🐥🎊

)}

); }

function client() { createRoot(document.getElementById("root")).render();App />); } if (typeof document !== "undefined") client();

export default async function server(request: Request): Promise { return new Response(

<html>
  <head>
    <title>Valentine's Day Invitation</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
      body { margin: 0; font-family: Arial, sans-serif; }
    </style>
  </head>
  <body>
    <div id="root"></div>
    <script src="https://esm.town/v/std/catch"></script>
     <script type="module" src="${import.meta.url}"></script>
  </body>
</html>

`, { headers: { "content-type": "text/html" }, }, ); }

ruskkkkjj

bbbb

Will you be my Valentine? 💘