[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_185":186,"_187":188},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_138":-5,"_20":139,"_22":140,"_141":142,"_143":144,"_25":145,"_24":-5,"_146":147,"_148":149,"_150":50,"_151":152,"_153":70,"_154":-5,"_155":-5,"_156":157},"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","KingK","name","valentine","branchName","main","version","path","","project",{"_35":95,"_13":14,"_37":96,"_48":-5,"_97":50,"_51":52,"_98":52,"_99":-5,"_100":-5,"_101":102,"_103":63,"_104":70,"_105":-5,"_106":-5,"_107":33,"_55":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_49":50},"tree",[86,87],"file","contents",[58,59],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","ahead",34,"behind",0,"envVars","id","fdd9b22e-27b0-11f0-aecd-569c3dd06744","createdAt",["D",1746230157507],"updatedAt",["D",1739338420215],"projectId","fdd966ca-27b0-11f0-aecd-569c3dd06744",11,"forkedBranchId","forkedBranchVersion","lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","deletedAt","isOwned",false,"privacy","public","userHandle","mewtru","orgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":82,"_69":70,"_37":83,"_17":33,"_72":24,"_74":84,"_76":50,"_77":-5,"_18":85},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":71,"_17":31,"_72":73,"_74":75,"_76":50,"_77":-5,"_18":78},"d38f0ca2-045b-11f1-98de-42dde27851f2","main.tsx","fileId","019c3966-5028-711e-9000-3a266bcc3a45","parentId","branchId","401b8a9c-0454-11f1-82c7-42dde27851f2","branchVersion",35,"latest",true,["D",1770492786292],"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\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 do this to me, I'm fragile\",\n];\n\nfunction App() {\n const [screen, setScreen] = useState(\"intro\");\n const [noClicks, setNoClicks] = useState(0);\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 = () => {\n setNoClicks((prev) => prev + 1);\n };\n\n return (\n \n {/* --- Animation CSS --- */}\n \n\n {/* ---------------- INTRO SCREEN ---------------- */}\n {screen === \"intro\" && (\n <>\n

\n 💌 Hey Fatty Twatty.... Here's Something Special For a Special\n Person...\n

