🍻

\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",[133],"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",[140],"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",[147],"pulls","branches","forks","envVars",{"_160":42,"_162":42},"connections",{"_160":42,"_161":42},"count","unfilledCount","emptyCount",{"_18":146,"_20":147,"_117":148,"_118":-5,"_119":71,"_120":149,"_122":38,"_22":177,"_68":42,"_125":100,"_127":151,"_129":26,"_130":-5,"_168":178,"_89":179},{"_18":139,"_20":140,"_117":141,"_118":-5,"_119":71,"_120":69,"_122":38,"_22":174,"_68":124,"_125":143,"_127":144,"_129":26,"_130":-5,"_168":175,"_89":176},{"_18":132,"_20":133,"_117":134,"_118":-5,"_119":71,"_120":135,"_122":38,"_22":171,"_68":124,"_125":100,"_127":137,"_129":26,"_130":-5,"_168":172,"_89":173},{"_18":115,"_20":116,"_117":36,"_118":-5,"_119":71,"_120":121,"_122":38,"_22":167,"_68":124,"_125":126,"_127":128,"_129":26,"_130":-5,"_168":169,"_89":170},["D",1781335225995],"children",[],[116],["D",1781335378840],[],[133],["D",1781335387157],[],[140],["D",1781335258269],[],[147],["D",1781334386288],["D",1789515055826],{"_16":17,"_87":83},{"_16":17,"_80":81,"_82":83,"_33":34,"_84":85,"_86":26},{"_68":69,"_20":70,"_18":71,"_72":19,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":-5,"_78":21,"_79":17},"ctx",{"_61":-5,"_108":218,"_219":220,"_221":222,"_223":26,"_224":26,"_225":26,"_226":38,"_227":-5,"_228":-7,"_229":-7,"_230":42,"_231":26,"_232":26,"_233":-5,"_234":26,"_235":26,"_236":26,"_237":-5},"ENV",{"_189":190,"_191":192,"_193":70,"_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"]

Search