Mount Comfort Men's Club

\n\n

\n \n

\n\n\n\n\n\n","label",[162,65],"frontend","pulls","branches","forks","envVars",{"_170":26,"_172":26},"connections",{"_170":26,"_171":26},"count","unfilledCount","emptyCount",{"_33":286,"_13":162,"_63":153,"_43":-5,"_35":36,"_154":287,"_155":94,"_37":288,"_39":26,"_66":244,"_158":-5,"_67":24,"_160":-5,"_193":289,"_17":290},{"_33":281,"_13":256,"_63":250,"_43":153,"_35":36,"_154":282,"_155":94,"_37":283,"_39":26,"_66":244,"_158":-5,"_67":24,"_160":-5,"_193":284,"_17":285},{"_33":273,"_13":274,"_63":275,"_43":250,"_35":36,"_154":276,"_155":94,"_37":277,"_39":26,"_66":217,"_158":278,"_67":24,"_160":-5,"_193":279,"_17":280},{"_33":265,"_13":266,"_63":267,"_43":250,"_35":36,"_154":268,"_155":94,"_37":269,"_39":26,"_66":217,"_158":270,"_67":24,"_160":-5,"_193":271,"_17":272},{"_33":257,"_13":258,"_63":259,"_43":250,"_35":36,"_154":260,"_155":94,"_37":261,"_39":26,"_66":217,"_158":262,"_67":24,"_160":-5,"_193":263,"_17":264},{"_33":247,"_13":248,"_63":249,"_43":250,"_35":36,"_154":251,"_155":94,"_37":252,"_39":26,"_66":217,"_158":253,"_67":24,"_160":-5,"_193":254,"_17":255},{"_33":239,"_13":240,"_63":241,"_43":153,"_35":36,"_154":242,"_155":94,"_37":243,"_39":26,"_66":244,"_158":-5,"_67":24,"_160":-5,"_193":245,"_17":246},{"_33":232,"_13":233,"_63":234,"_43":153,"_35":36,"_154":117,"_155":94,"_37":235,"_39":26,"_66":217,"_158":236,"_67":24,"_160":-5,"_193":237,"_17":238},{"_33":224,"_13":225,"_63":226,"_43":153,"_35":36,"_154":227,"_155":94,"_37":228,"_39":26,"_66":21,"_158":229,"_67":24,"_160":-5,"_193":230,"_17":231},{"_33":152,"_13":65,"_63":64,"_43":153,"_35":36,"_154":73,"_155":94,"_37":221,"_39":157,"_66":21,"_158":159,"_67":24,"_160":-5,"_193":222,"_17":223},{"_33":212,"_13":213,"_63":214,"_43":153,"_35":36,"_154":215,"_155":94,"_37":216,"_39":26,"_66":217,"_158":218,"_67":24,"_160":-5,"_193":219,"_17":220},{"_33":204,"_13":205,"_63":206,"_43":153,"_35":36,"_154":207,"_155":94,"_37":208,"_39":26,"_66":21,"_158":209,"_67":24,"_160":-5,"_193":210,"_17":211},{"_33":196,"_13":197,"_63":198,"_43":-5,"_35":36,"_154":199,"_155":94,"_37":200,"_39":26,"_66":21,"_158":201,"_67":24,"_160":-5,"_193":202,"_17":203},{"_33":187,"_13":188,"_63":92,"_43":-5,"_35":36,"_154":189,"_155":94,"_37":190,"_39":26,"_66":191,"_158":192,"_67":24,"_160":-5,"_193":194,"_17":195},"546b478c-5ee8-11f1-9c2a-1607ee4eb77e","index.ts",9,["D",1780448736684],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[188],"ab72d1ee-5ee8-11f1-ae74-1607ee4eb77e","README.md","ab72d306-5ee8-11f1-ae74-1607ee4eb77e",26,["D",1780448882696],"# MCMC Sampler Dashboard\n\nAn interactive dashboard that runs a **Metropolis-Hastings** Markov Chain Monte\nCarlo sampler in your browser and animates it exploring a 2D probability density\nin real time.\n\n## What it does\n\n- Renders a target density as a heatmap (Viridis color ramp).\n- Runs a Gaussian random-walk Metropolis-Hastings chain, drawing the trace and\n accepted samples on top.\n- Live stats: iteration count, acceptance rate, and running mean / std of the\n samples (post burn-in).\n- Tweak the **target distribution**, **proposal step size**, and **steps per\n frame** and watch how mixing and acceptance respond.\n\n### Try this\n\n- Set step size very small (0.1) on the **Banana** target — watch the chain\n crawl and acceptance shoot up toward 100% (poor mixing).\n- Crank step size to 2.5 — acceptance collapses as most proposals get rejected.\n- Switch to **Bimodal** and see how hard it is for the chain to hop between the\n two modes.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"frontend/index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx
(state + animation loop)\"]\n App --> Canvas[\"SamplerCanvas.tsx\"]\n App --> Controls[\"Controls.tsx\"]\n App --> Stats[\"StatsPanel.tsx\"]\n App -->|uses| Sampler[\"lib/sampler.ts\"]\n App -->|uses| Dist[\"lib/distributions.ts\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend)\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n favicon.svg\n lib/\n distributions.ts ← target densities (banana, bimodal, donut, gaussian)\n sampler.ts ← Metropolis-Hastings step + stats\n components/\n App.tsx ← root: state, rAF animation loop\n SamplerCanvas.tsx ← density heatmap + chain overlay (canvas)\n Controls.tsx ← target / step-size / speed controls\n StatsPanel.tsx ← live diagnostics\n```\n\n## Extending it\n\n- **Add a target**: append to `TARGETS` in `lib/distributions.ts` with a\n `logProb` and `bounds`.\n- **Add a sampler**: implement a new `step` variant in `lib/sampler.ts` (e.g.\n Hamiltonian Monte Carlo or adaptive Metropolis).\n- **Persist runs**: add an API route in `index.ts` and store summaries with\n `std/sqlite` or `std/blob`.\n",[],[197],"bd804286-5ee8-11f1-a478-1607ee4eb77e","styles.css","bd804394-5ee8-11f1-a478-1607ee4eb77e",28,["D",1780448912981],"*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nbody { background: #0d0902; font-family: 'Libre Baskerville', Georgia, serif; color: #f5ead6; min-height: 100vh; }\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes slideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n.book-card { transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; cursor: pointer; }\n.book-card:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(0,0,0,0.5) !important; border-color: #c07c2a !important; }\n::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: #1a1005; } ::-webkit-scrollbar-thumb { background: #5a4020; border-radius: 3px; }\nselect { appearance: none; -webkit-appearance: none; }\nbutton { font-family: inherit; }\n\n#header {\n border-bottom: 1px solid #2a1f0e;\n background: linear-gradient(180deg, #1a1005 0%, #0d0902 100%);\n padding: 28px 32px 20px;\n position: sticky; top: 0; z-index: 100;\n box-shadow: 0 4px 24px rgba(0,0,0,0.5);\n}\n#header-inner { max-width: 1200px; margin: 0 auto; }\n#header-top { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 16px; }\n.eyebrow { font-family: Oswald, sans-serif; font-size: 10px; letter-spacing: 0.32em; color: #8b5a1a; text-transform: uppercase; margin-bottom: 4px; }\nh1 { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 900; margin: 0; line-height: 1; color: #f5ead6; }\nh1 em { color: #c07c2a; font-style: italic; }\n.tagline { font-family: Oswald, sans-serif; font-size: 11px; letter-spacing: 0.2em; color: #6b5a3e; text-transform: uppercase; margin-top: 6px; }\n#member-select { background: #221608; border: 1px solid #5a4020; color: #f5ead6; font-family: Oswald, sans-serif; font-size: 13px; letter-spacing: 0.1em; padding: 8px 14px; border-radius: 3px; cursor: pointer; outline: none; }\n#header-bottom { margin-top: 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }\n#top-rated { display: flex; gap: 8px; align-items: center; }\n.top-rated-btn { background: #221608; border: 1px solid #5a4020; color: #c07c2a; font-family: Oswald, sans-serif; font-size: 10px; letter-spacing: 0.08em; padding: 4px 10px; border-radius: 3px; cursor: pointer; display: flex; align-items: center; gap: 5px; }\n#sort-controls { margin-left: auto; display: flex; gap: 8px; }\n.sort-btn { font-family: Oswald, sans-serif; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; padding: 6px 14px; border-radius: 3px; cursor: pointer; border: 1px solid #5a4020; background: #221608; color: #8b7050; }\n.sort-btn.active { background: #c07c2a; border-color: #c07c2a; color: #0d0902; }\n\n#grid-wrap { max-width: 1200px; margin: 0 auto; padding: 28px 32px 60px; }\n#book-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }\n.book-card { background: #1a1005; border: 1px solid #2a1f0e; border-left: 3px solid #3a2810; border-radius: 4px; padding: 14px 16px; position: relative; box-shadow: 0 2px 12px rgba(0,0,0,0.3); animation: slideUp 0.3s ease both; }\n.book-card.rated { border-color: #5a4020; border-left-color: #c07c2a; }\n.card-date { font-family: Oswald, sans-serif; font-size: 9px; letter-spacing: 0.22em; color: #8b5a1a; text-transform: uppercase; margin-bottom: 4px; }\n.card-title { font-family: 'Playfair Display', serif; font-size: 14px; font-weight: 700; color: #f5ead6; line-height: 1.3; margin-bottom: 4px; }\n.card-leader { font-size: 11px; color: #6b5a3e; font-style: italic; margin-bottom: 8px; }\n.card-footer { display: flex; align-items: center; justify-content: space-between; }\n.card-stars { display: flex; gap: 2px; }\n.card-star { font-size: 11px; }\n.card-meta { display: flex; gap: 8px; align-items: center; font-family: Oswald, sans-serif; font-size: 10px; letter-spacing: 0.06em; }\n.card-myrating { color: #c07c2a; }\n.card-count { color: #6b5a3e; }\n.card-avg-badge { position: absolute; top: 10px; right: 10px; background: #c07c2a; color: #0d0902; font-family: Oswald, sans-serif; font-weight: 700; font-size: 12px; padding: 2px 7px; border-radius: 2px; }\n\n/* Modal */\n#overlay { display: none; position: fixed; inset: 0; background: rgba(10,6,2,0.85); z-index: 1000; align-items: center; justify-content: center; backdrop-filter: blur(4px); animation: fadeIn 0.2s ease; }\n#overlay.open { display: flex; }\n#modal { background: #1a1005; border: 1px solid #5a4020; border-top: 3px solid #c07c2a; border-radius: 6px; padding: 32px 36px; width: 660px; max-width: 95vw; max-height: 88vh; overflow-y: auto; position: relative; box-shadow: 0 30px 80px rgba(0,0,0,0.8); }\n#modal-close { position: absolute; top: 12px; right: 16px; background: none; border: none; color: #6b5a3e; font-size: 22px; cursor: pointer; line-height: 1; }\n#modal-date { font-family: Oswald, sans-serif; font-size: 10px; letter-spacing: 0.28em; color: #c07c2a; text-transform: uppercase; margin-bottom: 6px; }\n#modal-title { font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 700; color: #f5ead6; line-height: 1.2; margin-bottom: 8px; }\n#modal-leader { font-size: 13px; color: #a08060; font-style: italic; margin-bottom: 5px; }\n#modal-drink { font-size: 12px; color: #c07c2a; font-family: Oswald, sans-serif; letter-spacing: 0.08em; margin-bottom: 16px; }\n#modal-score { display: flex; align-items: baseline; gap: 4px; margin-bottom: 4px; }\n#modal-score-num { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 900; line-height: 1; }\n#modal-score-sub { font-size: 10px; color: #6b5a3e; font-family: Oswald, sans-serif; letter-spacing: 0.1em; }\n#modal-divider { border: none; border-top: 1px solid #3a2810; margin: 20px 0 16px; }\n#ratings-label { font-family: Oswald, sans-serif; font-size: 10px; letter-spacing: 0.28em; color: #8b5a1a; text-transform: uppercase; margin-bottom: 14px; }\n#ratings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; }\n.member-row { border-radius: 4px; padding: 8px 10px; border: 1px solid transparent; }\n.member-row.is-current { background: #221608; border-color: #5a4020; }\n.member-name { font-size: 10px; font-family: Oswald, sans-serif; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 5px; color: #8b7050; }\n.member-row.is-current .member-name { color: #c07c2a; }\n.member-score { font-size: 11px; color: #c07c2a; margin-top: 3px; font-family: Oswald, sans-serif; }\n.star-row { display: flex; gap: 3px; }\n.star-btn { background: none; border: none; cursor: pointer; padding: 2px 1px; font-size: 20px; line-height: 1; color: #3a2e1e; transition: color 0.1s, transform 0.1s; }\n.star-btn.lit { color: #c07c2a; }\n.star-btn:disabled { cursor: default; opacity: 0.3; }\n.star-btn:disabled.lit { opacity: 1; }\n",[],[162,205],"9736717c-5ee8-11f1-a4c5-1607ee4eb77e","index.tsx","97367262-5ee8-11f1-a4c5-1607ee4eb77e",24,["D",1780448848747],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();\n",[],[162,213],["D",1780448884192],[],[162,65],"9c02802e-5ee8-11f1-a7c1-1607ee4eb77e","favicon.svg","9c0280ce-5ee8-11f1-a7c1-1607ee4eb77e",25,["D",1780448856792],"\n\n",[],[162,225],"d6cee8be-5ee8-11f1-8cd2-1607ee4eb77e","app.js","d6cee972-5ee8-11f1-8cd2-1607ee4eb77e",["D",1780448955440],"const MEMBERS = [\"Mike Kaminski\",\"William Biehn\",\"Justin Ray\",\"Derek Wardlow\",\"Travis Fink\",\"Heath Rheay\",\"Alex McDowell\",\"John Post\"];\nconst MEETINGS = [\n {date:\"May 2026\",book:\"Sightseeing\",leader:\"William Biehn\",drink:\"A Taste of Thailand\"},\n {date:\"April 2026\",book:\"The Journey to the East\",leader:\"Alex McDowell\",drink:\"Brews from Bremgarten\"},\n {date:\"March 2026\",book:\"Project Hail Mary\",leader:\"Heath Rheay\",drink:\"Russian Vodka & Tube Lasagna\"},\n {date:\"February 2026\",book:\"Revenge of the Tipping Point\",leader:\"Travis Fink\",drink:\"The Magic Third\"},\n {date:\"January 2026\",book:\"A Study in Scarlet\",leader:\"Derek Wardlow\",drink:\"Elementary\"},\n {date:\"November 2025\",book:\"Fathered by God\",leader:\"Mike Kaminski\",drink:\"Dad's Greatest Hits\"},\n {date:\"October 2025\",book:\"Frankenstein\",leader:\"Alex McDowell\",drink:\"A Bad Summer in Ireland\"},\n {date:\"September 2025\",book:\"The Ruthless Elimination of Hurry\",leader:\"William Biehn\",drink:\"Unhurried Spirits\"},\n {date:\"August 2025\",book:\"Digital Fortress\",leader:\"Justin Ray\",drink:\"19-1-14-7-18-9-1\"},\n {date:\"July 2025\",book:\"1984\",leader:\"Heath Rheay\",drink:\"Victory Gin\"},\n {date:\"June 2025\",book:\"These Silent Woods\",leader:\"Travis Fink\",drink:\"Cold Hot Chocolates\"},\n {date:\"May 2025\",book:\"With\",leader:\"Derek Wardlow\",drink:\"Mixer Roulette\"},\n {date:\"April 2025\",book:\"The Imitation of Christ\",leader:\"Mike Kaminski\",drink:\"Monk Mead\"},\n {date:\"February 2025\",book:\"The Problem of Pain\",leader:\"Justin Ray\",drink:\"Tonic for the Pain\"},\n {date:\"January 2025\",book:\"Be a Man of Standing\",leader:\"William Biehn\",drink:\"Israeli Wine & Superman Sliders\"},\n {date:\"December 2024\",book:\"The Wager\",leader:\"Heath Rheay\",drink:\"Grog\"},\n {date:\"October 2024\",book:\"Same Kind of Different as Me\",leader:\"Travis Fink\",drink:\"Serendipitous Swirl\"},\n {date:\"September 2024\",book:\"Family Discipleship\",leader:\"Derek Wardlow\",drink:\"Family Fellowship Flight\"},\n {date:\"August 2024\",book:\"Mere Christianity\",leader:\"Mike Kaminski\",drink:\"The Drinklings\"},\n {date:\"July 2024\",book:\"Imitating Jesus\",leader:\"Justin Ray\",drink:\"Passover Wine\"},\n {date:\"June 2024\",book:\"Extreme Ownership\",leader:\"William Biehn\",drink:\"Arak Heavenly Black Licorice\"},\n {date:\"May 2024\",book:\"Demon Copperhead\",leader:\"Heath Rheay\",drink:\"Lee County Cooler (& Feast)\"},\n {date:\"April 2024\",book:\"The Boys in the Boat\",leader:\"Travis Fink\",drink:\"Old Fashioned\"},\n {date:\"March 2024\",book:\"The Greatest Beer Run Ever\",leader:\"Derek Wardlow\",drink:\"Medal of Honor\"},\n {date:\"February 2024\",book:\"The Road\",leader:\"Mike Kaminski\",drink:\"Boulevard Ale Trail\"},\n {date:\"January 2024\",book:\"Winning the War in Your Mind\",leader:\"Justin Ray\",drink:\"Cognactive Bias\"},\n {date:\"November 2023\",book:\"The Screwtape Letters\",leader:\"Heath Rheay\",drink:\"El Diablo\"},\n {date:\"October 2023\",book:\"Pilgrim's Progress\",leader:\"Travis Fink\",drink:\"Flight to the Light\"},\n {date:\"September 2023\",book:\"This is the Day\",leader:\"Derek Wardlow\",drink:\"Dreamsicle\"},\n {date:\"August 2023\",book:\"Gates of Fire\",leader:\"Mike Kaminski\",drink:\"Dark and Stormy\"},\n {date:\"July 2023\",book:\"Voice of the Heart\",leader:\"Justin Ray\",drink:\"Woodchuck Hard Cider\"},\n];\n\nconst STORAGE_KEY = \"mcmc-ratings-v3\";\nlet allRatings = {};\nlet currentMember = MEMBERS[0];\nlet sortMode = \"date\";\nlet selectedMeeting = null;\n\n// Load ratings from localStorage\ntry { const s = localStorage.getItem(STORAGE_KEY); if (s) allRatings = JSON.parse(s); } catch {}\n\nfunction saveRatings() {\n try { localStorage.setItem(STORAGE_KEY, JSON.stringify(allRatings)); } catch {}\n}\n\nfunction getAvg(book) {\n const r = allRatings[book] || {};\n const vals = Object.values(r).filter(Boolean);\n if (!vals.length) return null;\n return vals.reduce((a,b) => a+b, 0) / vals.length;\n}\n\nfunction getRatedCount(book) {\n return Object.values(allRatings[book] || {}).filter(Boolean).length;\n}\n\n// Populate member select\nconst sel = document.getElementById(\"member-select\");\nMEMBERS.forEach(m => { const o = document.createElement(\"option\"); o.value = m; o.textContent = m; sel.appendChild(o); });\nsel.addEventListener(\"change\", e => { currentMember = e.target.value; renderGrid(); if (selectedMeeting) openModal(selectedMeeting); });\n\n// Sort buttons\ndocument.querySelectorAll(\".sort-btn\").forEach(btn => {\n btn.addEventListener(\"click\", () => {\n sortMode = btn.dataset.sort;\n document.querySelectorAll(\".sort-btn\").forEach(b => b.classList.toggle(\"active\", b.dataset.sort === sortMode));\n renderGrid();\n });\n});\n\n// Modal close\ndocument.getElementById(\"modal-close\").addEventListener(\"click\", closeModal);\ndocument.getElementById(\"overlay\").addEventListener(\"click\", e => { if (e.target.id === \"overlay\") closeModal(); });\n\nfunction closeModal() {\n document.getElementById(\"overlay\").classList.remove(\"open\");\n selectedMeeting = null;\n}\n\nfunction openModal(meeting) {\n selectedMeeting = meeting;\n const ratings = allRatings[meeting.book] || {};\n const avg = getAvg(meeting.book);\n const count = getRatedCount(meeting.book);\n\n document.getElementById(\"modal-date\").textContent = meeting.date;\n document.getElementById(\"modal-title\").textContent = meeting.book;\n document.getElementById(\"modal-leader\").textContent = \"Led by \" + meeting.leader;\n document.getElementById(\"modal-drink\").textContent = \"🍺 \" + meeting.drink;\n\n const scoreNum = document.getElementById(\"modal-score-num\");\n const scoreSub = document.getElementById(\"modal-score-sub\");\n if (avg === null) {\n scoreNum.textContent = \"\";\n scoreSub.textContent = \"No ratings yet\";\n scoreSub.style.fontSize = \"12px\";\n } else {\n scoreNum.textContent = avg.toFixed(1);\n scoreNum.style.color = avg >= 8 ? \"#c07c2a\" : avg >= 6 ? \"#8b5a1a\" : \"#6b5a3e\";\n scoreSub.textContent = `/ ${count} vote${count !== 1 ? \"s\" : \"\"}`;\n }\n\n const grid = document.getElementById(\"ratings-grid\");\n grid.innerHTML = \"\";\n MEMBERS.forEach(member => {\n const isCurrent = member === currentMember;\n const row = document.createElement(\"div\");\n row.className = \"member-row\" + (isCurrent ? \" is-current\" : \"\");\n\n const nameDiv = document.createElement(\"div\");\n nameDiv.className = \"member-name\";\n nameDiv.textContent = member + (isCurrent ? \" ▶ you\" : \"\");\n row.appendChild(nameDiv);\n\n const starRow = document.createElement(\"div\");\n starRow.className = \"star-row\";\n const memberRating = ratings[member] || 0;\n\n for (let n = 1; n <= 10; n++) {\n const btn = document.createElement(\"button\");\n btn.className = \"star-btn\" + (memberRating >= n ? \" lit\" : \"\");\n btn.textContent = memberRating >= n ? \"★\" : \"☆\";\n btn.disabled = !isCurrent;\n if (isCurrent) {\n btn.addEventListener(\"mouseenter\", () => {\n starRow.querySelectorAll(\".star-btn\").forEach((b, i) => {\n b.textContent = i < n ? \"★\" : \"☆\";\n b.classList.toggle(\"lit\", i < n);\n });\n });\n btn.addEventListener(\"mouseleave\", () => {\n const cur = (allRatings[meeting.book] || {})[currentMember] || 0;\n starRow.querySelectorAll(\".star-btn\").forEach((b, i) => {\n b.textContent = i < cur ? \"★\" : \"☆\";\n b.classList.toggle(\"lit\", i < cur);\n });\n });\n btn.addEventListener(\"click\", () => {\n if (!allRatings[meeting.book]) allRatings[meeting.book] = {};\n allRatings[meeting.book][currentMember] = n;\n saveRatings();\n openModal(meeting);\n renderGrid();\n updateTopRated();\n });\n }\n starRow.appendChild(btn);\n }\n row.appendChild(starRow);\n\n if (memberRating) {\n const sc = document.createElement(\"div\");\n sc.className = \"member-score\";\n sc.textContent = memberRating + \"/10\";\n row.appendChild(sc);\n }\n\n grid.appendChild(row);\n });\n\n document.getElementById(\"overlay\").classList.add(\"open\");\n}\n\nfunction renderGrid() {\n const grid = document.getElementById(\"book-grid\");\n grid.innerHTML = \"\";\n\n const sorted = [...MEETINGS].sort((a, b) => {\n if (sortMode === \"rating\") {\n const avgA = getAvg(a.book), avgB = getAvg(b.book);\n if (avgA === null && avgB === null) return 0;\n if (avgA === null) return 1;\n if (avgB === null) return -1;\n return avgB - avgA;\n }\n return 0;\n });\n\n sorted.forEach((meeting, i) => {\n const ratings = allRatings[meeting.book] || {};\n const avg = getAvg(meeting.book);\n const myRating = ratings[currentMember] || 0;\n const count = getRatedCount(meeting.book);\n\n const card = document.createElement(\"div\");\n card.className = \"book-card\" + (myRating ? \" rated\" : \"\");\n card.style.animationDelay = Math.min(i * 0.03, 0.4) + \"s\";\n\n if (sortMode === \"rating\" && avg !== null) {\n const badge = document.createElement(\"div\");\n badge.className = \"card-avg-badge\";\n badge.textContent = avg.toFixed(1);\n card.appendChild(badge);\n }\n\n card.innerHTML += `\n

${meeting.date}

${meeting.book}

Led by ${meeting.leader}

${[1,2,3,4,5].map(n => `= n ? '#c07c2a' : '#2a1f0e'}\">★`).join(\"\")}

\n ${myRating ? `You: ${myRating}/10` : \"\"}\n ${count > 0 ? `${count}/8 rated` : \"\"}\n

\n `;\n\n card.addEventListener(\"click\", () => openModal(meeting));\n grid.appendChild(card);\n });\n}\n\nfunction updateTopRated() {\n const topRatedDiv = document.getElementById(\"top-rated\");\n const top = [...MEETINGS]\n .map(m => ({ ...m, avg: getAvg(m.book) }))\n .filter(m => m.avg !== null)\n .sort((a,b) => b.avg - a.avg)\n .slice(0, 3);\n\n if (!top.length) { topRatedDiv.style.display = \"none\"; return; }\n topRatedDiv.style.display = \"flex\";\n\n // Remove old buttons\n topRatedDiv.querySelectorAll(\".top-rated-btn\").forEach(b => b.remove());\n\n const medals = [\"#ffd700\",\"#c0c0c0\",\"#cd7f32\"];\n top.forEach((m, i) => {\n const btn = document.createElement(\"button\");\n btn.className = \"top-rated-btn\";\n btn.innerHTML = `${\"★\".repeat(3-i)} ${m.book.length > 18 ? m.book.slice(0,18)+\"…\" : m.book} ${m.avg.toFixed(1)}`;\n btn.addEventListener(\"click\", () => openModal(m));\n topRatedDiv.appendChild(btn);\n });\n}\n\nrenderGrid();\nupdateTopRated();\n",[],[162,233],"6123d8c2-5ee8-11f1-a7c1-1607ee4eb77e","lib","a88a4204-bf6e-4106-b9d1-39a0b0b7ec31",12,["D",1780448758023],"directory",[],[162,240],"7ee53cc0-5ee8-11f1-a336-1607ee4eb77e","StatsPanel.tsx","7ee53d92-5ee8-11f1-a336-1607ee4eb77e","4d8d1a3a-5ee8-11f1-a5a1-1607ee4eb77e",21,["D",1780448807936],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ntype Props = {\n iterations: number;\n acceptanceRate: number;\n meanX: number;\n meanY: number;\n stdX: number;\n stdY: number;\n};\n\nfunction Stat({ label, value, hint }: { label: string; value: string; hint?: string }) {\n return (\n

{label}

{value}

\n {hint &&

{hint}

}\n

\n );\n}\n\nexport function StatsPanel(props: Props) {\n const accPct = (props.acceptanceRate * 100).toFixed(1) + \"%\";\n const accColor = props.acceptanceRate > 0.6\n ? \"text-amber-600\"\n : props.acceptanceRate < 0.15\n ? \"text-red-600\"\n : \"text-green-600\";\n return (\n

\n \n

\n Acceptance\n

{accPct}

~23-50% is healthy

\n \n \n

\n );\n}\n",[],[162,256,248],"components","7257a1c8-5ee8-11f1-8e5c-1607ee4eb77e","SamplerCanvas.tsx","7257a272-5ee8-11f1-8e5c-1607ee4eb77e",19,["D",1780448786878],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { Target } from \"../lib/distributions.ts\";\nimport type { Sample } from \"../lib/sampler.ts\";\n\ntype Props = {\n target: Target;\n samples: Sample[];\n current: Sample | null;\n size?: number;\n};\n\n// Viridis-ish color ramp for the density heatmap (t in [0,1]).\nfunction ramp(t: number): [number, number, number] {\n const stops: [number, [number, number, number]][] = [\n [0.0, [68, 1, 84]],\n [0.25, [59, 82, 139]],\n [0.5, [33, 145, 140]],\n [0.75, [94, 201, 98]],\n [1.0, [253, 231, 37]],\n ];\n for (let i = 0; i < stops.length - 1; i++) {\n const [t0, c0] = stops[i];\n const [t1, c1] = stops[i + 1];\n if (t <= t1) {\n const f = (t - t0) / (t1 - t0);\n return [\n Math.round(c0[0] + f * (c1[0] - c0[0])),\n Math.round(c0[1] + f * (c1[1] - c0[1])),\n Math.round(c0[2] + f * (c1[2] - c0[2])),\n ];\n }\n }\n return stops[stops.length - 1][1];\n}\n\nexport function SamplerCanvas({ target, samples, current, size = 480 }: Props) {\n const densityRef = useRef(null);\n const overlayRef = useRef(null);\n const [xmin, xmax, ymin, ymax] = target.bounds;\n\n const toPx = (x: number, y: number): [number, number] => [\n ((x - xmin) / (xmax - xmin)) * size,\n size - ((y - ymin) / (ymax - ymin)) * size,\n ];\n\n // Draw the static density heatmap whenever the target changes.\n useEffect(() => {\n const canvas = densityRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\")!;\n const res = 160; // grid resolution\n const cell = size / res;\n const grid: number[] = [];\n let max = -Infinity;\n for (let j = 0; j < res; j++) {\n for (let i = 0; i < res; i++) {\n const x = xmin + ((i + 0.5) / res) * (xmax - xmin);\n const y = ymax - ((j + 0.5) / res) * (ymax - ymin);\n const lp = target.logProb(x, y);\n grid.push(lp);\n if (lp > max) max = lp;\n }\n }\n // Normalize by exponentiating relative to the max log-prob.\n for (let j = 0; j < res; j++) {\n for (let i = 0; i < res; i++) {\n const p = Math.exp(grid[j * res + i] - max); // 0..1\n const [r, g, b] = ramp(Math.pow(p, 0.45));\n ctx.fillStyle = `rgb(${r},${g},${b})`;\n ctx.fillRect(i * cell, j * cell, cell + 1, cell + 1);\n }\n }\n }, [target]);\n\n // Draw the chain trace + samples on the overlay whenever samples change.\n useEffect(() => {\n const canvas = overlayRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\")!;\n ctx.clearRect(0, 0, size, size);\n\n // Faint trace line connecting recent samples.\n const traceStart = Math.max(0, samples.length - 400);\n ctx.strokeStyle = \"rgba(255,255,255,0.35)\";\n ctx.lineWidth = 1;\n ctx.beginPath();\n for (let i = traceStart; i < samples.length; i++) {\n const [px, py] = toPx(samples[i].x, samples[i].y);\n if (i === traceStart) ctx.moveTo(px, py);\n else ctx.lineTo(px, py);\n }\n ctx.stroke();\n\n // Sample dots (subsampled for performance).\n const stride = Math.max(1, Math.floor(samples.length / 3000));\n ctx.fillStyle = \"rgba(255,255,255,0.5)\";\n for (let i = 0; i < samples.length; i += stride) {\n const [px, py] = toPx(samples[i].x, samples[i].y);\n ctx.fillRect(px, py, 1.5, 1.5);\n }\n\n // Current position marker.\n if (current) {\n const [px, py] = toPx(current.x, current.y);\n ctx.fillStyle = \"#ef4444\";\n ctx.beginPath();\n ctx.arc(px, py, 5, 0, Math.PI * 2);\n ctx.fill();\n ctx.strokeStyle = \"white\";\n ctx.lineWidth = 2;\n ctx.stroke();\n }\n }, [samples, current, target]);\n\n return (\n \n

History · index.html