Lele 💙

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_192":193,"_194":195},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_145":-5,"_20":146,"_22":147,"_148":149,"_150":151,"_25":152,"_24":-5,"_153":154,"_155":156,"_157":52,"_158":159,"_160":73,"_161":-5,"_162":-5,"_163":164},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","reabetswe","name","valentine-invite","branchName","main","version","path","","project",{"_35":100,"_13":14,"_37":101,"_50":-5,"_102":52,"_53":54,"_103":54,"_104":105,"_106":-5,"_107":108,"_109":66,"_110":73,"_111":-5,"_112":-5,"_113":33,"_57":114,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":129,"_130":131,"_132":133,"_51":52},"tree",[91,92],"file","contents",[61,62],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60},"pull","ahead",9,"behind",0,"envVars","id","ef17931e-ffa0-11f0-bbdd-42dde27851f2","createdAt",["D",1769972711855],"updatedAt",["D",1769972930729],"projectId","ef0ef3bc-ffa0-11f0-bbdd-42dde27851f2",2,"forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"lockfileKey","1769972931132-esm.town_v_only1ini_Inidsd@2-main","deletedAt","isOwned",false,"privacy","public","userHandle","only1ini","orgId","019c1a93-7ede-779b-bd30-5a2ebc4b99ee","projectName","Inidsd",{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":86,"_72":73,"_37":87,"_17":88,"_76":24,"_78":89,"_80":52,"_81":-5,"_18":90},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":75,"_76":77,"_78":79,"_80":52,"_81":-5,"_18":82},"ad8c6940-7f19-4ba4-a399-b108bef2b7a2","main.tsx","fileId","019f33b1-ce83-72de-bcc2-5f3c15fa2ffc","parentId","branchId","7916d488-7404-4bfa-998a-542f68ed0af4","branchVersion",10,"latest",true,["D",1783279415744],8,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Are you sure, Lele? 🥺\",\n \"Think again... 💭\",\n \"Please reconsider 🙏\",\n \"My heart can't take it 💔\",\n \"You're breaking my heart 😢\",\n \"I'll cry... 😭\",\n \"Pleeease? 🥹\",\n \"Don't be shy 😊\",\n \"Last chance? 💙\",\n];\n\nconst WAIT_SECONDS = 30;\n\nfunction FloatingHearts() {\n const hearts = Array.from({ length: 15 }, (_, i) => {\n const left = Math.random() * 100;\n const duration = 6 + Math.random() * 8;\n const delay = Math.random() * 8;\n const size = 14 + Math.random() * 24;\n const emojis = [\"💙\", \"💎\", \"💧\", \"💙\", \"🦋\", \"💙\", \"✨\"];\n const emoji = emojis[i % emojis.length];\n return (\n \n {emoji}\n \n );\n });\n return <>{hearts};\n}\n\nfunction WaitingScreen({ timeLeft }: { timeLeft: number }) {\n const [dots, setDots] = useState(\"\");\n useEffect(() => {\n const interval = setInterval(() => {\n setDots(d => (d.length >= 3 ? \"\" : d + \".\"));\n }, 500);\n return () => clearInterval(interval);\n }, []);\n return (\n \n \n 💙\n \n \n Something special is loading{dots}\n

\n \n {timeLeft}\n \n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const [noPos, setNoPos] = useState({ x: 0, y: 0 });\n const [waitTime, setWaitTime] = useState(WAIT_SECONDS);\n\n const yesScale = 1 + noClicks * 0.22;\n const noScale = Math.max(0.5, 1 - noClicks * 0.08);\n const showQuestion = waitTime <= 0;\n\n useEffect(() => {\n if (showQuestion) return;\n const timer = setTimeout(() => setWaitTime(t => t - 1), 1000);\n return () => clearTimeout(timer);\n }, [waitTime, showQuestion]);\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n const maxX = 200;\n const maxY = 150;\n setNoPos({\n x: (Math.random() - 0.5) * 2 * maxX,\n y: (Math.random() - 0.5) * 2 * maxY,\n });\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n \n {!showQuestion ? (\n \n ) : !isValentine ? (\n \n \n R 💙 O\n \n \n Lele, will you be my girlfriend?\n \n\n \n {\n e.currentTarget.style.transform = `scale(${yesScale * 1.08})`;\n e.currentTarget.style.boxShadow = \"0 12px 32px rgba(66, 165, 245, 0.55)\";\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = `scale(${yesScale})`;\n e.currentTarget.style.boxShadow = \"0 8px 24px rgba(66, 165, 245, 0.4)\";\n }}\n >\n Yes 💙\n \n\n 6 ? 0.5 : 1,\n position: \"relative\",\n }}\n onMouseEnter={() => {\n if (noClicks >= 1) {\n handleNo();\n }\n }}\n >\n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n \n\n {noClicks >= 3 && (\n \n (psst... the Yes button is getting bigger 🤭)\n

\n )}\n \n ) : (\n \n \n 🎉\n \n \n She said yes!!! 💙\n \n \n You just made me the happiest person alive, Lele.\n
\n I promise to make you smile every day 💙🦋\n

\n \n R 💛 O\n \n \n )}\n \n );\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 \n Lele 💙\n \n \n \n \n \n \n \n

