\n {hearts.map((_, i) => (\n \n 💗\n

\n ))}\n \n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [accepted, setAccepted] = useState(false);\n\n const yesButtonSize = 18 + noClicks * 8;\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((p) => p + 1);\n const handleYes = () => setAccepted(true);\n\n return (\n \n \n\n {!accepted ? (\n <>\n \n\n

\n Be My Valentine? 🌹\n

\n\n

\n I promise virtual chocolates 🍬\n

\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 Yay!!! 💕🎉\n \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(request) {\n return new Response(\n `\n \n \n Cute Valentine Invite\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } }\n );\n}","label",[150],"8e89bf0a-06e3-11f1-b478-42dde27851f2","new-file-7103.ts","2f8bf926-0695-11f1-8cf0-42dde27851f2",40,["D",1770770984377],"/** @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 \"Are you suuure? 🥺\",\n \"Maybe just a tiny yes? 💞\",\n \"I brought speent tho 🍫\",\n \"My heart is loading... 💔\",\n \"pretty please 🌸\",\n \"You’re really gonna do me like that? 😭\",\n];\n\nfunction FloatingHearts() {\n const hearts = Array.from({ length: 12 });\n return (\n

\n {hearts.map((_, i) => (\n \n 💗\n

\n ))}\n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [accepted, setAccepted] = useState(false);\n const yesButtonSize = 18 + noClicks * 8;\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((p) => p + 1);\n const handleYes = () => setAccepted(true);\n\n return (\n \n \n\n {!accepted\n ? (\n <>\n \n\n {/* Romantic & flirty pulsing note above the heading */}\n \n 💖 Hey love from the first time i layed eye on you i knew we would\n end up together even when you said we wouldn't. You are the love\n of my life my ride or die, my north star and my rock. 😘😘\n

\n\n

\n Will you Be My Valentine? 🌹\n

\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 Yay!!! 💕🎉\n \n\n {/* Romantic & flirty thank-you note */}\n \n 💌 I'm soo glad you said yes to being my Valentine you just made me the happiest\n perperson in the world...now i'm over to spend all day Saturday with u😘😘 💖\n

\n \n )}\n\n {/* Global CSS animations */}\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) {\n return new Response(\n `\n \n \n Cute Valentine Invite\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[161],"395183de-0692-11f1-b333-42dde27851f2","new-file-652.ts","36096ec8-0690-11f1-bca8-42dde27851f2",28,["D",1770736052169],"/** @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 suuure? 🥺\",\n \"Maybe just a tiny yes? 💞\",\n \"I brought snacks tho 🍫\",\n \"My heart is loading... 💔\",\n \"Last chanceee 🌸\",\n \"You’re really gonna do me like that? 😭\",\n];\n\nfunction FloatingHearts() {\n const hearts = Array.from({ length: 12 });\n\n return (\n

\n {hearts.map((_, i) => (\n \n 💗\n

\n Be My Valentine? 🌹\n

\n\n {/* Romantic & flirty note */}\n \n 💖 Hey you… I can’t promise I’ll be perfect, but I can promise I’ll make your heart flutter 💌\n

\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 Yay!!! 💕🎉\n \n\n {/* Romantic & flirty thank-you note */}\n \n 💌 You made my heart skip a beat! Let’s keep the smiles and hearts flying… just for us 💖\n

\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(request) {\n return new Response(\n `\n \n \n Cute Valentine Invite\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } }\n );\n}",[168],"8dba33a4-0781-11f1-8092-42dde27851f2","new-file-5353.ts","c0aeb466-0780-11f1-990d-42dde27851f2",44,["D",1770838843502],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState, useRef } from \"https://esm.sh/react@18.2.0\";\n\nconst NO_PHRASES = [\n \"No 😢\",\n \"Are you suuure? 🥺\",\n \"Maybe just a tiny yes? 💞\",\n \"I brought snacks tho 🍫\",\n \"My heart is loading... 💔\",\n \"Last chanceee 🌸\",\n \"You’re really gonna do me like that? 😭\",\n];\n\nfunction FloatingHearts() {\n const hearts = Array.from({ length: 12 });\n return (\n

\n {hearts.map((_, i) => (\n \n 💗\n

\n ))}\n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [accepted, setAccepted] = useState(false);\n const [isPlaying, setIsPlaying] = useState(false);\n\n const yesButtonSize = 18 + noClicks * 8;\n const audioRef = useRef(null);\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((p) => p + 1);\n const handleYes = () => setAccepted(true);\n\n const toggleMusic = () => {\n if (!audioRef.current) return;\n if (isPlaying) {\n audioRef.current.pause();\n setIsPlaying(false);\n } else {\n audioRef.current.play();\n setIsPlaying(true);\n }\n };\n\n return (\n \n \n\n {/* Background music (controlled) */}\n \n\n {/* Play/Pause button */}\n \n {isPlaying ? \"🎵 Pause\" : \"🎵 Play\"}\n \n\n {!accepted ? (\n <>\n \n\n {/* Romantic & flirty pulsing note above the heading */}\n \n 💖 Hey you… I can’t promise I’ll be perfect, but I can promise I’ll make your heart flutter 💌\n

\n\n

\n Be My Valentine? 🌹\n

\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 Yay!!! 💕🎉\n \n\n {/* Romantic & flirty thank-you note */}\n \n 💌 You made my heart skip a beat! Let’s keep the smiles and hearts flying… just for us 💖\n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } }\n );\n}",[175],"a72cd8ee-0689-11f1-bc8a-42dde27851f2","new-file-5249.ts","91846174-0689-11f1-8be9-42dde27851f2",["D",1770732371007],"/** @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 \"Are you suuure? 🥺\",\n \"Maybe just a tiny yes? 💞\",\n \"I brought chocolates 🍫\",\n \"My heart is loading... 💔\",\n \"Last chance 🌸\",\n \"You’re breaking my pixels 😭\",\n];\n\nfunction FloatingRoses() {\n const items = Array.from({ length: 15 });\n\n return (\n

\n {items.map((_, i) => (\n \n {Math.random() > 0.5 ? \"🌹\" : \"✨\"}\n

\n ))}\n\n \n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [accepted, setAccepted] = useState(false);\n\n const yesButtonSize = 18 + noClicks * 8;\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 return (\n \n \n\n {!accepted ? (\n <>\n \n\n

\n Be My Valentine? 🌹🌹\n

\n\n

\n I promise virtual roses 🌹\n

\n\n

\n setAccepted(true)}\n style={{\n fontSize: `${yesButtonSize}px`,\n margin: \"10px\",\n padding: \"12px 26px\",\n background: \"#ff66a3\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n boxShadow: \"0 4px 12px rgba(0,0,0,0.15)\",\n transition: \"all 0.2s ease\",\n }}\n >\n Yes 💖\n \n\n setNoClicks((p) => p + 1)}\n style={{\n fontSize: \"16px\",\n margin: \"10px\",\n padding: \"12px 26px\",\n background: \"#ffd6e7\",\n color: \"#cc3366\",\n border: \"none\",\n borderRadius: \"30px\",\n cursor: \"pointer\",\n boxShadow: \"0 4px 10px rgba(0,0,0,0.1)\",\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 Yay!!! 🌹💖🎉\n \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(request) {\n return new Response(\n `\n \n \n Rose Valentine Invite\n \n \n \n \n

\n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } }\n );\n}",[183],"24f24360-0688-11f1-90a6-42dde27851f2","main.tsx",4,["D",1770731723022],"/** @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 have sooo much more to accomplish together! 💕\",\n \"One more chance, munchkin?\",\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 [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\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 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\n ? \"No\"\n : 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}",[189],"88799900-0684-11f1-aa42-42dde27851f2","README.md","019c47be-2e57-743c-8da1-427b73a9ebc2",1,["D",1770730171838],"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.",[195],"11d4c5b6-0690-11f1-a97b-42dde27851f2",".ts","cc4f5e98-068f-11f1-94d5-42dde27851f2",20,["D",1770735126925],"/** @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 \"Are you suuure? 🥺\",\n \"Maybe just a tiny yes? 💞\",\n \"Last chance 🌸\",\n];\n\nfunction BouquetRain() {\n const items = Array.from({ length: 18 });\n\n return (\n

\n {items.map((_, i) => (\n \n 💐\n

\n ))}\n \n \n );\n}\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [accepted, setAccepted] = useState(false);\n const yesSize = 18 + noClicks * 8;\n\n return (\n \n {!accepted ? (\n <>\n

Be My Valentine? 🌹🌹

\n\n

\n Note: This page was made just to make you smile 😊\n

\n\n setAccepted(true)}\n style={{\n fontSize: `${yesSize}px`,\n margin: 10,\n padding: \"12px 24px\",\n borderRadius: 30,\n border: \"none\",\n background: \"#ff66a3\",\n color: \"white\",\n cursor: \"pointer\",\n }}\n >\n Yes 💖\n \n\n setNoClicks((p) => p + 1)}\n style={{\n fontSize: 16,\n margin: 10,\n padding: \"12px 24px\",\n borderRadius: 30,\n border: \"",[202],"1b465b8a-0782-11f1-b77e-42dde27851f2","untitled-folder-3426","1885d312-0782-11f1-a22d-42dde27851f2",46,["D",1770839080983],"directory",[209],"pulls","branches","forks","envVars",{"_222":63,"_224":63},"connections",{"_222":63,"_223":63},"count","unfilledCount","emptyCount",{"_45":208,"_33":209,"_31":210,"_152":-5,"_43":44,"_42":211,"_154":25,"_40":264,"_13":197,"_35":213,"_37":-5,"_24":27,"_158":-5,"_236":265,"_28":266},{"_45":260,"_33":34,"_31":32,"_152":210,"_43":44,"_42":14,"_154":27,"_40":261,"_13":197,"_35":39,"_37":38,"_24":27,"_158":-5,"_236":262,"_28":263},{"_45":201,"_33":202,"_31":203,"_152":-5,"_43":44,"_42":204,"_154":25,"_40":257,"_13":179,"_35":39,"_37":206,"_24":27,"_158":-5,"_236":258,"_28":259},{"_45":194,"_33":195,"_31":196,"_152":-5,"_43":44,"_42":197,"_154":25,"_40":254,"_13":63,"_35":20,"_37":199,"_24":27,"_158":-5,"_236":255,"_28":256},{"_45":188,"_33":189,"_31":58,"_152":-5,"_43":44,"_42":190,"_154":25,"_40":251,"_13":179,"_35":39,"_37":192,"_24":27,"_158":-5,"_236":252,"_28":253},{"_45":182,"_33":183,"_31":184,"_152":-5,"_43":44,"_42":92,"_154":27,"_40":248,"_13":179,"_35":39,"_37":186,"_24":27,"_158":-5,"_236":249,"_28":250},{"_45":174,"_33":175,"_31":176,"_152":-5,"_43":44,"_42":177,"_154":27,"_40":245,"_13":179,"_35":39,"_37":180,"_24":27,"_158":-5,"_236":246,"_28":247},{"_45":167,"_33":168,"_31":169,"_152":-5,"_43":44,"_42":170,"_154":27,"_40":242,"_13":153,"_35":39,"_37":172,"_24":27,"_158":-5,"_236":243,"_28":244},{"_45":160,"_33":161,"_31":162,"_152":-5,"_43":44,"_42":163,"_154":27,"_40":239,"_13":92,"_35":39,"_37":165,"_24":27,"_158":-5,"_236":240,"_28":241},{"_45":149,"_33":150,"_31":151,"_152":-5,"_43":44,"_42":153,"_154":27,"_40":235,"_13":156,"_35":39,"_37":157,"_24":27,"_158":-5,"_236":237,"_28":238},["D",1770732064475],"children",[],[150],["D",1770770984377],[],[161],["D",1770736052169],[],[168],["D",1770838843502],[],[175],["D",1770732371007],[],[183],["D",1770731723022],[],[189],["D",1770730171838],[],[195],["D",1770735126925],[],[202],"a74f7fb2-0782-11f1-88f4-42dde27851f2",["D",1770839315926],[],[209,34],["D",1770839080983],[226],[209],["D",1770730171838],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":27},{"_13":86,"_33":87,"_45":44,"_88":46,"_89":90,"_91":92,"_93":52,"_94":95,"_96":97,"_98":47,"_99":100},"ctx",{"_79":-5,"_129":304,"_305":306,"_307":308,"_309":27,"_310":27,"_311":27,"_312":25,"_313":-5,"_314":-7,"_315":-7,"_316":63,"_317":27,"_318":27,"_319":-5,"_320":27,"_321":27,"_322":27,"_323":-5},"ENV",{"_275":276,"_277":278,"_279":87,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v48