National Girlfriend Day 💖

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_185":186,"_187":188},"routes/_app.x.$handle.$name",{"_105":104,"_38":50,"_114":91,"_33":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":127,"_128":129,"_130":31,"_131":132,"_133":63,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":31},"version",3,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","15dee4b0-c10e-47ea-9645-66de623060ea","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","README.md","latestPath","fileId","019fbc16-d860-762b-91ba-e3abafd1a867","name","fileType","content","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.","# 💖 National Girlfriend Day Poster\n\nA celebratory poster for **National Girlfriend Day** (August 1st) — built with React & CSS animations.\n\n## Features\n\n- 🌈 Beautiful gradient background (pink → purple → blue)\n- 💕 Floating hearts animation\n- ✨ Twinkling sparkles\n- 🎉 Interactive confetti burst button (\"Celebrate Her\")\n- 👑 Shimmering title text\n- 📱 Fully responsive — works on mobile and desktop\n\n## Customization\n\n- Change the message text in the `

` tags\n- Swap out emojis in the `hearts` array\n- Adjust gradient colors in the background style\n- Edit the quote to make it personal\n","createdAt",["D",1785567253337],"branchVersion","branchId","ba1d0a16-6a28-4df3-b8ad-e4427ebb7a16","id","9a6e50b8-63cc-47a1-8a49-7dbc47bb645a","valentine",["D",1785567041419],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","039a5837-46fb-4809-81a0-eed4f7c7bb2c","pinnedFileId","019fbc16-d860-762b-91ba-e59559980f5d","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019fbc16-7e43-73bf-9633-ebb55876faee","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":59,"_110":111,"_112":31},"branch",{"_13":90,"_38":91,"_48":47,"_92":49,"_93":94,"_95":96,"_97":55,"_98":99,"_100":101,"_102":50,"_103":104},"isOwned",10,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","cassidy","handle","displayName","Cassidy Battle","avatar","https://lh3.googleusercontent.com/a/ACg8ocIE2J7U1Q2cl9ls3RbNSx-XAmvFuC7dffyldrvdIACJ5DcDZMs=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_38":50,"_43":181,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":-5,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":182,"_85":183,"_87":184,"_89":31},"tree",[172,173],"files",[172,173],"counts",{"_162":67,"_163":154,"_164":67,"_165":166,"_167":168},"contents",[146,147],"upstreamProject",{"_48":99,"_38":50,"_57":-5,"_58":-5,"_54":55,"_83":144},"upstreamBranch",{"_48":94,"_43":138,"_139":140,"_38":91,"_92":99,"_13":96,"_93":-5,"_95":-5,"_141":142,"_52":-5,"_89":31,"_54":55,"_103":143,"_68":101,"_102":50},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru",{"_105":143,"_113":145},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_48":159,"_38":34,"_36":37,"_150":-5,"_46":47,"_45":14,"_152":63,"_43":160,"_13":154,"_39":26,"_40":42,"_30":31,"_157":-5,"_33":161},{"_48":148,"_38":149,"_36":61,"_150":-5,"_46":47,"_45":151,"_152":31,"_43":153,"_13":154,"_39":155,"_40":156,"_30":31,"_157":-5,"_33":158},"58329db7-d76b-42e5-bb6a-7fcf1e408be4","main.tsx","parentId",2,"latest",["D",1785567248803],1,"http","/** @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\nfunction FloatingHearts() {\n const hearts = [\"💕\", \"💖\", \"💗\", \"💘\", \"❤️\", \"🌹\", \"💝\", \"💞\"];\n const items = Array.from({ length: 18 }, (_, i) => ({\n id: i,\n emoji: hearts[i % hearts.length],\n left: Math.random() * 100,\n delay: Math.random() * 6,\n duration: 4 + Math.random() * 6,\n size: 16 + Math.random() * 28,\n }));\n\n return (\n

\n {items.map((h) => (\n \n {h.emoji}\n \n ))}\n

\n );\n}\n\nfunction Sparkle({ x, y, delay }: { x: number; y: number; delay: number }) {\n return (\n \n ✨\n \n );\n}\n\nfunction App() {\n const [burst, setBurst] = useState(false);\n const [confetti, setConfetti] = useState<{ id: number; x: number; emoji: string; delay: number; rot: number }[]>([]);\n\n useEffect(() => {\n if (burst) {\n const emojis = [\"🎉\", \"💖\", \"💕\", \"🌹\", \"✨\", \"💝\", \"💞\", \"💗\"];\n const pieces = Array.from({ length: 24 }, (_, i) => ({\n id: i,\n x: Math.random() * 100,\n emoji: emojis[i % emojis.length],\n delay: Math.random() * 0.3,\n rot: Math.random() * 360,\n }));\n setConfetti(pieces);\n const timer = setTimeout(() => setConfetti([]), 4000);\n return () => clearTimeout(timer);\n }\n }, [burst]);\n\n return (\n \n \n\n \n\n {/* Sparkles */}\n \n \n \n \n \n \n \n\n {/* Confetti burst */}\n {confetti.map((c) => (\n \n {c.emoji}\n \n ))}\n\n {/* Poster Card */}\n \n {/* Date banner */}\n \n ★ August 1st ★\n \n\n {/* Big emoji crown */}\n

\n 👑💕\n

\n\n {/* Main title with shimmer */}\n \n National\n \n \n Girlfriend Day\n \n\n {/* Decorative divider */}\n

\n 🌹 · 💖 · 🌹 · 💖 · 🌹\n

\n\n {/* Message */}\n \n \"Behind every great love story is an extraordinary girlfriend\n who makes every ordinary day feel like magic.\"\n

\n\n \n Today — and every day — we celebrate YOU. 💝\n

\n\n {/* Celebration button */}\n setBurst(true)}\n style={{\n background: \"linear-gradient(135deg, #ff4081, #ec407a)\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"100px\",\n padding: \"14px 36px\",\n fontSize: \"18px\",\n fontWeight: \"bold\",\n cursor: \"pointer\",\n boxShadow: \"0 6px 20px rgba(236, 64, 122, 0.5)\",\n transition: \"transform 0.2s\",\n letterSpacing: \"1px\",\n }}\n onMouseOver={(e) => (e.currentTarget.style.transform = \"scale(1.08)\")}\n onMouseOut={(e) => (e.currentTarget.style.transform = \"scale(1)\")}\n >\n {burst ? \"🎉 Yay! 🎉\" : \"Celebrate Her ✨\"}\n \n\n {/* Footer note */}\n \n Made with 💗 just for you\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 National Girlfriend Day 💖 — August 1st\n \n \n \n \n \n \n \n \n \n

\n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","label",[149],"7ddc5a79-0ebb-4c88-a3b7-4e570b97649c",["D",1785567253337],[34],"pulls","branches","forks","envVars",{"_169":67,"_171":67},"connections",{"_169":67,"_170":67},"count","unfilledCount","emptyCount",{"_48":159,"_38":34,"_36":37,"_150":-5,"_46":47,"_45":14,"_152":63,"_43":178,"_13":154,"_39":26,"_40":42,"_30":31,"_157":-5,"_175":179,"_33":180},{"_48":148,"_38":149,"_36":61,"_150":-5,"_46":47,"_45":151,"_152":31,"_43":174,"_13":154,"_39":155,"_40":156,"_30":31,"_157":-5,"_175":176,"_33":177},["D",1785567248803],"children",[],[149],["D",1785567253337],[],[34],["D",1785567041419],{"_105":104,"_113":109},{"_105":104,"_106":107,"_108":109,"_19":59,"_110":111,"_112":31},{"_13":90,"_38":91,"_48":47,"_92":49,"_93":94,"_95":96,"_97":55,"_98":99,"_100":101,"_102":50,"_103":104},"ctx",{"_83":-5,"_135":218,"_219":220,"_221":222,"_223":31,"_224":31,"_225":31,"_226":63,"_227":-5,"_228":-7,"_229":-7,"_230":67,"_231":31,"_232":31,"_233":-5,"_234":31,"_235":31,"_236":31,"_237":-5},"ENV",{"_189":190,"_191":192,"_193":91,"_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"]

Diff · v3