\n \n \n \n`,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\n","deleted","label",[64],"85875bb4-bc5e-4734-ae84-85ee19fef3dd","README.md","019f33b1-ce83-72de-bcc2-5b908c4bc06e",3,["D",1783278759789],1,"# Valentine's Day Invitation 💘\n\nA beautiful, interactive Valentine's Day invitation built with React.\n\n## Features\n\n- 🎨 **Animated gradient background** — soft pinks shifting smoothly\n- 💕 **Floating hearts** — heart emojis drifting up across the screen\n- ✍️ **Beautiful typography** — Pacifico (cursive) headings, Quicksand body\n- 🌸 **Polished buttons** — gradient pink \"Yes\" with glow & pulse animation\n- 🏃 **Dodging \"No\" button** — the No button runs away when you try to hover it!\n- 📈 **Growing Yes button** — gets bigger each time you click No\n- 🎉 **Celebration screen** — gradient text, bouncy emoji, sweet message\n- 📱 **Fully responsive** — looks great on mobile and desktop\n\n## Customize\n\nEdit `main.tsx` to:\n- Change the `NO_PHRASES` array for different funny messages\n- Adjust colors in the gradient and button styles\n- Change the celebration message text\n- Tweak animation speeds and heart count\n\nHave fun and hopefully your crush says yes! 💖\n",[84],{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":86,"_72":73,"_37":97,"_17":88,"_76":24,"_78":89,"_80":52,"_81":-5,"_94":98,"_18":99},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":93,"_17":75,"_76":77,"_78":79,"_80":52,"_81":-5,"_94":95,"_18":96},["D",1783279415744],"children",[],[64],["D",1783278759789],[],[84],"49a5dd1f-a943-43a3-841d-54f2312b878e",["D",1783278718504],"legacyEnvVars","httpPrivacy","description","Valentine invite with animated hearts and dodging No button","imageUrl","userId","63c2d36d-cec2-402c-937f-4522dd686ec3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f33a8-0b2f-73e1-b6b2-8b55def118b8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_144":140},"org",{"_11":12,"_137":138,"_139":140,"_107":108,"_141":142,"_143":52},"branch",{"_17":71,"_13":16,"_35":69,"_41":100,"_44":36,"_46":43,"_134":54,"_135":42,"_136":58,"_59":14,"_55":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Reabetswe","avatar","https://lh3.googleusercontent.com/a/ACg8ocLXGHYxbaq3b1kPcwsyKxKlNHj1NOkLNm26iRkbQD_NOJxweSEi=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":100,"_13":14,"_37":188,"_50":-5,"_102":52,"_53":54,"_103":54,"_104":105,"_106":-5,"_107":108,"_109":66,"_110":73,"_111":-5,"_112":-5,"_113":33,"_57":114,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_128":189,"_130":190,"_132":191,"_51":52},[182,183],"files",[182,183],"counts",{"_173":33,"_174":88,"_175":33,"_34":176,"_177":178},[169,170],"upstreamProject",{"_35":42,"_13":60,"_104":-5,"_106":-5,"_53":54,"_128":167},"upstreamBranch",{"_35":36,"_37":165,"_39":166,"_13":16,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1769972711855],["D",1769972930729],{"_11":56,"_144":168},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5NTQySmQxSHhSMkJvZXBFNlhoQnpKZFhLdSJ9",{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":86,"_72":73,"_37":87,"_17":88,"_76":24,"_78":89,"_80":52,"_81":-5,"_18":172},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":75,"_76":77,"_78":79,"_80":52,"_81":-5,"_18":171},[64],[84],"pulls","branches","forks",{"_179":33,"_181":33},"connections",{"_179":33,"_180":33},"count","unfilledCount","emptyCount",{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":86,"_72":73,"_37":97,"_17":88,"_76":24,"_78":89,"_80":52,"_81":-5,"_94":186,"_18":187},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":93,"_17":75,"_76":77,"_78":79,"_80":52,"_81":-5,"_94":184,"_18":185},[],[64],[],[84],["D",1783278718504],{"_11":12,"_144":140},{"_11":12,"_137":138,"_139":140,"_107":108,"_141":142,"_143":52},{"_17":71,"_13":16,"_35":69,"_41":100,"_44":36,"_46":43,"_134":54,"_135":42,"_136":58,"_59":14,"_55":12},"ctx",{"_128":-5,"_162":225,"_226":227,"_228":229,"_230":52,"_231":52,"_232":52,"_233":73,"_234":-5,"_235":-7,"_236":-7,"_237":33,"_238":52,"_239":52,"_240":-5,"_241":52,"_242":52,"_243":52,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":16,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code