Skip to content

OLG page: Showcase / Code / Methodology tabs ported from the OG-UK dashboard - #141

Open
vahid-ahmadi wants to merge 47 commits into
mainfrom
olg-dashboard-tabs
Open

OLG page: Showcase / Code / Methodology tabs ported from the OG-UK dashboard#141
vahid-ahmadi wants to merge 47 commits into
mainfrom
olg-dashboard-tabs

Conversation

@vahid-ahmadi

Copy link
Copy Markdown
Contributor

Ports the three tabs (Showcase · Code · Methodology) from the og-model-dashboard React app into /olg, in the static site's own idiom — pilot for making every model page follow this structure.

  • Tabs: ARIA tablist matching the homepage toggle pattern, sticky bar, deep-linkable (#showcase/#code/#methodology); hashes inside a hidden panel (e.g. /olg#run from /connect) activate the containing tab, so no existing anchors break.
  • Showcase: +1pp basic-rate simulation — six macro small multiples (% deviation vs OBR Nov-2025 baseline), 8-sector output/capital/labour bars at 2030, energy detail, and headline stats. All generated as inline SVG from olg/figures/tpi_data.json by olg/figures/make_showcase.py; --check added to the site-provenance workflow.
  • Code: seven-step walkthrough with the actual runnable files under olg/code/.
  • Methodology: eight steps in document flow with formal-structure callouts; equations rendered by the self-hosted /vendor/mathjax (page-local, CSP-clean — no CDN).
  • Existing /olg sections folded into matching tabs (calibration → Methodology, run/CLI/config → Code, £bn mapping → Code); the no-ground-truth and caveats sections stay outside the tabs.

Checks: site_contract.py, site_nav.py, make_showcase.py --check, make_charts.py --check all pass; no external script/img/link loads.

🤖 Generated with Claude Code

…shboard

Pilot of the per-model page pattern. Sticky deep-linkable tab bar;
showcase charts committed as inline SVG generated from the dashboard's
transition data by olg/figures/make_showcase.py (--check wired into the
site-provenance workflow); seven-step code walkthrough with runnable
files under olg/code/; eight methodology steps with equations rendered
by the vendored MathJax, loaded on this page only. Existing olg content
folded into the matching tabs; ground-truth caveats kept outside them.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 30, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
macromod Ready Ready Preview Jul 30, 2026 11:12am

Request Review

Merge the model-local-nav anchor row and the tab bar into a single
sticky bar right after the hero: Overview anchor, the Showcase/Code/
Methodology tab capsule, then Validation and Paper links. The other
model pages keep model-local-nav until they adopt the tab pattern.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Drop the Run it / Read the code / Working paper hero buttons; the one
sticky bar now carries Overview, the three-tab capsule, Validation,
then right-aligned Run it, Paper and GitHub links.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
All bar items now share the quiet mono style; the active tab is marked
by a brand underline instead of a filled box.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
… bar polish

- Showcase is no longer a tab: it sits in the normal page flow after the
  overview; tabs are now Code | Methodology.
- Methodology rebuilt as scrollytelling: narrative steps left, sticky
  formal-structure panel right that swaps with the step in view
  (single column with inline panels below 900px). Step 8 panel content
  restored from the dashboard's methodologyPanels data.
- One active marker across the whole subtab bar: a unified scrollspy
  bolds Overview/Validation over their sections and the tab underline
  only while reading that tab; Paper labelled as a leaving link.
- Sticky bars sit flush under the fixed header: reveal.js publishes the
  measured header height as --nav-h and sticky offsets derive from it.
- Dashboard attribution links removed from user-visible copy.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The panels sit below the overview/showcase flow, so switching tabs from
the top of the page had no visible effect.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…odology diagrams

- /olg (overview + showcase), /olg/code, /olg/methodology, /olg/validation
  as separate pages, each with the shared subtab bar; current page marked
  aria-current=page with the underline treatment. /papers/psl-og gets the
  same bar with Paper current.
- /olg/validation carries the dashboard's OBR comparison: overview table
  plus production, households, bequests, tax system, government, open
  economy, and solution & calibration sections (OBR WP 22 PDF committed),
  followed by the how-far-to-trust-it and limits sections.
- /olg/methodology keeps the scrollytelling layout and gains the eight
  dashboard diagrams, one per step, with a click-to-expand modal; SVG
  theme variables remapped to site tokens, per-step unique marker ids.
- Nav registry, sitemap, crumbs regenerated; /olg#run backlink on
  /connect updated to /olg/code#run.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The 8% intersection threshold is unreachable for very tall elements
(code walkthrough, methodology scrollytelling wrapper), leaving them
permanently at opacity 0.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1400px container, 460px sticky panel, one step per ~90vh with 0.28
inactive opacity, filled circular step numbers.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…1400px

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
vahid-ahmadi and others added 2 commits July 30, 2026 11:38
The sticky-bar offset was locked to the pre-font-swap header height,
leaving a few-pixel gap under the header.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
--max 1140 -> 1320, prose 68ch -> 78ch, band-head 60ch -> 70ch.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
vahid-ahmadi and others added 2 commits July 30, 2026 11:44
…Forecasts label

- At-a-glance shows UK and US together (toggle removed)
- Table captions merged with their source notes, plain font
- home-proof strip removed; contract updated
- Nav label Track record -> Forecasts across all pages
- Pre-registered code/methodology/validation subpages for all six models

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…ge and paper polish

- obr, svar, frb-us, us-hank, pe split into Overview/Code/Methodology/
  Validation subtab pages matching the OG-UK pattern; paper pages (and
  the us-hank report) carry the shared bar with Paper current
- /olg showcase rebuilt as the dashboard's three interactive views with
  dropdown selectors, rendered by an inline SVG chart engine from the
  committed tpi_data.json; make_showcase.py now maintains only the
  stats table
- Homepage: new hero headline and lede, short chart caption, year ticks
  on the hero fan, UK/US at-a-glance as side-by-side cards with the
  source note under each table
- papers/psl-og: bar clears the fixed header, ground-truth and how-to-
  cite callouts, tidy source/reproduction line; frb-us paper bar restored
- Deep links updated (/X#run -> /X/code#run etc.); nav regenerated on
  48 pages; all provenance checks pass

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The #trust anchor, checks table and caveats stay.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…model cards; centered subtabs

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…ntro

Stale cached reveal.js was hiding the scrollytelling blocks in real
browsers even though headless rendering was fine.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…vers them

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Per-model review agents fixed: dead or missing clipboard scripts (all
four paper cite buttons now work), duplicated sources table and draw-
count reconciliation on svar, stale 'below'/'three ways' references on
olg, methodology prose de-duplicated on frb-us, kicker and link-idiom
consistency on us-hank, multiplier-caveat cross-link on obr, tidy-ups
on pe. Cross-cutting: extensionless report link on /papers, paper
titles demoted to h2 under the hero h1, solve-time wording unified.
All provenance checks and tag balance pass on 48 pages.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Each question is a native details accordion: a short how-it-answers
paragraph, three fact lines (worked-example numbers where they exist,
validation status, hosting), and the model link — no page hop needed.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Each methodology page gains authored step schematics in the OG-UK
diagram idiom (theme-variable fills, click-to-expand modal, unique
marker ids) — pipeline flows, matrix and funnel schematics, labelled
'schematic, not data' where illustrative — and vendored-MathJax
typesetting of the formal expressions on both the narrative and
freeze-box sides. Code tokens stay as code chips; no invented claims.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant