National Girlfriend Day 💖

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_186":187,"_188":189},"routes/_app.x.$handle.$name",{"_105":104,"_38":51,"_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",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":37,"_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",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","441cd6c9-e6c1-4361-8b24-bb7124a3612d","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019fbc16-d860-762b-91ba-e59559980f5d","name","fileType","http","content","/** @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 ★ For Kimora ★ 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 {/* Name in script font */}\n \n Kimora 💖\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}","/** @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\n {/* Main title with shimmer */}\n \n National\n \n \n Girlfriend Day\n \n\n {/* Name in script font */}\n \n Kimora 💖\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 Kimora. 💝\n

\n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1785567355890],"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","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":60,"_110":111,"_112":31},"branch",{"_13":90,"_38":91,"_49":48,"_92":50,"_93":94,"_95":96,"_97":56,"_98":99,"_100":101,"_102":51,"_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",{"_49":50,"_38":51,"_44":182,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":37,"_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":183,"_85":184,"_87":185,"_89":31},"tree",[173,174],"files",[173,174],"counts",{"_163":67,"_164":160,"_165":67,"_166":167,"_168":169},"contents",[146,147],"upstreamProject",{"_49":99,"_38":51,"_58":-5,"_59":-5,"_55":56,"_83":144},"upstreamBranch",{"_49":94,"_44":138,"_139":140,"_38":91,"_92":99,"_13":96,"_93":-5,"_95":-5,"_141":142,"_53":-5,"_89":31,"_55":56,"_103":143,"_68":101,"_102":51},"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",{"_49":155,"_38":156,"_36":157,"_149":-5,"_47":48,"_46":158,"_150":63,"_44":159,"_13":160,"_39":26,"_41":161,"_30":31,"_153":-5,"_33":162},{"_49":148,"_38":34,"_36":37,"_149":-5,"_47":48,"_46":14,"_150":31,"_44":151,"_13":152,"_39":40,"_41":43,"_30":31,"_153":-5,"_33":154},"b4cb5a65-24f6-4878-a996-97e38ce0ef4e","parentId","latest",["D",1785567355890],5,"label",[34],"7ddc5a79-0ebb-4c88-a3b7-4e570b97649c","README.md","019fbc16-d860-762b-91ba-e3abafd1a867",3,["D",1785567253337],1,"# 💖 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",[156],"pulls","branches","forks","envVars",{"_170":67,"_172":67},"connections",{"_170":67,"_171":67},"count","unfilledCount","emptyCount",{"_49":155,"_38":156,"_36":157,"_149":-5,"_47":48,"_46":158,"_150":63,"_44":179,"_13":160,"_39":26,"_41":161,"_30":31,"_153":-5,"_176":180,"_33":181},{"_49":148,"_38":34,"_36":37,"_149":-5,"_47":48,"_46":14,"_150":31,"_44":175,"_13":152,"_39":40,"_41":43,"_30":31,"_153":-5,"_176":177,"_33":178},["D",1785567355890],"children",[],[34],["D",1785567253337],[],[156],["D",1785567041419],{"_105":104,"_113":109},{"_105":104,"_106":107,"_108":109,"_19":60,"_110":111,"_112":31},{"_13":90,"_38":91,"_49":48,"_92":50,"_93":94,"_95":96,"_97":56,"_98":99,"_100":101,"_102":51,"_103":104},"ctx",{"_83":-5,"_135":219,"_220":221,"_222":223,"_224":31,"_225":31,"_226":31,"_227":63,"_228":-5,"_229":-7,"_230":-7,"_231":67,"_232":31,"_233":31,"_234":-5,"_235":31,"_236":31,"_237":31,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":91,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"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 · v7