[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_193":194,"_195":196},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_117":-5,"_19":118,"_119":120,"_121":122,"_123":124,"_125":126,"_21":127,"_128":-5,"_129":-5,"_130":24,"_131":132,"_133":134,"_135":-5,"_136":-5,"_137":138},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","julie","name","sport-stacking-rr","branchName","main","path","index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":-5,"_78":-5,"_30":66,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":89,"_90":89,"_91":92,"_93":92,"_94":92,"_95":89,"_96":89,"_52":97,"_98":99,"_100":101,"_102":24},"file",{"_62":63,"_13":18,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60},"id","b10eeb18-3361-11f1-9fb8-42b51c65c3df","branchId","a82a8caa-3361-11f1-82a4-42b51c65c3df","createdAt",["D",1775663010001],"version",2,"orgId","5d335e50-6262-11f0-9f04-73f435e38a9c","parentId","a8393494-3361-11f1-82a4-42b51c65c3df","incomingCommitId","aiChatMessageId","abfc5053-5114-4819-9e4a-082de20d3c16","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_62":63,"_13":18,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[61],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5},"fileId","b10bd02c-3361-11f1-9fb8-42b51c65c3df","fileType","deleted","5d333740-6262-11f0-9f04-73f435e38a9c","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yenhySW14NUl3eDFnZFRuTmtTY1Jadm05Q2sifQ","deletedAtVersion","a829ce14-3361-11f1-82a4-42b51c65c3df",["D",1775662995123],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_116":68},"org",{"_11":12,"_112":-5,"_67":68,"_30":66,"_113":114,"_115":24},"branch",{"_38":103,"_13":16,"_32":35,"_104":70,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":14,"_111":12},"isOwned",6,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":189,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":-5,"_78":-5,"_30":66,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":89,"_90":89,"_91":92,"_93":92,"_94":92,"_95":89,"_96":89,"_52":190,"_98":191,"_100":192,"_102":24},"tree",[158,159,160,161],"files",[158,159,160,161],"counts",{"_147":26,"_148":149,"_150":26,"_151":152,"_153":154},"contents",[],{"_32":139,"_13":18,"_62":63,"_42":-5,"_34":35,"_140":39,"_141":134,"_36":142,"_38":26,"_64":21,"_143":144,"_65":24,"_145":-5,"_17":146},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},"b10bcf78-3361-11f1-9fb8-42b51c65c3df","branchVersion","latest",["D",1775663010001],"content","\n\n\n \n \n Sport Stacking Round Robin\n \n\n\n\n \n

🏆 Sport Stacking

Round Robin Setup

Enter the names of 6 players:

\n \n \n \n \n \n \n

\n \n

\n\n \n

🏆 Sport Stacking Round Robin

\n Round 1 of 5\n

\n\n

\n \n \n

\n\n

🎉 Tournament Complete!

All players have played each other.

\n \n

