\n \n {LOVE_PAGES[lovePage].text}\n \n \n {lovePage === LOVE_PAGES.length - 1\n ? \"VOAR Ma Questionnnne 💘\"\n : \"Souivant 💌\"}\n \n \n )\n : stage === 1\n ? (\n <>\n {outOfChoices && (\n \n Tu n'as pas le CHOAX Maintenant OA\n \n )}\n

Veux-tu être ma Valentine? ❣️

\n \n Yes\n \n {!outOfChoices && (\n \n {NO_PHRASES[Math.min(noClicks, NO_PHRASES.length - 1)]}\n \n )}\n

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

\n \n Allons passer une excellente Saint Valentin BOYBO!!! 💖🎉\n \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() {\n return new Response(\n `Valentine's Day Invitation

`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","label","children",[72],"contentHash","31fa17535dc1e121a9d1e0b7839fa23b0127a00ca93dbc760419e3f290acbb42","c94bee48-056b-11f1-836d-42dde27851f2","019c3e0f-0e31-74ed-a088-54acfba7ac2c",["D",1770609592190],44,"/** @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\";\nimport confetti from \"https://esm.sh/canvas-confetti@1.6.0\";\n\nconst NO_PHRASES = [\n \"No 💔\",\n \"Nganong No man? >:(\",\n \"Di nako nimo lab? 🥺\",\n \"Wa na, sad nako :<\",\n \"One more chance pls :>> 💕\",\n \"Ih Yes Na ba\",\n \"What if Maybe Yes nalang?\",\n \"Di ko mu undang up until yes >:)\",\n];\n\nconst NO_GIFS = [\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZTlvMmljdGRybDZhd2tvd25vcnZqdnM1cmRzendtMm14NXppeHRkMiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/Zl7u48zLVFgLpRwq6f/giphy.gif\",\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMm15ZmV6NzlyODF1YTI0eXZvMW5oaGllY3kwbmRobDVmZ21zZHVpeCZlcD12MV9naWZzX3NlYXJjaCZjdD1n/FY8c5SKwiNf1EtZKGs/giphy.gif\",\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMm15ZmV6NzlyODF1YTI0eXZvMW5oaGllY3kwbmRobDVmZ21zZHVpeCZlcD12MV9naWZzX3NlYXJjaCZjdD1n/gKHGnB1ml0moQdjhEJ/giphy.gif\",\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExOGkwZDk0NXp2OGVtYnc0dGR1bWoyODFnMzFubTlybHBtc2pvNWt4ayZlcD12MV9naWZzX3NlYXJjaCZjdD1n/7AzEXdIb1wyCTWJntb/giphy.gif\",\n \"https://media.giphy.com/media/v1.Y2lkPWVjZjA1ZTQ3amtsb2o2YnQ1cWczODNxOGdwa3Y4aDFmOWlmZmVnejAzNzIya3h5YyZlcD12MV9naWZzX3NlYXJjaCZjdD1n/NBs1mJNW8qCPrsauIN/giphy.gif\",\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZ3Zsd2gyOXk2MXJ0YTBzbmQ5ZDkyMXRzYnpzZmljODJhb283eWR2YiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/3ohs81rDuEz9ioJzAA/giphy.gif\",\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExczUyMG9zZnN6c3B5MnhvMTRkZzFuNGp5OGJlZzV4Z29vNHQza2wyZCZlcD12MV9naWZzX3NlYXJjaCZjdD1n/fXJyMfUdqVCMPAnPJM/giphy.gif\",\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMGpzZ3M1NHk3eDEyaTZnODZ6OGgzdHh5eWF4YzAzNndneDJmdmJvMSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/LLxwPAjfpLak8/giphy.gif\",\n];\n\nconst YES_GIF =\n \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n// Each paragraph now has its OWN gif\nconst LOVE_PAGES = [\n {\n text: \"Hi Langga, 💗\",\n gif:\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExeDllZHEwNGgzM2wycXNwcmJmdmNkdnBkaWU2aXBwZmV4NWs0Mzh0YyZlcD12MV9naWZzX3NlYXJjaCZjdD1n/K64TYvCquNClUtF0dK/giphy.gif\",\n },\n {\n text:\n \"From the very moment you stepped into my life, the world itself seemed to brighter in its light, gentler in its touch, and richer in meaning. You possess the rare gift of turning my simplest days into something quietly extraordinary, and my happiest days into memories I shall cherish for a lifetime.\",\n gif:\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExN2Z1dDhsNTF6eTNjMW1lZWt0M2lldDk5ZHQ4YXdkd3U5dzQxY2drbSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/TjSPQgowhhJdHgvnwA/giphy.gif\",\n },\n {\n text:\n \"I love the way you smile, the way you laugh, and the way you make me feel like I can be completely myself when I’m with you.\",\n gif:\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExdndzcmUxd3l3dmtkY3duOGMxc3lmM2Jmc3dqMmo3NnZnMDdldThiZCZlcD12MV9naWZzX3NlYXJjaCZjdD1n/sQnEnK3iNd8K0bwW0x/giphy.gif\",\n },\n {\n text:\n \"I find that my affection for you has grown beyond mere fondness. It has settled deep within my heart, unwavering and profound. I long to go on making memories at your side, to choose you in every moment, and to love you with greater devotion as each day dawns anew.\",\n gif:\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZTlvMmljdGRybDZhd2tvd25vcnZqdnM1cmRzendtMm14NXppeHRkMiZlcD12MV9naWZzX3NlYXJjaCZjdD1n/ytu2GUYbvhz7zShGwS/giphy.gif\",\n },\n {\n text: \"So now I want to ask you something important… 💌\",\n gif:\n \"https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExcDRoajU5cThoZml0MGFyYmhvZzJ6Y3VhbnJjN2ozYXkzNXZsejVzZyZlcD12MV9naWZzX3NlYXJjaCZjdD1n/901mxGLGQN2PyCQpoc/giphy.gif\",\n },\n];\n\nfunction App() {\n const [stage, setStage] = useState(0); // 0 love pages, 1 question, 2 yes\n const [lovePage, setLovePage] = useState(0);\n const [noClicks, setNoClicks] = useState(0);\n\n const yesButtonSize = noClicks * 15 + 16;\n\n const handleNo = () => setNoClicks((prev) => prev + 1);\n\n const handleNextTalk = () => {\n if (lovePage < LOVE_PAGES.length - 1) {\n setLovePage((prev) => prev + 1);\n } else {\n setStage(1);\n }\n };\n\n const handleYes = () => {\n confetti({ particleCount: 200, spread: 90, origin: { y: 0.6 } });\n setTimeout(() => setStage(2), 500);\n };\n\n const outOfChoices = noClicks >= NO_PHRASES.length;\n const currentNoGif = NO_GIFS[Math.min(noClicks, NO_GIFS.length - 1)];\n\n return (\n \n \n {stage === 0\n ? (\n <>\n

\n \n {LOVE_PAGES[lovePage].text}\n \n \n {lovePage === LOVE_PAGES.length - 1\n ? \"Open My Question 💘\"\n : \"Next 💌\"}\n \n \n )\n : stage === 1\n ? (\n <>\n {outOfChoices && (\n \n you have no other choice now :>\n \n )}\n

Will you be my Valentine? 💘

\n \n Yes\n \n {!outOfChoices && (\n \n {NO_PHRASES[Math.min(noClicks, NO_PHRASES.length - 1)]}\n \n )}\n

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

\n \n Yeesss See you this February 14 Langgaa :)) !!! 💖🎉\n \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() {\n return new Response(\n `Valentine's Day Invitation

`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}",[72],"04f6ad32ed355563a145310f2064882e6411e26ca238465965d62644858ee07d",["D",1771097254401],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019c5d86-4821-739a-91e5-c093bfb8e277","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019c5d86-4822-70ed-b868-719443fc343b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_138":134},"org",{"_11":12,"_132":-5,"_133":134,"_106":107,"_135":136,"_137":50},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5Zm1kejJkVXdoaFlZOHR0NTNEYkJkNlQ1TCJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":60,"_13":14,"_34":194,"_48":-5,"_102":50,"_51":52,"_103":52,"_104":-5,"_105":-5,"_106":107,"_108":79,"_109":26,"_110":-5,"_111":-5,"_112":22,"_55":113,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":195,"_129":196,"_131":197,"_49":50},"tree",[187,188],"files",[187,188],"counts",{"_177":22,"_178":45,"_179":22,"_180":181,"_182":183},"contents",[167,168],"file","upstreamProject",{"_32":39,"_13":14,"_104":-5,"_105":-5,"_51":52,"_127":165},"upstreamBranch",{"_32":33,"_34":163,"_36":164,"_13":16,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770567699961],["D",1770609592190],{"_11":54,"_138":166},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5T1dGZ2hxOUkyNHExSzNLNDBkNzlmYnZqMSJ9",{"_32":171,"_13":172,"_78":173,"_80":-5,"_81":59,"_82":45,"_83":26,"_34":174,"_40":22,"_85":150,"_87":175,"_66":50,"_89":-5,"_71":176},{"_32":77,"_13":72,"_78":79,"_80":-5,"_81":59,"_82":58,"_83":26,"_34":169,"_40":20,"_85":86,"_87":88,"_66":50,"_89":-5,"_71":170},["D",1771098611784],[72],"36ae8b4e-09db-11f1-be14-42dde27851f2","README.md","019c5d9f-6a5b-723c-95f8-a161f2ddc9d0",["D",1771097254401],"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.",[172],"pulls","branches","forks","envVars",{"_184":22,"_186":22},"connections",{"_184":22,"_185":22},"count","unfilledCount","emptyCount",{"_32":171,"_13":172,"_78":173,"_80":-5,"_81":59,"_82":45,"_83":26,"_34":191,"_40":22,"_85":150,"_87":175,"_66":50,"_89":-5,"_90":192,"_71":193},{"_32":77,"_13":72,"_78":79,"_80":-5,"_81":59,"_82":58,"_83":26,"_34":84,"_40":20,"_85":86,"_87":88,"_66":50,"_89":-5,"_90":189,"_71":190},[],[72],["D",1771097254401],[],[172],["D",1771097254401],{"_11":12,"_138":134},{"_11":12,"_132":-5,"_133":134,"_106":107,"_135":136,"_137":50},{"_40":58,"_13":16,"_32":59,"_38":60,"_42":33,"_44":41,"_61":52,"_62":39,"_63":56,"_57":14,"_53":12},"ctx",{"_127":-5,"_160":231,"_232":233,"_234":235,"_236":50,"_237":50,"_238":50,"_239":26,"_240":-5,"_241":-7,"_242":-7,"_243":22,"_244":50,"_245":50,"_246":-5,"_247":50,"_248":50,"_249":50,"_250":-5},"ENV",{"_202":203,"_204":205,"_206":16,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230},"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"]

Compare

MergeZakMB/mainintojaime/main

Hmain.tsx+22-22