For My Baby Talia 💖

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_189":190,"_191":192},"routes/_app.x.$handle.$name",{"_99":98,"_33":46,"_107":85,"_28":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":27,"_124":125,"_126":25,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":27,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":27},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":29,"_34":35,"_36":37},"deleted",true,"deletedHere",false,"path","main.tsx","latestPath","fileId","019c3caf-2b32-7750-9074-f675f78aa8e9","name","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 💔\",\"Pretty please? 🥺\",\"But we'd be so cute together! 💕\",\"One more chance?\",\n \"Don't break my heart :(\",\"What about a maybe?\",\"Please don't say no, I'm hoping 😢\",\n \"I promise to make you smile every day 😘\",\"I baked imaginary cookies for you 🍪💖\",\n \"My heart beats for you ❤️\",\"You + Me = Perfect ❤️\",\"I'll buy you a Tonk! 🐷💖\",\n \"Just say yes, please? 🥰\",\"We could watch movies together 🍿💞\",\n \"I’d love to spend the day with you 🌸\",\"Please don’t make me sad 😢\",\n \"Think of all the little happy moments we could share 🌟\",\"You make my world brighter 💖\",\n \"Saying yes would make me so happy 💝\",\"I’ll be extra nice, I promise 😇\",\n \"We could go on cute adventures together 🌷\"\n];\n\nconst LETTER_NO_PHRASES = [\n \"No, I'm shy! 🙈\", \"Nice try! 😂\", \"You have to read it!\", \"Nope! ✋\", \"Click the other one! 💌\"\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [letterNoClicks, setLetterNoClicks] = useState(0);\n const [noButtonPos, setNoButtonPos] = useState({ top: '0px', left: '0px' });\n const [isValentine, setIsValentine] = useState(false);\n const [showLetter, setShowLetter] = useState(false);\n const [timeTogether, setTimeTogether] = useState(\"\");\n \n const yesButtonSize = (noClicks * 15) + 18;\n const anniversary = new Date(\"2025-09-27T00:00:00\");\n\n const handleNo = () => setNoClicks(prev => prev + 1);\n \n const handleLetterNo = () => {\n setLetterNoClicks(prev => prev + 1);\n const randomTop = Math.min(Math.max(Math.random() * 80, 10), 80) + '%';\n const randomLeft = Math.min(Math.max(Math.random() * 80, 10), 80) + '%';\n setNoButtonPos({ top: randomTop, left: randomLeft });\n };\n\n useEffect(() => {\n const interval = setInterval(() => {\n const now = new Date();\n const diffMs = now - anniversary;\n const days = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n const hours = Math.floor((diffMs / (1000 * 60 * 60)) % 24);\n const minutes = Math.floor((diffMs / (1000 * 60)) % 60);\n const seconds = Math.floor((diffMs / 1000) % 60);\n setTimeTogether(`${days}d ${hours}h ${minutes}m ${seconds}s`);\n }, 1000);\n return () => clearInterval(interval);\n }, []);\n\n return (\n

\n \n\n {/* rest of your component stays EXACTLY the same */}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n For My Baby Talia 💖\n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't say no, I'm hoping 😢\",\n \"I promise to make you smile every day 😘\",\n \"I baked imaginary cookies for you 🍪💖\",\n \"My heart beats for you ❤️\",\n \"You + Me = Perfect ❤️\",\n \"I'll buy you a Tonk! 🐷💖\",\n \"Just say yes, please? 🥰\",\n \"We could watch movies together 🍿💞\",\n \"I’d love to spend the day with you 🌸\",\n \"Please don’t make me sad 😢\",\n \"Think of all the little happy moments we could share 🌟\",\n \"You make my world brighter 💖\",\n \"Saying yes would make me so happy 💝\",\n \"I’ll be extra nice, I promise 😇\",\n \"We could go on cute adventures together 🌷\",\n];\n\nconst LETTER_NO_PHRASES = [\n \"No, I'm shy! 🙈\",\n \"Nice try! 😂\",\n \"You have to read it!\",\n \"Nope! ✋\",\n \"Click the other one! 💌\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [letterNoClicks, setLetterNoClicks] = useState(0);\n const [noButtonPos, setNoButtonPos] = useState({ top: \"0px\", left: \"0px\" });\n const [isValentine, setIsValentine] = useState(false);\n const [showLetter, setShowLetter] = useState(false);\n const [timeTogether, setTimeTogether] = useState(\"\");\n\n const yesButtonSize = (noClicks * 15) + 18;\n const anniversary = new Date(\"2025-09-27T00:00:00\");\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n\n const handleLetterNo = () => {\n setLetterNoClicks((prev) => prev + 1);\n const randomTop = Math.min(Math.max(Math.random() * 80, 10), 80) + \"%\";\n const randomLeft = Math.min(Math.max(Math.random() * 80, 10), 80) + \"%\";\n setNoButtonPos({ top: randomTop, left: randomLeft });\n };\n\n useEffect(() => {\n const interval = setInterval(() => {\n const now = new Date();\n const diffMs = now - anniversary;\n const days = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n const hours = Math.floor((diffMs / (1000 * 60 * 60)) % 24);\n const minutes = Math.floor((diffMs / (1000 * 60)) % 60);\n const seconds = Math.floor((diffMs / 1000) % 60);\n setTimeTogether(`${days}d ${hours}h ${minutes}m ${seconds}s`);\n }, 1000);\n return () => clearInterval(interval);\n }, []);\n\n return (\n