\n\n \n\n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_155":26,"_157":26},"connections",{"_155":26,"_156":26},"count","unfilledCount","emptyCount",{"_32":181,"_13":182,"_62":183,"_42":-5,"_34":35,"_140":184,"_141":134,"_36":185,"_38":149,"_64":21,"_143":186,"_65":24,"_145":-5,"_167":187,"_17":188},{"_32":139,"_13":18,"_62":63,"_42":-5,"_34":35,"_140":39,"_141":134,"_36":178,"_38":26,"_64":21,"_143":144,"_65":24,"_145":-5,"_167":179,"_17":180},{"_32":170,"_13":171,"_62":172,"_42":-5,"_34":35,"_140":149,"_141":134,"_36":173,"_38":26,"_64":174,"_143":175,"_65":24,"_145":-5,"_167":176,"_17":177},{"_32":162,"_13":163,"_62":164,"_42":-5,"_34":35,"_140":103,"_141":134,"_36":165,"_38":149,"_64":21,"_143":166,"_65":24,"_145":-5,"_167":168,"_17":169},"58f4a52a-3362-11f1-bda1-42b51c65c3df","style.css","e6a33fa4-3361-11f1-b079-42b51c65c3df",["D",1775663291665],"* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: 'Segoe UI', sans-serif;\n background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n}\n\n/* ---- SETUP SCREEN ---- */\n#setup-screen {\n text-align: center;\n padding: 40px;\n background: rgba(255,255,255,0.07);\n border-radius: 20px;\n backdrop-filter: blur(10px);\n box-shadow: 0 8px 32px rgba(0,0,0,0.4);\n max-width: 420px;\n width: 90%;\n}\n\n#setup-screen h1 {\n font-size: 2.2rem;\n margin-bottom: 8px;\n}\n\n#setup-screen h2 {\n font-size: 1.2rem;\n font-weight: 400;\n margin-bottom: 16px;\n color: #a0c4ff;\n}\n\n#setup-screen p {\n margin-bottom: 20px;\n color: #ccc;\n}\n\n#player-inputs {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 24px;\n}\n\n.player-input {\n padding: 12px 16px;\n border-radius: 10px;\n border: 2px solid rgba(255,255,255,0.2);\n background: rgba(255,255,255,0.1);\n color: white;\n font-size: 1rem;\n outline: none;\n transition: border 0.3s;\n}\n\n.player-input::placeholder {\n color: rgba(255,255,255,0.4);\n}\n\n.player-input:focus {\n border-color: #a0c4ff;\n}\n\n#start-btn {\n padding: 14px 32px;\n background: linear-gradient(135deg, #a0c4ff, #6a9fd8);\n border: none;\n border-radius: 12px;\n font-size: 1.1rem;\n font-weight: bold;\n color: #1a1a2e;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n}\n\n#start-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 4px 20px rgba(160,196,255,0.5);\n}\n\n/* ---- TOURNAMENT SCREEN ---- */\n#tournament-screen {\n text-align: center;\n padding: 30px 20px;\n width: 100%;\n max-width: 700px;\n}\n\n#tournament-screen h1 {\n font-size: 2rem;\n margin-bottom: 10px;\n}\n\n#round-info {\n margin-bottom: 24px;\n}\n\n#round-label {\n background: rgba(255,255,255,0.15);\n padding: 8px 20px;\n border-radius: 20px;\n font-size: 1rem;\n letter-spacing: 1px;\n}\n\n/* ---- GRID ---- */\n#grid-container {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 16px;\n margin-bottom: 30px;\n}\n\n.match-card {\n background: rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 20px 12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n transition: transform 0.3s;\n}\n\n.player-box {\n background: linear-gradient(135deg, #a0c4ff, #6a9fd8);\n color: #1a1a2e;\n font-weight: bold;\n font-size: 0.95rem;\n padding: 14px 10px;\n border-radius: 12px;\n width: 100%;\n text-align: center;\n min-height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.vs {\n font-size: 0.85rem;\n font-weight: bold;\n color: #ffca3a;\n letter-spacing: 2px;\n}\n\n/* ---- ANIMATION ---- */\n.player-box {\n position: relative;\n will-change: transform, opacity;\n}\n\n.player-box.highlight {\n animation: pulse 0.5s ease;\n}\n\n@keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(160,196,255,0.7); }\n 70% { box-shadow: 0 0 0 12px rgba(160,196,255,0); }\n 100% { box-shadow: 0 0 0 0 rgba(160,196,255,0); }\n}\n\n/* ---- BUTTONS ---- */\n#btn-row {\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-bottom: 20px;\n}\n\n#btn-row button, #restart-btn {\n padding: 12px 28px;\n border: none;\n border-radius: 12px;\n font-size: 1rem;\n font-weight: bold;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n}\n\n#next-btn {\n background: linear-gradient(135deg, #a0c4ff, #6a9fd8);\n color: #1a1a2e;\n}\n\n#prev-btn {\n background: rgba(255,255,255,0.15);\n color: white;\n}\n\n#next-btn:hover, #prev-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n}\n\n#prev-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n transform: none;\n}\n\n/* ---- DONE MESSAGE ---- */\n#done-msg {\n margin-top: 20px;\n padding: 24px;\n background: rgba(255,202,58,0.15);\n border-radius: 16px;\n border: 2px solid #ffca3a;\n}\n\n#done-msg h2 {\n font-size: 1.6rem;\n margin-bottom: 8px;\n color: #ffca3a;\n}\n\n#done-msg p {\n color: #ccc;\n margin-bottom: 16px;\n}\n\n#restart-btn {\n background: #ffca3a;\n color: #1a1a2e;\n}\n\n#restart-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 4px 16px rgba(255,202,58,0.4);\n}\n\n.hidden {\n display: none !important;\n}\n\n@media (max-width: 500px) {\n #grid-container {\n grid-template-columns: 1fr;\n }\n}\n","children",[],[163],"a830160c-3361-11f1-82a4-42b51c65c3df","index.ts","a83016d4-3361-11f1-82a4-42b51c65c3df",["D",1775662995160],"http","import { serveFile } 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 if (url.pathname === \"/style.css\") return serveFile(\"/style.css\", import.meta.url);\n if (url.pathname === \"/app.js\") return serveFile(\"/app.js\", import.meta.url);\n return serveFile(\"/index.html\", import.meta.url);\n}",[],[171],["D",1775663010001],[],[18],"5572dc32-3362-11f1-9ca7-42b51c65c3df","app.js","f02a673c-3361-11f1-b567-42b51c65c3df",5,["D",1775663285851],"// Round Robin schedule generator using the \"circle method\"\n// For 6 players: 5 rounds, 3 matches per round\nfunction generateRoundRobin(players) {\n const n = players.length;\n const rounds = [];\n const ids = [...Array(n).keys()];\n\n for (let round = 0; round < n - 1; round++) {\n const matches = [];\n for (let i = 0; i < n / 2; i++) {\n matches.push([ids[i], ids[n - 1 - i]]);\n }\n rounds.push(matches);\n const last = ids.pop();\n ids.splice(1, 0, last);\n }\n\n return rounds.map(round =>\n round.map(([a, b]) => [players[a], players[b]])\n );\n}\n\nlet rounds = [];\nlet currentRound = 0;\n\n// ---- LOAD SAVED NAMES ----\nwindow.addEventListener(\"load\", () => {\n const saved = JSON.parse(localStorage.getItem(\"ss_players\") || \"[]\");\n if (saved.length === 6) {\n const inputs = document.querySelectorAll(\".player-input\");\n saved.forEach((name, i) => { inputs[i].value = name; });\n }\n});\n\n// ---- SETUP ----\ndocument.getElementById(\"start-btn\").addEventListener(\"click\", () => {\n const inputs = document.querySelectorAll(\".player-input\");\n const players = Array.from(inputs).map((inp, i) => inp.value.trim() || `Player ${i + 1}`);\n\n // Save names to localStorage\n localStorage.setItem(\"ss_players\", JSON.stringify(players));\n\n rounds = generateRoundRobin(players);\n currentRound = 0;\n\n document.getElementById(\"setup-screen\").classList.add(\"hidden\");\n document.getElementById(\"tournament-screen\").classList.remove(\"hidden\");\n\n showRound(currentRound, false);\n});\n\n// ---- GET SLOTS FOR A ROUND ----\nfunction getSlots(roundIndex) {\n const round = rounds[roundIndex];\n return [\n round[0][0], round[0][1],\n round[1][0], round[1][1],\n round[2][0], round[2][1],\n ];\n}\n\n// ---- SHOW ROUND WITH FLYING ANIMATION ----\nfunction showRound(index, animate = true) {\n const roundLabel = document.getElementById(\"round-label\");\n const nextBtn = document.getElementById(\"next-btn\");\n const prevBtn = document.getElementById(\"prev-btn\");\n const doneMsg = document.getElementById(\"done-msg\");\n\n roundLabel.textContent = `Round ${index + 1} of ${rounds.length}`;\n prevBtn.disabled = index === 0;\n\n const newSlots = getSlots(index);\n const playerBoxes = Array.from(document.querySelectorAll(\".player-box\"));\n\n if (animate) {\n // Get current positions of all boxes\n const oldPositions = playerBoxes.map(box => box.getBoundingClientRect());\n const oldNames = playerBoxes.map(box => box.textContent.trim());\n\n // Update text content to new names\n newSlots.forEach((name, i) => {\n playerBoxes[i].textContent = name;\n });\n\n // For each box, find where it came from and animate FROM that old position\n playerBoxes.forEach((box, newIndex) => {\n const newName = newSlots[newIndex];\n const oldIndex = oldNames.indexOf(newName);\n\n if (oldIndex !== -1 && oldIndex !== newIndex) {\n // This player moved — animate from old position to new position\n const oldRect = oldPositions[oldIndex];\n const newRect = box.getBoundingClientRect();\n\n const dx = oldRect.left - newRect.left;\n const dy = oldRect.top - newRect.top;\n\n box.style.transition = \"none\";\n box.style.transform = `translate(${dx}px, ${dy}px)`;\n box.style.zIndex = \"10\";\n box.style.opacity = \"1\";\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n box.style.transition = \"transform 0.6s cubic-bezier(0.4,0,0.2,1), opacity 0.3s\";\n box.style.transform = \"translate(0, 0)\";\n box.style.zIndex = \"\";\n setTimeout(() => {\n box.style.transition = \"\";\n box.style.transform = \"\";\n }, 650);\n });\n });\n } else if (oldIndex === -1) {\n // New player or same position — just fade in\n box.style.opacity = \"0\";\n box.style.transform = \"scale(0.8)\";\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n box.style.transition = \"opacity 0.4s, transform 0.4s\";\n box.style.opacity = \"1\";\n box.style.transform = \"scale(1)\";\n setTimeout(() => {\n box.style.transition = \"\";\n box.style.transform = \"\";\n }, 450);\n });\n });\n }\n });\n\n } else {\n // No animation — just set text\n newSlots.forEach((name, i) => {\n playerBoxes[i].textContent = name;\n });\n }\n\n // Show/hide done message\n if (index === rounds.length - 1) {\n nextBtn.classList.add(\"hidden\");\n doneMsg.classList.remove(\"hidden\");\n } else {\n nextBtn.classList.remove(\"hidden\");\n doneMsg.classList.add(\"hidden\");\n }\n}\n\n// ---- NEXT ----\ndocument.getElementById(\"next-btn\").addEventListener(\"click\", () => {\n if (currentRound < rounds.length - 1) {\n currentRound++;\n showRound(currentRound, true);\n }\n});\n\n// ---- PREV ----\ndocument.getElementById(\"prev-btn\").addEventListener(\"click\", () => {\n if (currentRound > 0) {\n currentRound--;\n showRound(currentRound, true);\n }\n});\n\n// ---- RESTART ----\ndocument.getElementById(\"restart-btn\").addEventListener(\"click\", () => {\n document.getElementById(\"tournament-screen\").classList.add(\"hidden\");\n document.getElementById(\"setup-screen\").classList.remove(\"hidden\");\n});\n",[],[182],["D",1775662995123],{"_11":12,"_116":68},{"_11":12,"_112":-5,"_67":68,"_30":66,"_113":114,"_115":24},{"_38":103,"_13":16,"_32":35,"_104":70,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":14,"_111":12},"ctx",{"_52":-5,"_136":226,"_227":228,"_229":230,"_231":24,"_232":24,"_233":24,"_234":134,"_235":-5,"_236":-7,"_237":-7,"_238":26,"_239":24,"_240":24,"_241":-5,"_242":24,"_243":24,"_244":24,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":16,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"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