\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 {/* Autoplaying romantic music */}\n \n\n {!accepted ? (\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 Yay!!! 💕🎉\n \n\n {/* Pulsing Yay note */}\n \n 💌 I'm sooo glad you said yes to being my Valentine! You made me the happiest person in the world… now I can’t wait to spend Saturday with you 😘💖\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}","label",[145],"8dba33a4-0781-11f1-8092-42dde27851f2","new-file-5353.ts","c0aeb466-0780-11f1-990d-42dde27851f2",44,["D",1770838843502],"/** @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}",[157],"03528220-0790-11f1-88fa-42dde27851f2",["D",1770845053747],[27],"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}",[167],"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.",[173],"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: \"",[180],"1b465b8a-0782-11f1-b77e-42dde27851f2","untitled-folder-3426","1885d312-0782-11f1-a22d-42dde27851f2",46,["D",1770839080983],"directory",[187],"pulls","branches","forks","envVars",{"_200":60,"_202":60},"connections",{"_200":60,"_201":60},"count","unfilledCount","emptyCount",{"_41":186,"_31":187,"_29":188,"_147":-5,"_39":40,"_38":189,"_149":56,"_36":229,"_13":175,"_32":191,"_34":-5,"_23":24,"_154":-5,"_211":230,"_26":231},{"_41":179,"_31":180,"_29":181,"_147":-5,"_39":40,"_38":182,"_149":56,"_36":226,"_13":151,"_32":152,"_34":184,"_23":24,"_154":-5,"_211":227,"_26":228},{"_41":172,"_31":173,"_29":174,"_147":-5,"_39":40,"_38":175,"_149":56,"_36":223,"_13":60,"_32":20,"_34":177,"_23":24,"_154":-5,"_211":224,"_26":225},{"_41":166,"_31":167,"_29":54,"_147":-5,"_39":40,"_38":168,"_149":56,"_36":220,"_13":151,"_32":152,"_34":170,"_23":24,"_154":-5,"_211":221,"_26":222},{"_41":163,"_31":27,"_29":30,"_147":-5,"_39":40,"_38":14,"_149":24,"_36":217,"_13":60,"_32":33,"_34":35,"_23":24,"_154":-5,"_211":218,"_26":219},{"_41":156,"_31":157,"_29":158,"_147":-5,"_39":40,"_38":159,"_149":24,"_36":214,"_13":151,"_32":152,"_34":161,"_23":24,"_154":-5,"_211":215,"_26":216},{"_41":144,"_31":145,"_29":146,"_147":-5,"_39":40,"_38":148,"_149":56,"_36":210,"_13":151,"_32":152,"_34":153,"_23":24,"_154":-5,"_211":212,"_26":213},["D",1770844486338],"children",[],[145],["D",1770838843502],[],[157],["D",1770845053747],[],[27],["D",1770731723022],[],[167],["D",1770730171838],[],[173],["D",1770735126925],[],[180],["D",1770839080983],[],[187],["D",1770730171838],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":52,"_102":103,"_104":24},{"_13":83,"_31":84,"_41":40,"_85":42,"_86":87,"_88":89,"_90":48,"_91":92,"_93":94,"_95":43,"_96":97},"ctx",{"_76":-5,"_126":269,"_270":271,"_272":273,"_274":24,"_275":24,"_276":24,"_277":56,"_278":-5,"_279":-7,"_280":-7,"_281":60,"_282":24,"_283":24,"_284":-5,"_285":24,"_286":24,"_287":24,"_288":-5},"ENV",{"_240":241,"_242":243,"_244":84,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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 · v56