[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":57,"_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",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_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":25},"version",21,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019c5921-845f-77d8-b44f-c2c77a038b56","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 } from \"https://esm.sh/react@18.2.0\";\n\n// 💔 Background image for phrase 1\nconst BROKEN_HEART_IMG =\n \"https://rivalskins.com/wp-content/uploads/marvel-assets/items/emoji/universal/img_icon_jeffs-love.png\";\n\n// 🎮 Background image for phrase 2 (CND)\n// 🔴 PASTE YOUR CND IMAGE LINK HERE\nconst CND_IMG =\n \"https://ca-times.brightspotcdn.com/dims4/default/723657b/2147483647/strip/true/crop/2047x1151+0+0/resize/1200x675!/quality/75/?url=https%3A%2F%2Fcalifornia-times-brightspot.s3.amazonaws.com%2Fb6%2Fbd%2Fb31fde86cf23436e37d5e152fffa%2Fla-1528296539-91myzaltr6-snap-image\";\n\n// 🏠 Background image for \"last one home on purpose\"\n// 🔴 PASTE YOUR LAST HOME IMAGE LINK HERE\nconst LAST_HOME_IMG =\n \"https://media.istockphoto.com/id/2156554072/photo/steamy-bathroom-mirror.jpg?s=612x612&w=0&k=20&c=G698_e3SKmQrkoE4Z09PourdnkbR2aXSuU0SxBsNaRY=\";\n\n// 🏙️ Background image for \"London felt way too short with you\"\n// 🔴 PASTE YOUR LONDON IMAGE LINK HERE\nconst LONDON_IMG =\n \"https://sparkypus.com/wp-content/uploads/2020/05/shakespeare-london-1.jpg\";\n\nconst NO_PHRASES = [\n \"Auh my heart!! Careful now Evie, else there will be two dragons!\",\n \"I'll even play a hero of your choice today... including the cnd... heh\",\n \"Before coffee you are wrath incarnate. After coffee: swoon-worthy chaos\",\n \"Like a Bridgerton scandal, thy gaze keeps me glued, and I want more episodes.\",\n \"I'll be last home on purpose next time if you click yes 😏\",\n \"London: we arrived, flirted, and vanished… the city will tell tales of us.\",\n \"You will now click yes Evie\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n const handleYes = () => setIsValentine(true);\n\n return (\n \n {/* 💔 Phrase 1 background */}\n {noClicks === 1 && !isValentine && (\n \n )}\n\n {/* 🎮 Phrase 2 background (CND) */}\n {noClicks === 2 && !isValentine && }\n\n {/* 🏠 Phrase 5 background */}\n {noClicks === 5 && !isValentine && (\n \n )}\n\n {/* 🏙️ Phrase 6 background */}\n {noClicks === 6 && !isValentine && }\n\n {/* Foreground content */}\n

