[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_103":102,"_37":48,"_112":93,"_32":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_26":-5,"_124":-5,"_125":-5,"_126":30,"_127":128,"_129":62,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_46":47,"_37":48,"_41":49,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":30},"version",9,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","b44f8d39-6c5c-43f7-b18c-fe18e498a219","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":26,"_39":40,"_41":42,"_43":14,"_44":45,"_29":30},"previous","deleted",false,"deletedHere","path","README.md","latestPath","fileId","6c769a3a-66f8-11f1-a084-1607ee4eb77e","name","fileType","content","# 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","createdAt",["D",1781335258269],"branchVersion","branchId","f10268af-7031-4caa-9dc0-377349f56d68","id","4150da07-d32a-4ba6-843d-78be4073bb6d","date-me",["D",1781334386288],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A funny pregame invite where the \"No\" button runs away 🍻","imageUrl","5c97b41c-8d9c-4afd-89c8-1beeefd6b6dd","pinnedFileId","4dfcd0ec-66f8-11f1-85bf-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019ebfcd-4377-7645-8a4b-f0301f79a630","tursoName","4150da07d32a4ba6843d78be4073bb6d","tursoHostname","4150da07d32a4ba6843d78be4073bb6d-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789515055826],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_103":102,"_111":107},"org",{"_103":102,"_104":105,"_106":107,"_19":58,"_108":109,"_110":30},"branch",{"_13":92,"_37":93,"_46":45,"_94":47,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":48,"_101":102},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","christianp","handle","displayName","Christian P","avatar","https://lh3.googleusercontent.com/a/ACg8ocL5du9SewiPFG2EqtG5TVW68IldeaVK3WJ4l9zK3TMBKjMIvg=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_46":47,"_37":48,"_41":194,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":195,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":196,"_87":197,"_89":198,"_91":30},"tree",[177,178,179,180],"files",[177,178,179,180],"counts",{"_167":66,"_168":144,"_169":66,"_170":171,"_172":173},"contents",[134,135,136,137],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_46":164,"_37":33,"_35":36,"_140":-5,"_44":45,"_43":14,"_142":62,"_41":165,"_13":66,"_38":26,"_39":40,"_29":30,"_147":-5,"_32":166},{"_46":156,"_37":157,"_35":158,"_140":-5,"_44":45,"_43":159,"_142":30,"_41":160,"_13":66,"_38":161,"_39":162,"_29":30,"_147":-5,"_32":163},{"_46":149,"_37":150,"_35":151,"_140":-5,"_44":45,"_43":152,"_142":30,"_41":153,"_13":66,"_38":26,"_39":154,"_29":30,"_147":-5,"_32":155},{"_46":138,"_37":139,"_35":60,"_140":-5,"_44":45,"_43":141,"_142":62,"_41":143,"_13":144,"_38":145,"_39":146,"_29":30,"_147":-5,"_32":148},"91cd7542-fb23-435e-b018-941ddc2c3065","index.ts","parentId",7,"latest",["D",1781335225995],1,"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","label",[139],"ef6f6b11-eff9-4481-97f4-3d980515ef39","index.html","559c8cde-66f8-11f1-a084-1607ee4eb77e",6,["D",1781335219937],"\n\n\n \n \n Are you coming to my pregame? 🍻\n \n \n \n \n \n\n\n

🍻

\n Are you coming to my pregame?\n

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

\n\n

\n \n \n

\n\n view source\n\n \n\n\n",[150],"99faf4a8-3294-4a42-84f0-58fe7132a880","app.js","646012cc-66f8-11f1-8e9f-1607ee4eb77e",8,["D",1781335244706],"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 = \"Bring your A-game. And maybe 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",[157],"1a9af667-c165-48e8-9d8b-b90f840b2d52",["D",1781335258269],[33],"pulls","branches","forks","envVars",{"_174":66,"_176":66},"connections",{"_174":66,"_175":66},"count","unfilledCount","emptyCount",{"_46":164,"_37":33,"_35":36,"_140":-5,"_44":45,"_43":14,"_142":62,"_41":191,"_13":66,"_38":26,"_39":40,"_29":30,"_147":-5,"_182":192,"_32":193},{"_46":156,"_37":157,"_35":158,"_140":-5,"_44":45,"_43":159,"_142":30,"_41":188,"_13":66,"_38":161,"_39":162,"_29":30,"_147":-5,"_182":189,"_32":190},{"_46":149,"_37":150,"_35":151,"_140":-5,"_44":45,"_43":152,"_142":30,"_41":185,"_13":66,"_38":26,"_39":154,"_29":30,"_147":-5,"_182":186,"_32":187},{"_46":138,"_37":139,"_35":60,"_140":-5,"_44":45,"_43":141,"_142":62,"_41":181,"_13":144,"_38":145,"_39":146,"_29":30,"_147":-5,"_182":183,"_32":184},["D",1781335225995],"children",[],[139],["D",1781335219937],[],[150],["D",1781335244706],[],[157],["D",1781335258269],[],[33],["D",1781334386288],["D",1789515055826],{"_103":102,"_111":107},{"_103":102,"_104":105,"_106":107,"_19":58,"_108":109,"_110":30},{"_13":92,"_37":93,"_46":45,"_94":47,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":48,"_101":102},"ctx",{"_85":-5,"_131":232,"_233":234,"_235":236,"_237":30,"_238":30,"_239":30,"_240":62,"_241":-5,"_242":-7,"_243":-7,"_244":66,"_245":30,"_246":30,"_247":-5,"_248":30,"_249":30,"_250":30,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":93,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"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 · v9