🍻

\n Are you coming to my pregame?\n

\n Be honest. The whole vibe of the night depends on this.\n

\n\n

\n 📅 June 25\n 🕑 2:00 PM\n 📍 123 Water Street\n

\n\n

\n \n \n

\n\n view source\n\n \n\n\n",[139],"38015641-da44-478b-a2c8-06f46911901d","app.js","646012cc-66f8-11f1-8e9f-1607ee4eb77e",["D",1781335387157],"script","const noBtn = document.getElementById(\"no\");\nconst yesBtn = document.getElementById(\"yes\");\nconst question = document.getElementById(\"question\");\nconst subtitle = document.getElementById(\"subtitle\");\nconst emoji = document.getElementById(\"emoji\");\n\n// Escalating \"No\" labels — the more they refuse, the more desperate it gets.\nconst noLabels = [\n \"No\",\n \"No thanks\",\n \"Are you sure?\",\n \"Really sure??\",\n \"Think about it...\",\n \"The drinks are FREE 🍹\",\n \"I already bought snacks 😢\",\n \"My mom said you'd come\",\n \"Don't do this to me\",\n \"I will cry. For real.\",\n \"ok now you're just being mean\",\n \"i'm begging you\",\n \"fine. one tiny pregame?\",\n \"🥺\",\n \"🥺🥺\",\n \"🥺🥺🥺\",\n];\n\nlet noCount = 0;\nlet yesScale = 1;\n\nfunction moveNo() {\n // Make YES more tempting each time they dodge No.\n yesScale = Math.min(yesScale + 0.18, 3.2);\n yesBtn.style.transform = `scale(${yesScale})`;\n\n // Update the No label and shrink it a touch.\n noCount++;\n noBtn.textContent = noLabels[Math.min(noCount, noLabels.length - 1)];\n const noScale = Math.max(1 - noCount * 0.04, 0.55);\n noBtn.style.fontSize = `${1.25 * noScale}rem`;\n\n // Teleport the No button somewhere random within the viewport.\n noBtn.style.position = \"fixed\";\n const pad = 30;\n const maxX = window.innerWidth - noBtn.offsetWidth - pad;\n const maxY = window.innerHeight - noBtn.offsetHeight - pad;\n const x = Math.max(pad, Math.random() * maxX);\n const y = Math.max(pad, Math.random() * maxY);\n noBtn.style.left = `${x}px`;\n noBtn.style.top = `${y}px`;\n noBtn.classList.add(\"wiggle\");\n}\n\n// Dodge on hover (desktop) and on tap-attempt (mobile/click).\nnoBtn.addEventListener(\"mouseover\", moveNo);\nnoBtn.addEventListener(\"click\", (e) => {\n e.preventDefault();\n moveNo();\n});\n\n// 🎉 The only correct answer.\nyesBtn.addEventListener(\"click\", () => {\n emoji.textContent = \"🥳\";\n emoji.classList.remove(\"float\");\n question.textContent = \"I KNEW IT. See you there. 🎊\";\n subtitle.textContent = \"June 25 · 2:00 PM · 123 Water Street. Bring a bottle. Mostly the bottle.\";\n noBtn.style.display = \"none\";\n yesBtn.textContent = \"YESSS 🍾\";\n document.body.classList.remove(\"from-fuchsia-500\", \"via-purple-600\", \"to-indigo-700\");\n document.body.classList.add(\"from-amber-400\", \"via-pink-500\", \"to-rose-600\");\n confettiStorm();\n});\n\n// Tiny dependency-free confetti.\nfunction confettiStorm() {\n const colors = [\"#fde047\", \"#f472b6\", \"#34d399\", \"#60a5fa\", \"#f87171\", \"#c084fc\"];\n for (let i = 0; i < 140; i++) {\n const c = document.createElement(\"div\");\n c.style.position = \"fixed\";\n c.style.zIndex = \"50\";\n c.style.width = c.style.height = `${6 + Math.random() * 8}px`;\n c.style.background = colors[Math.floor(Math.random() * colors.length)];\n c.style.left = `${Math.random() * 100}vw`;\n c.style.top = \"-20px\";\n c.style.borderRadius = Math.random() > 0.5 ? \"50%\" : \"2px\";\n c.style.pointerEvents = \"none\";\n document.body.appendChild(c);\n\n const fall = 2200 + Math.random() * 2200;\n const drift = (Math.random() - 0.5) * 400;\n c.animate(\n [\n { transform: \"translate(0,0) rotate(0deg)\", opacity: 1 },\n { transform: `translate(${drift}px, ${window.innerHeight + 60}px) rotate(${Math.random() * 720}deg)`, opacity: 1 },\n ],\n { duration: fall, easing: \"cubic-bezier(.3,.6,.5,1)\" },\n ).onfinish = () => c.remove();\n }\n}\n",[146],"1a9af667-c165-48e8-9d8b-b90f840b2d52","README.md","6c769a3a-66f8-11f1-a084-1607ee4eb77e",9,["D",1781335258269],"# Are you coming to my pregame? 🍻\n\nA silly one-page invite. There is exactly one correct answer — and the **No**\nbutton knows it, so it runs away while the **YES** button grows ever more\nirresistible. Say yes and you get confetti. 🎊\n\nSend the link to whoever you're trying to drag out tonight.\n\n## How it works\n\n```mermaid\nflowchart TD\n A[Visitor lands on page] --> B{Which button?}\n B -->|hovers/taps No| C[No button teleports away
+ desperate new caption
+ YES grows bigger]\n C --> B\n B -->|clicks YES| D[🥳 Confetti storm
See you there!]\n```\n\n## Files\n\n- `index.ts` — HTTP handler; serves the page, `/app.js`, and `/source`.\n- `index.html` — the page markup (Twind for Tailwind classes).\n- `app.js` — the dodging-button + confetti logic.\n",[153],"pulls","forks","envVars",{"_165":54,"_167":54},"connections",{"_165":54,"_166":54},"count","unfilledCount","emptyCount",{"_20":152,"_13":153,"_123":154,"_124":-5,"_125":21,"_126":155,"_128":50,"_22":182,"_29":54,"_131":106,"_133":157,"_135":38,"_136":-5,"_173":183,"_94":184},{"_20":145,"_13":146,"_123":147,"_124":-5,"_125":21,"_126":30,"_128":50,"_22":179,"_29":130,"_131":149,"_133":150,"_135":38,"_136":-5,"_173":180,"_94":181},{"_20":138,"_13":139,"_123":140,"_124":-5,"_125":21,"_126":141,"_128":50,"_22":176,"_29":130,"_131":106,"_133":143,"_135":38,"_136":-5,"_173":177,"_94":178},{"_20":121,"_13":122,"_123":48,"_124":-5,"_125":21,"_126":127,"_128":50,"_22":172,"_29":130,"_131":132,"_133":134,"_135":38,"_136":-5,"_173":174,"_94":175},["D",1781335225995],"children",[],[122],["D",1781335378840],[],[139],["D",1781335387157],[],[146],["D",1781335258269],[],[153],["D",1781334386288],["D",1789515055826],{"_11":12,"_92":88},{"_11":12,"_85":86,"_87":88,"_45":46,"_89":90,"_91":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_80":-5,"_81":-5,"_82":-5,"_83":14,"_84":12},"ctx",{"_73":-5,"_114":223,"_224":225,"_226":227,"_228":38,"_229":38,"_230":38,"_231":50,"_232":-5,"_233":-7,"_234":-7,"_235":54,"_236":38,"_237":38,"_238":-5,"_239":38,"_240":38,"_241":38,"_242":-5},"ENV",{"_194":195,"_196":197,"_198":26,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222},"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"]

Branches1

Branches
1