\n {!isValentine\n ? (\n <>\n

Will you be my Valentine Ivelina? 💘

\n\n

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

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

\n \n Woooo! Prepare thyself, fair lady, for I shall arrive in a\n fortnight. Thou shalt be spoiled beyond measure, and we shall\n revel in a day most wondrous and our own. I thank thee for thy\n singular self. Verily, thy mind is as bright as the stars, thy\n body as comely as a midsummer morn, and thy soul more rare than\n any meowl or jewel in the king’s treasury!. 💖🎉\n

\n \n )}\n \n \n );\n}\n\n/* 🌄 Reusable background image component (with hotlink fix) */\nfunction BackgroundImage({ src }: { src: string }) {\n return (\n console.error(\"Failed to load image:\", src)}\n style={{\n position: \"absolute\",\n inset: 0,\n width: \"100%\",\n height: \"100%\",\n objectFit: \"contain\",\n opacity: 0.25,\n zIndex: 0,\n pointerEvents: \"none\",\n transition: \"opacity 0.4s ease\",\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(): Promise {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \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, { useState } from \"https://esm.sh/react@18.2.0\";\n\n// 💔 Background image for phrase 1\nconst BROKEN_HEART_IMG =\n \"https://rivalskins.com/wp-content/uploads/marvel-assets/items/emoji/universal/img_icon_jeffs-love.png\";\n\n// 🎮 Background image for phrase 2 (CND)\nconst CND_IMG =\n \"https://ca-times.brightspotcdn.com/dims4/default/723657b/2147483647/strip/true/crop/2047x1151+0+0/resize/1200x675!/quality/75/?url=https%3A%2F%2Fcalifornia-times-brightspot.s3.amazonaws.com%2Fb6%2Fbd%2Fb31fde86cf23436e37d5e152fffa%2Fla-1528296539-91myzaltr6-snap-image\";\n\n// ☕ Background image for \"Before coffee you are wrath incarnate...\"\nconst COFFEE_IMG =\n \"https://imgcdn.stablediffusionweb.com/2025/5/31/984cb973-23ed-451b-98f6-b3ee885acd4f.jpg\";\n\n// 📺 Background image for \"Like a Bridgerton scandal...\"\nconst BRIDGERTON_IMG =\n \"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRrDEjUQtonPaQxLfj5t5krWXZSjw_q_GZb_w&s\";\n\n// 🏠 Background image for \"last one home on purpose\"\nconst LAST_HOME_IMG =\n \"https://media.istockphoto.com/id/2156554072/photo/steamy-bathroom-mirror.jpg?s=612x612&w=0&k=20&c=G698_e3SKmQrkoE4Z09PourdnkbR2aXSuU0SxBsNaRY=\";\n\n// 🏙️ Background image for \"London felt way too short with you\"\nconst LONDON_IMG =\n \"https://sparkypus.com/wp-content/uploads/2020/05/shakespeare-london-1.jpg\";\n\nconst NO_PHRASES = [\n \"Auh my heart!! Careful now Evie, else there will be two dragons!\",\n \"I'll even play a hero of your choice today... including the cnd... heh\",\n \"Before coffee you are wrath incarnate. After coffee: swoon-worthy chaos\",\n \"Like a Bridgerton scandal, thy gaze keeps me glued, and I want more episodes.\",\n \"I'll be last home on purpose next time if you click yes 😏\",\n \"London: we arrived, flirted, and vanished… the city will tell tales of us.\",\n \"You will now click yes Evie\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const yesButtonSize = noClicks * 20 + 16;\n\n const firstImg =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n const handleYes = () => setIsValentine(true);\n\n return (\n \n {/* 💔 Phrase 1 background */}\n {noClicks === 1 && !isValentine && (\n \n )}\n\n {/* 🎮 Phrase 2 background (CND) */}\n {noClicks === 2 && !isValentine && }\n\n {/* ☕ Phrase 3 background (coffee) */}\n {noClicks === 3 && !isValentine && }\n\n {/* 📺 Phrase 4 background (Bridgerton) */}\n {noClicks === 4 && !isValentine && (\n \n )}\n\n {/* 🏠 Phrase 5 background */}\n {noClicks === 5 && !isValentine && }\n\n {/* 🏙️ Phrase 6 background */}\n {noClicks === 6 && !isValentine && }\n\n {/* Foreground content */}\n

\n {!isValentine\n ? (\n <>\n

Will you be my Valentine Ivelina? 💘

\n\n

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

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

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1771073182879],"branchVersion","branchId","c0c1e1ce-092b-11f1-a346-42dde27851f2","id","c0b71f8c-092b-11f1-a346-42dde27851f2","valentineee",["D",1771021894590],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c476e-ceaa-7152-9cac-e28b4199e6a8","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c476e-ceaa-7152-9cac-e4f16282ae16","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":54,"_103":104,"_105":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",24,"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","matt71","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5VGZQeW5VbXZNUkU3cElEU2xJTlJGMUhyOSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":175,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_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":176,"_79":177,"_81":178,"_83":25},"tree",[166,167],"files",[166,167],"counts",{"_156":61,"_157":152,"_158":61,"_159":160,"_161":162},"contents",[140,141],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_77":138},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_49":50,"_97":136,"_62":95,"_96":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru","valentine",{"_99":136,"_106":139},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":153,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_27":155},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_27":148},"2ae0a852-09a3-11f1-95a2-42dde27851f2","parentId","latest",["D",1771073182879],20,"label",[28],"c0c64e30-092b-11f1-a346-42dde27851f2","README.md","019c5921-845f-77d8-b44f-bd0fc6e488a0",1,["D",1771021894590],"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.",[150],"pulls","branches","forks","envVars",{"_163":61,"_165":61},"connections",{"_163":61,"_164":61},"count","unfilledCount","emptyCount",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":172,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_169":173,"_27":174},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":168,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_169":170,"_27":171},["D",1771073182879],"children",[],[28],["D",1771021894590],[],[150],["D",1771021894590],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_128":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":57,"_221":-5,"_222":-7,"_223":-7,"_224":61,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":85,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"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 · v21