Valentine's Day Invitation

\n\n \n \n );\n }\n\n // Letter opening animation screen\n if (!showQuestion) {\n return (\n \n {/* Envelope with opening flap */}\n \n \n {/* Flap opening upward */}\n \n \n \n\n {/* Folded letter coming out and unfolding */}\n \n {/* Fold line effect */}\n \n\n \n My Dearest Sajni 💕\n \n\n \n I have something very special to ask you...\n \n 💝\n \n \n \n\n \n \n );\n }\n\n // Question Screen\n if (!isValentine) {\n return (\n \n {/* Background photo corners */}\n {backgroundPhotos.map((photo, index) => (\n \n ))}\n\n {/* Floating hearts */}\n \n {[...Array(15)].map((_, i) => (\n \n 💕\n \n ))}\n \n\n {/* Main content */}\n \n \n \n Sajni, Will you be my Valentine? 💘\n \n

\n {\n e.currentTarget.style.transform = \"scale(1.05)\";\n e.currentTarget.style.backgroundColor = \"#ff1744\";\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = \"scale(1)\";\n e.currentTarget.style.backgroundColor = \"#ff4d6d\";\n }}\n >\n Yes 💖\n \n {\n e.currentTarget.style.backgroundColor = \"#ffb3c6\";\n e.currentTarget.style.borderColor = \"#ff9bb5\";\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.backgroundColor = \"#ffc9d9\";\n e.currentTarget.style.borderColor = \"#ffb3c6\";\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 // Love Letter Screen (Final)\n return (\n \n {/* Celebration hearts */}\n \n {[...Array(30)].map((_, i) => (\n \n {[\"❤️\", \"💕\", \"💖\", \"💗\", \"💝\"][Math.floor(Math.random() * 5)]}\n \n ))}\n \n\n \n\n \n Yay!!! 💖🎉\n \n\n {/* Love Letter */}\n \n \n \n My Dearest Sajni,\n \n \n\n \n

\n My Princess, the more I spend time with you, understanding the\n person you are, is the more i fall in love with you. Every day with\n you feels like a dream come true, and I can't imagine my life\n without your love.\n

\n You make every ordinary moment extraordinary for me. Your kindness,\n your warmth, and the way you care for everyone around you, to me\n never goes unnoticed.\n

\n This Valentine's Day, I want you to know that you mean everything to\n me and i love you for who you are. You're not just my Valentine,\n you're my best friend, my confidant, and the love of my life.\n

\n \n Thank you for saying yes. ❤️\n

\n \n\n \n \n Forever yours,\n

\n \n Your Valentine, V 💕\n

\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(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}",[151],"81bd53b2-0419-11f1-a82e-42dde27851f2","README.md","019c35fa-5fe2-7751-8f54-d520ddd136b4",3,["D",1770464302235],1,"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.",[159],"pulls","branches","forks","envVars",{"_173":61,"_175":61},"connections",{"_173":61,"_174":61},"count","unfilledCount","emptyCount",{"_42":158,"_32":159,"_30":160,"_144":-5,"_40":41,"_39":161,"_146":25,"_37":186,"_13":163,"_33":20,"_35":164,"_24":48,"_148":-5,"_180":187,"_27":188},{"_42":150,"_32":151,"_30":56,"_144":-5,"_40":41,"_39":152,"_146":25,"_37":183,"_13":154,"_33":155,"_35":156,"_24":48,"_148":-5,"_180":184,"_27":185},{"_42":141,"_32":142,"_30":143,"_144":-5,"_40":41,"_39":145,"_146":25,"_37":179,"_13":61,"_33":34,"_35":36,"_24":48,"_148":-5,"_180":181,"_27":182},["D",1770464205153],"children",[],[142],["D",1770517067245],[],[151],["D",1770464302235],[],[159],["D",1770432126807],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":48},{"_13":84,"_32":85,"_42":41,"_86":43,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":44,"_97":98},"ctx",{"_77":-5,"_127":226,"_227":228,"_229":230,"_231":48,"_232":48,"_233":48,"_234":25,"_235":-5,"_236":-7,"_237":-7,"_238":61,"_239":48,"_240":48,"_241":-5,"_242":48,"_243":48,"_244":48,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":85,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"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"]

Diff · v15