Valentine Forever

\n Scan this code\n

\n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n\n const yesButtonSize = noClicks * 18 + 16;\n\n /* ✅ front page has NO photos */\n const bgBefore =\n \"radial-gradient(circle at top, #fff0ea 0%, #ffe8f1 40%, #f3edff 75%, #fff7fb 100%)\";\n const bgAfter =\n \"radial-gradient(circle at top, #fff0ea 0%, #ffe2f0 35%, #efe9ff 70%, #fff7fb 100%)\";\n\n const card = {\n maxWidth: \"920px\",\n width: \"min(92vw, 920px)\",\n padding: \"24px\",\n background: \"rgba(255,255,255,0.88)\",\n borderRadius: \"30px\",\n boxShadow: \"0 26px 85px rgba(0,0,0,0.12)\",\n backdropFilter: \"blur(14px)\",\n border: \"1px solid rgba(0,0,0,0.06)\",\n };\n\n const longMessage =\n `I know I’m not perfect, and I’ve shown more than a few flaws along\nthe way. But every single day, I’m choosing to grow, to do better,\nand to love you in ways that make you feel truly special. Not just\non Valentine’s Day or during the happy moments, but on the hard\ndays too. Even then, I want to stand beside you, hold you close,\nand keep strengthening this invisible thread that ties us\ntogether. I love you more.`;\n\n return (\n \n {/* subtle grain layer (aesthetic) */}\n \\')',\n }}\n />\n\n \n\n {/* ✅ Photos only after YES */}\n {isValentine && }\n\n {/* Center glow for readability */}\n \n\n {/* ✅ Dog stickers only after YES */}\n \n\n {/* ✅ QR only after YES */}\n {isValentine && }\n\n {/* Foreground content */}\n \n {!isValentine\n ? (\n

💘

\n\n \n Will you accept me and be my Valentine forever? 💘\n \n\n \n {noClicks === 0\n ? \"Click No if you dare 😳\"\n : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n

\n\n

\n setIsValentine(true)}\n style={{\n fontSize: `${yesButtonSize}px`,\n margin: \"8px\",\n padding: \"12px 28px\",\n background: \"linear-gradient(135deg, #22c55e, #16a34a)\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"18px\",\n cursor: \"pointer\",\n boxShadow: \"0 18px 42px rgba(22,163,74,0.24)\",\n }}\n >\n Yes\n \n\n setNoClicks((p) => p + 1)}\n style={{\n fontSize: \"16px\",\n margin: \"8px\",\n padding: \"12px 28px\",\n background: \"linear-gradient(135deg, #fb7185, #ef4444)\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"18px\",\n cursor: \"pointer\",\n boxShadow: \"0 18px 42px rgba(239,68,68,0.20)\",\n }}\n >\n No\n \n

\n \n )\n : (\n

\n \n For you 🥺💗\n \n\n \n {longMessage} 💗🥺\n

\n\n \n Dherai maya and mitho samjhana 💗🥺\n \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() {\n return new Response(\n `\n\n\n Valentine Forever\n \n \n \n\n\n

\n \n \n\n`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","deleted","label",[61],"eb248e3a-022d-11f1-bc57-42dde27851f2","README.md","019c2b4f-a862-71fd-9881-fe9a36af71a0",1,["D",1770253166589],"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",1770376281940],"children",[],[61],["D",1770253166589],[],[80],"eb1daff2-022d-11f1-bc57-42dde27851f2",["D",1770253166589],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c2b4e-eb3e-7428-a4f3-aab54e2a401f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c2b4e-eb3e-7428-a4f3-afd83a1a6cc7","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/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5RUV5Zk1yYkFONEJHU2lRU0FMbkJnWVBkViJ9","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",1770253166589],{"_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