\n setScreen(\"reasons\")}\n style={{\n marginTop: \"30px\",\n padding: \"15px 30px\",\n fontSize: \"20px\",\n borderRadius: \"10px\",\n border: \"none\",\n cursor: \"pointer\",\n backgroundColor: \"white\",\n }}\n >\n Open It 💖\n \n \n )}\n\n {/* ---------------- WHY YOU SHOULD BE MY VALENTINES (ONE SLIDE WITH MULTIPLE BOXES) ---------------- */}\n {screen === \"reasons\" && (\n \n {/* Title */}\n

\n \n First things First!! Why You Should Be my Valentines\n

\n A short (but very convincing) presentation.\n

\n \n\n {/* Box 1: I WILL MAKE YOU FEEL LOVED */}\n \n

\n \n I WILL MAKE YOU FEEL LOVED\n

\n \n AND I’M NOT EVEN BEING DRAMATIC.\n \n \n\n \n

\n \n

\n \n \n\n {/* Box 2: I WILL BUY YOU CHOCOLATE'S */}\n \n

\n \n I WILL BUY YOU CHOCOLATE’S\n

\n \n BECAUSE YOU ARE A LITTLE FATTY (bonus point twix is your fav).\n \n \n\n

\n \n \n

\n \n\n {/* Box 3: I LOVE YOU VERY MUCH / WILL CHERISH YOU */}\n \n

\n I LOVE YOU VERY MUCH\n

\n \n AND WILL CHERISH YOUUU\n

\n \n\n

\n \n

\n \n\n

\n setScreen(\"slideshow\")}\n style={{\n padding: \"12px 24px\",\n fontSize: \"18px\",\n borderRadius: \"10px\",\n border: \"none\",\n cursor: \"pointer\",\n backgroundColor: \"#ff758c\",\n color: \"white\",\n }}\n >\n Next 💘\n \n

\n \n )}\n\n {/* ---------------- SLIDESHOW SCREEN ---------------- */}\n {screen === \"slideshow\" && (\n \n

\n What I Love About You ❤️\n

\n\n

1. The Way You Love ❤️

\n I love the way you love me. It’s the kind that feels gentle and\n real, like I can breathe properly around you. You’re so\n empathetic, so caring, so pure, and I always catch myself\n thinking, “how did I get this lucky?” It honestly feels like I\n found my other half way earlier than I ever expected. And I love\n the way you carry yourself; with so much grace, without even\n trying. I look up to you more than you know. Being with you makes\n me want to be better, and I learn from you just by watching you\n live your life the way you do.\n

\n\n

2. Your Passion & Determination ✨

\n I love your determination. Like… you’re genuinely one of the most\n hardworking people I’ve ever met. And even though I joke about\n your course (because it’s my job to be annoying), I need you to\n know I respect you so much. You’re ridiculously smart, and the way\n you keep going, even when it’s stressful, even when you’re tired\n (because you self-inflict all nighters even when you dont need\n to.....) is actually crazy in the best way. Watching you chase\n what you want makes me feel proud, and it makes me feel excited\n too, because I don’t just want success for myself… I want a life\n where we’re winning together. Side by side. Same team. Always.\n

\n\n

3. Your Acceptance 💕

\n I love you because with you I feel safe. I feel understood. I feel\n secure, I feel like I can be fully me, even when I’m being sassy\n (which is… a lot of the time). So thank you for putting up with\n me, and loving me through all of it. And I don’t just want the\n highlight-reel life with you. I want everything. The highs, the\n lows, the boring days, the messy days. I want to be the one who\n cares for you when you blackout (which is seeming to be most of\n the time, my little drunkard...) I want the little things with\n you: doing laundry together, walking our dog, grabbing coffee at\n 9am (even though I know you won’t be up). I want a life that feels\n like home and you are the person I want that with.\n

\n\n

\n setScreen(\"question\")}\n style={{\n padding: \"12px 24px\",\n fontSize: \"18px\",\n borderRadius: \"10px\",\n border: \"none\",\n cursor: \"pointer\",\n backgroundColor: \"#ff758c\",\n color: \"white\",\n }}\n >\n Next 💘\n \n

\n \n )}\n\n {/* ---------------- QUESTION SCREEN ---------------- */}\n {screen === \"question\" && (\n <>\n

\n Sooooo..... what I am trying to say is......Will you be my\n Valentine? 💘\n

\n setScreen(\"yes\")}\n style={{\n fontSize: `${yesButtonSize}px`,\n margin: \"10px\",\n padding: \"10px 20px\",\n backgroundColor: \"green\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n }}\n >\n Yes\n \n \n {noClicks === 0\n ? \"No\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n )}\n\n {/* ---------------- YES SCREEN ---------------- */}\n {screen === \"yes\" && (\n <>\n

\n \n Yay!!! 💖🎉 I promise you wont regret it!!\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) {\n return new Response(\n `\n \n \n Valentine's Day\n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[61],"401ddc52-0454-11f1-82c7-42dde27851f2","README.md","019c3966-5028-711e-9000-37b990e1b5c9",1,["D",1770489532361],"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.",[80],{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":82,"_69":70,"_37":92,"_17":33,"_72":24,"_74":84,"_76":50,"_77":-5,"_89":93,"_18":94},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":88,"_17":31,"_72":73,"_74":75,"_76":50,"_77":-5,"_89":90,"_18":91},["D",1770492786292],"children",[],[61],["D",1770489532361],[],[80],"4017af30-0454-11f1-82c7-42dde27851f2",["D",1770489532361],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c3966-08d6-7434-9a26-8a02847f58c6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c3966-08d6-7434-9a26-8f6621fc77ad","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_137":133},"org",{"_11":12,"_131":-5,"_132":133,"_101":102,"_134":135,"_136":50},"branch",{"_17":68,"_13":16,"_35":66,"_41":95,"_44":36,"_45":43,"_128":52,"_129":42,"_130":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5THlBbDRXcFhwZHVwSHpnRjBOdFQyblB1cSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":95,"_13":14,"_37":181,"_48":-5,"_97":50,"_51":52,"_98":52,"_99":-5,"_100":-5,"_101":102,"_103":63,"_104":70,"_105":-5,"_106":-5,"_107":33,"_55":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":182,"_124":183,"_126":184,"_49":50},[175,176],"files",[175,176],"counts",{"_166":33,"_167":82,"_168":33,"_34":169,"_170":171},[162,163],"upstreamProject",{"_35":42,"_13":14,"_99":-5,"_100":-5,"_51":52,"_122":160},"upstreamBranch",{"_35":36,"_37":158,"_39":159,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],["D",1739338420215],{"_11":54,"_137":161},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":82,"_69":70,"_37":83,"_17":33,"_72":24,"_74":84,"_76":50,"_77":-5,"_18":165},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":71,"_17":31,"_72":73,"_74":75,"_76":50,"_77":-5,"_18":164},[61],[80],"pulls","branches","forks",{"_172":33,"_174":33},"connections",{"_172":33,"_173":33},"count","unfilledCount","emptyCount",{"_35":79,"_13":80,"_62":81,"_64":-5,"_65":66,"_67":82,"_69":70,"_37":92,"_17":33,"_72":24,"_74":84,"_76":50,"_77":-5,"_89":179,"_18":180},{"_35":60,"_13":61,"_62":63,"_64":-5,"_65":66,"_67":68,"_69":70,"_37":88,"_17":31,"_72":73,"_74":75,"_76":50,"_77":-5,"_89":177,"_18":178},[],[61],[],[80],["D",1770489532361],{"_11":12,"_137":133},{"_11":12,"_131":-5,"_132":133,"_101":102,"_134":135,"_136":50},{"_17":68,"_13":16,"_35":66,"_41":95,"_44":36,"_45":43,"_128":52,"_129":42,"_130":56,"_57":14,"_53":12},"ctx",{"_122":-5,"_155":218,"_219":220,"_221":222,"_223":50,"_224":50,"_225":50,"_226":70,"_227":-5,"_228":-7,"_229":-7,"_230":33,"_231":50,"_232":50,"_233":-5,"_234":50,"_235":50,"_236":50,"_237":-5},"ENV",{"_189":190,"_191":192,"_193":16,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217},"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"]

Code