🍻

\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","label",[18],"pulls","branches","forks","envVars",{"_171":26,"_173":26},"connections",{"_171":26,"_172":26},"count","unfilledCount","emptyCount",{"_33":198,"_13":199,"_63":200,"_43":-5,"_35":36,"_156":201,"_157":93,"_37":202,"_39":26,"_65":21,"_160":203,"_66":24,"_162":-5,"_184":204,"_17":205},{"_33":190,"_13":191,"_63":192,"_43":-5,"_35":36,"_156":119,"_157":93,"_37":193,"_39":159,"_65":194,"_160":195,"_66":24,"_162":-5,"_184":196,"_17":197},{"_33":155,"_13":18,"_63":64,"_43":-5,"_35":36,"_156":72,"_157":93,"_37":187,"_39":159,"_65":21,"_160":161,"_66":24,"_162":-5,"_184":188,"_17":189},{"_33":178,"_13":179,"_63":91,"_43":-5,"_35":36,"_156":180,"_157":93,"_37":181,"_39":159,"_65":182,"_160":183,"_66":24,"_162":-5,"_184":185,"_17":186},"91cd7542-fb23-435e-b018-941ddc2c3065","index.ts",7,["D",1781335225995],"http","import { parseVal, readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // \"view source\" link\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n if (url.pathname === \"/app.js\") {\n const js = await readFile(\"/app.js\", import.meta.url);\n return new Response(js, {\n headers: { \"Content-Type\": \"text/javascript; charset=utf-8\" },\n });\n }\n\n const html = await readFile(\"/index.html\", import.meta.url);\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n","children",[],[179],["D",1781335378840],[],[18],"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",[],[191],"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",[],[199],["D",1781334386288],["D",1789515055826],{"_11":12,"_133":69},{"_11":12,"_128":129,"_68":69,"_30":67,"_130":131,"_132":24},{"_39":119,"_13":16,"_33":36,"_120":80,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":14,"_127":12},"ctx",{"_53":-5,"_152":244,"_245":246,"_247":248,"_249":24,"_250":24,"_251":24,"_252":93,"_253":-5,"_254":-7,"_255":-7,"_256":26,"_257":24,"_258":24,"_259":-5,"_260":24,"_261":24,"_262":24,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":16,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"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"]

History · index.html