[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_73":161,"_40":-7,"_162":-5,"_17":163,"_164":165,"_166":167,"_168":169,"_170":171,"_111":-5,"_172":173,"_174":175,"_176":50,"_177":178,"_179":26,"_180":-5,"_181":-5,"_182":183},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","reabetswe","name","valentine-invite","branchName","main","project",{"_32":61,"_13":14,"_34":121,"_48":-5,"_122":50,"_51":52,"_123":52,"_124":125,"_126":-5,"_127":128,"_129":81,"_130":26,"_131":-5,"_132":-5,"_133":22,"_55":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":149,"_150":151,"_152":28,"_49":50},"ahead",9,"behind",0,"diff",{"_65":66,"_67":68,"_69":70},"hasChanges",true,"sourceBranch",{"_40":59,"_13":16,"_32":60,"_38":61,"_42":33,"_44":41,"_62":52,"_63":39,"_64":56,"_57":14,"_53":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"pull","id","ef17931e-ffa0-11f0-bbdd-42dde27851f2","createdAt",["D",1769972711855],"updatedAt",["D",1769972930729],"projectId","ef0ef3bc-ffa0-11f0-bbdd-42dde27851f2","version",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",10,"7916d488-7404-4bfa-998a-542f68ed0af4","49a5dd1f-a943-43a3-841d-54f2312b878e","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[],"deleted",[],"modified",[71,72],{"_73":104,"_75":105,"_77":106},{"_73":74,"_75":76,"_77":78},"path","main.tsx","targetFile",{"_32":97,"_13":74,"_80":98,"_82":-5,"_83":33,"_84":41,"_85":26,"_34":99,"_40":100,"_88":89,"_90":101,"_67":50,"_92":-5,"_93":-7,"_73":102,"_95":103},"sourceFile",{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":60,"_84":59,"_85":26,"_34":86,"_40":87,"_88":89,"_90":91,"_67":50,"_92":-5,"_93":-7,"_73":94,"_95":96},"ad8c6940-7f19-4ba4-a399-b108bef2b7a2","fileId","019f33b1-ce83-72de-bcc2-5f3c15fa2ffc","parentId","branchId","branchVersion","latest",["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","label","children",[74],"contentHash","4ca72ff384842618abe671144783075c953afe79081739a6bf139ba57bf999bd","717f83d4-ffa1-11f0-8667-42dde27851f2","019c1a98-4233-771b-844e-b64a0e25551c",["D",1769972930729],1,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"babe? Pretty please? 🥹\",\n \"why do you hate me?! ☹️\",\n \"puky mi?\",\n \"you hate me and you want me to die!😭 :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm just a baby.\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg = \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine? 💘

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

\n \n )\n : (\n <>\n

\n \n Yay!!! 💖🎉\n \n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\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}",[74],"38c9da9e5f0b4fbf7f0c52e3a804f699a855b442dab1fbc1c1d30cf7b2ccae77","README.md",{"_32":115,"_13":104,"_80":116,"_82":-5,"_83":33,"_84":100,"_85":26,"_34":117,"_40":22,"_88":111,"_90":118,"_67":50,"_92":-5,"_93":-7,"_73":119,"_95":120},{"_32":107,"_13":104,"_80":108,"_82":-5,"_83":60,"_84":109,"_85":26,"_34":110,"_40":100,"_88":111,"_90":112,"_67":50,"_92":-5,"_93":-7,"_73":113,"_95":114},"85875bb4-bc5e-4734-ae84-85ee19fef3dd","019f33b1-ce83-72de-bcc2-5b908c4bc06e",3,["D",1783278759789],"file","# 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",[104],"102f852f13aab119684af7dfb38a8543ddb8d16c9c7e77c8ebb43f2e8839aede","ef1d6154-ffa0-11f0-bbdd-42dde27851f2","019c1a98-4233-771b-844e-b0981a25e9ae",["D",1769972711855],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[104],"884dd4eb86fd1264df9b44f9e56598ee15cb691e2de0dd1661353c8166c61b1e",["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,"_160":156},"org",{"_11":12,"_153":154,"_155":156,"_127":128,"_157":158,"_159":50},"branch","displayName","Reabetswe","avatar","https://lh3.googleusercontent.com/a/ACg8ocLXGHYxbaq3b1kPcwsyKxKlNHj1NOkLNm26iRkbQD_NOJxweSEi=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":61,"_13":14,"_34":210,"_48":-5,"_122":50,"_51":52,"_123":52,"_124":125,"_126":-5,"_127":128,"_129":81,"_130":26,"_131":-5,"_132":-5,"_133":22,"_55":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":211,"_150":212,"_152":213,"_49":50},"tree",[204,205],"files",[204,205],"counts",{"_194":22,"_195":100,"_196":22,"_197":198,"_199":200},"contents",[188,189],"upstreamProject",{"_32":39,"_13":58,"_124":-5,"_126":-5,"_51":52,"_148":186},"upstreamBranch",{"_32":33,"_34":184,"_36":185,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1769972711855],["D",1769972930729],{"_11":54,"_160":187},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5NTQySmQxSHhSMkJvZXBFNlhoQnpKZFhLdSJ9",{"_32":107,"_13":104,"_80":108,"_82":-5,"_83":60,"_84":109,"_85":26,"_34":192,"_40":100,"_88":111,"_90":112,"_67":50,"_92":-5,"_73":193},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":60,"_84":59,"_85":26,"_34":190,"_40":87,"_88":89,"_90":91,"_67":50,"_92":-5,"_73":191},["D",1783279415744],[74],["D",1783278759789],[104],"pulls","branches","forks","envVars",{"_201":22,"_203":22},"connections",{"_201":22,"_202":22},"count","unfilledCount","emptyCount",{"_32":107,"_13":104,"_80":108,"_82":-5,"_83":60,"_84":109,"_85":26,"_34":110,"_40":100,"_88":111,"_90":112,"_67":50,"_92":-5,"_93":208,"_73":209},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":60,"_84":59,"_85":26,"_34":86,"_40":87,"_88":89,"_90":91,"_67":50,"_92":-5,"_93":206,"_73":207},[],[74],[],[104],["D",1783278718504],{"_11":12,"_160":156},{"_11":12,"_153":154,"_155":156,"_127":128,"_157":158,"_159":50},{"_40":59,"_13":16,"_32":60,"_38":61,"_42":33,"_44":41,"_62":52,"_63":39,"_64":56,"_57":14,"_53":12},"ctx",{"_148":-5,"_181":247,"_248":249,"_250":251,"_252":50,"_253":50,"_254":50,"_255":26,"_256":-5,"_257":-7,"_258":-7,"_259":22,"_260":50,"_261":50,"_262":-5,"_263":50,"_264":50,"_265":50,"_266":-5},"ENV",{"_218":219,"_220":221,"_222":16,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246},"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"]

Compare

Mergereabetswe/mainintoonly1ini/main

README.md+21-4

Hmain.tsx+362-80