\n \n\n {/* the rest of your JSX remains exactly the same */}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n For My Baby Talia 💖\n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1770546902009],"branchVersion","branchId","8e06efe6-04d4-11f1-ad7e-42dde27851f2","id","8e01f7a2-04d4-11f1-ad7e-42dde27851f2","valentine",["D",1770544638643],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c3cae-c52c-72cc-ab62-f3f14639a0b4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c3cae-c52c-72cc-ab62-f6df4460c680","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":55,"_103":104,"_105":27},"branch",{"_13":84,"_33":85,"_44":43,"_86":45,"_87":88,"_89":90,"_91":51,"_92":93,"_94":95,"_96":46,"_97":98},"isOwned",16,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","JAKKARDI","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5TmxweFlFV3RJazFQdExtUDNjSjYwUk9TMiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_33":46,"_39":185,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":27,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":186,"_79":187,"_81":188,"_83":27},"tree",[172,173,174],"files",[172,173,174],"counts",{"_162":61,"_163":158,"_164":61,"_165":166,"_167":168},"contents",[139,140,141],"upstreamProject",{"_44":93,"_33":46,"_53":-5,"_54":-5,"_50":51,"_77":137},"upstreamBranch",{"_44":88,"_39":131,"_132":133,"_33":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_134":135,"_48":-5,"_83":27,"_50":51,"_97":136,"_62":95,"_96":46},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru",{"_99":136,"_106":138},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_44":155,"_33":156,"_31":157,"_143":-5,"_42":43,"_41":158,"_144":25,"_39":159,"_13":61,"_34":20,"_36":160,"_24":27,"_147":-5,"_28":161},{"_44":149,"_33":150,"_31":151,"_143":-5,"_42":43,"_41":146,"_144":25,"_39":152,"_13":61,"_34":35,"_36":153,"_24":27,"_147":-5,"_28":154},{"_44":142,"_33":29,"_31":32,"_143":-5,"_42":43,"_41":14,"_144":27,"_39":145,"_13":146,"_34":35,"_36":38,"_24":27,"_147":-5,"_28":148},"d30ae692-04d9-11f1-b2f7-42dde27851f2","parentId","latest",["D",1770546902009],12,"label",[29],"4e3a9340-04d9-11f1-a68b-42dde27851f2","main-copy.tsx","4e3a941c-04d9-11f1-a68b-42dde27851f2",["D",1770546679196],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Pretty please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't say no, I'm hoping 😢\",\n \"I promise to make you smile every day 😘\",\n \"I baked imaginary cookies for you 🍪💖\",\n \"My heart beats for you ❤️\",\n \"You + Me = Perfect ❤️\",\n \"I'll buy you a Tonk! 🐷💖\",\n \"Just say yes, please? 🥰\",\n \"We could watch movies together 🍿💞\",\n \"I’d love to spend the day with you 🌸\",\n \"Please don’t make me sad 😢\",\n \"Think of all the little happy moments we could share 🌟\",\n \"You make my world brighter 💖\",\n \"Saying yes would make me so happy 💝\",\n \"I’ll be extra nice, I promise 😇\",\n \"We could go on cute adventures together 🌷\",\n];\n\nconst LETTER_NO_PHRASES = [\n \"No, I'm shy! 🙈\",\n \"Nice try! 😂\",\n \"You have to read it!\",\n \"Nope! ✋\",\n \"Click the other one! 💌\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [letterNoClicks, setLetterNoClicks] = useState(0);\n const [noButtonPos, setNoButtonPos] = useState({ top: \"0px\", left: \"0px\" });\n const [isValentine, setIsValentine] = useState(false);\n const [showLetter, setShowLetter] = useState(false);\n const [timeTogether, setTimeTogether] = useState(\"\");\n\n const yesButtonSize = (noClicks * 15) + 18;\n const anniversary = new Date(\"2025-09-27T00:00:00\");\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n\n const handleLetterNo = () => {\n setLetterNoClicks((prev) => prev + 1);\n const randomTop = Math.min(Math.max(Math.random() * 80, 10), 80) + \"%\";\n const randomLeft = Math.min(Math.max(Math.random() * 80, 10), 80) + \"%\";\n setNoButtonPos({ top: randomTop, left: randomLeft });\n };\n\n useEffect(() => {\n const interval = setInterval(() => {\n const now = new Date();\n const diffMs = now - anniversary;\n const days = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n const hours = Math.floor((diffMs / (1000 * 60 * 60)) % 24);\n const minutes = Math.floor((diffMs / (1000 * 60)) % 60);\n const seconds = Math.floor((diffMs / 1000) % 60);\n setTimeTogether(`${days}d ${hours}h ${minutes}m ${seconds}s`);\n }, 1000);\n return () => clearInterval(interval);\n }, []);\n\n return (\n

\n \n\n {/* Floating Hearts Layer */}\n

\n {Array.from({ length: 20 }).map((_, i) => (\n \n ❤️\n

\n ))}\n

\n\n {/* Falling Petals Background */}\n {Array.from({ length: 15 }).map((_, i) => (\n \n ))}\n\n {!isValentine\n ? (\n

\n \n \n My baby Talia...\n \n \n Will you make me the happiest person in the world and be my\n Valentine? 💘\n

\n \n setIsValentine(true)}\n style={{\n fontSize: `${yesButtonSize}px`,\n padding: `${12 + noClicks * 2}px ${30 + noClicks * 5}px`,\n }}\n >\n Yes!\n \n \n

\n \n )\n : !showLetter\n ? (\n

\n \n \n Yay! ❤️\n \n \n I have a special letter just for you, baby...\n

\n setShowLetter(true)}\n >\n Open Letter 💌\n \n 0 ? \"fixed\" : \"relative\",\n top: noButtonPos.top,\n left: noButtonPos.left,\n fontSize: \"14px\",\n opacity: 0.7,\n }}\n >\n {LETTER_NO_PHRASES[\n Math.min(letterNoClicks, LETTER_NO_PHRASES.length - 1)\n ]}\n \n

\n )\n : (\n

\n \n My baby Talia,\n \n\n

\n Looking back at September 27th, I honestly never could have\n predicted where we’d be today. When we first started talking, I\n knew you were special, but I had no idea that this was going to\n become the best, most beautiful relationship I have ever been in.\n It was so unexpected—the way you just effortlessly became the\n center of my world—but I wouldn't change a single second of it.\n

\n\n

\n You came into my life like a whirlwind of kindness and laughter,\n baby, and you’ve turned every ordinary day into something worth\n celebrating. I never knew a connection could be this easy, this\n deep, or this meaningful. You are the person who understands me\n without me having to say a single word.\n

\n\n

\n I find myself thinking about our future more and more lately. It’s\n not just about the next month or the next year—it’s about the rest\n of my life. I want you to know, Talia, that I’m not just in this\n for the present. I’m in this for every version of us. I truly hope\n and believe that one day, I’ll be asking you an even bigger\n question. I would love nothing more than to eventually call you my\n wife and build a whole life, a home, and a million more memories\n with you.\n

\n\n

\n You are my best friend, my greatest adventure, and my entire\n heart. Thank you for being the most amazing partner I could have\n ever dreamed of.\n

\n\n

\n Forever and always yours,
\n \n Jakes\n \n

\n\n \n Countless beautiful moments since September 27th:
\n \n {timeTogether}\n \n

\n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n For My Baby Talia 💖\n \n \n \n

\n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}",[150],"8e0a9fce-04d4-11f1-ad7e-42dde27851f2","README.md","019c3caf-2b32-7750-9074-f22871ddcf26",1,["D",1770544638643],"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.",[156],"pulls","branches","forks","envVars",{"_169":61,"_171":61},"connections",{"_169":61,"_170":61},"count","unfilledCount","emptyCount",{"_44":155,"_33":156,"_31":157,"_143":-5,"_42":43,"_41":158,"_144":25,"_39":182,"_13":61,"_34":20,"_36":160,"_24":27,"_147":-5,"_176":183,"_28":184},{"_44":149,"_33":150,"_31":151,"_143":-5,"_42":43,"_41":146,"_144":25,"_39":179,"_13":61,"_34":35,"_36":153,"_24":27,"_147":-5,"_176":180,"_28":181},{"_44":142,"_33":29,"_31":32,"_143":-5,"_42":43,"_41":14,"_144":27,"_39":175,"_13":146,"_34":35,"_36":38,"_24":27,"_147":-5,"_176":177,"_28":178},["D",1770546902009],"children",[],[29],["D",1770546679196],[],[150],["D",1770544638643],[],[156],["D",1770544638643],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":55,"_103":104,"_105":27},{"_13":84,"_33":85,"_44":43,"_86":45,"_87":88,"_89":90,"_91":51,"_92":93,"_94":95,"_96":46,"_97":98},"ctx",{"_77":-5,"_128":222,"_223":224,"_225":226,"_227":27,"_228":27,"_229":27,"_230":25,"_231":-5,"_232":-7,"_233":-7,"_234":61,"_235":27,"_236":27,"_237":-5,"_238":27,"_239":27,"_240":27,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":85,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Diff · v14