Skip to content

site: lean landing with a live replay of the measured run - #328

Merged
vishr merged 2 commits into
mainfrom
site/lean-landing
Oct 17, 2026
Merged

vishr merged 2 commits into
mainfrom
site/lean-landing

Conversation

@vishr

@vishr vishr commented Oct 16, 2026

Copy link
Copy Markdown
Member

Summary

The landing page leads with measured ingest and real product captures. Nothing on it is hand-drawn.

  • Hero. A full-width uPlot replay of the v2026.10.8-alpha sustained mixed phase.
    • Points are trailing five-second rates from Fanout's accepted-row counters.
    • The headline and legend show the five-minute averages (415,859 items/s). The live rate appears beside the replay clock.
    • Without JavaScript, or with reduced motion, the complete run renders as SVG.
    • uPlot loads on the landing page only.
  • Stat band, then three full-width captures from a Fanout v2026.10.10 instance receiving the OpenTelemetry Demo: the System overview, the service map and a trace waterfall. Each comes in light and dark to match the site theme.
  • Removed: the Preview, Contrast, Pipeline, Benchmark and Refusals sections. The limits they listed move to status/capabilities.
  • Data module. site/scripts/benchmark-data.mjs derives it from a fanout-bench report. check-benchmark-numbers.mjs keeps the README and docs figures in line with it.
  • Captures. just landing-captures refreshes them from the seeded e2e server, or from an existing instance via FANOUT_LANDING_BASE_URL and FANOUT_LANDING_SESSION_COOKIE. Its trace pick reuses the waterfall's pagination, now shared from ui/host/src/dashboards/trace/pagination.ts.

The evidence link points at labstack/fanout-bench#7, which merges with this.

Verification

  • node --test site/scripts/*.test.mjs (19), check-benchmark-numbers, and the site build with its table, canonical and social-card checks: passed.
  • Rendered in Chrome at 1440, 1024 and 390 px in both themes:
    • no horizontal page scroll;
    • the replay chart is above the fold at 1440 × 900.
  • just check (pre-push): passed.

https://claude.ai/code/session_01XA52nWyQ3R5f5kK8kjpAQW

vishr added 2 commits October 16, 2026 17:11
The landing page now leads with Fanout's measured ingest and real product
captures, with no hand-drawn visuals.

- Hero: a uPlot replay of the v2026.10.8-alpha sustained mixed phase. Points
  are trailing five-second rates from Fanout's accepted-row counters. The
  headline and legend show the five-minute averages, and the live rate
  appears beside the replay clock. Without JavaScript, or with reduced
  motion, the complete run renders as SVG. uPlot loads on the landing page
  only.
- A stat band, then three captures from a Fanout instance receiving the
  OpenTelemetry Demo: the System overview, the service map and a trace
  waterfall, in light and dark to match the site theme.
- The Preview, Contrast, Pipeline, Benchmark and Refusals sections are
  removed; the limits they listed move to status/capabilities.
- site/scripts/benchmark-data.mjs derives the data module from a fanout-bench
  report, and check-benchmark-numbers.mjs keeps the README and docs figures
  in line with it.
- `just landing-captures` refreshes the captures from the seeded e2e server
  or an existing instance. Its trace pick reuses the waterfall's pagination,
  now shared from ui/host/src/dashboards/trace/pagination.ts.

Claude-Session: https://claude.ai/code/session_01XA52nWyQ3R5f5kK8kjpAQW
- The replay figure spans the content width (1080 px at 1440) under a
  two-line introduction. Its chart runs the full width and stays above
  the fold at 1440 x 900.
- Capture rows put the heading and sentence above a full-width image
  instead of alternating columns, so the product is about 60% larger.
  The overview capture omits the sidebar, and the service map is cropped
  to the graph's bounds.
- The stat band uses a grid that wraps cleanly: three columns on tablets,
  and on phones the throughput link above a two-by-two grid.
- Sections share one set of spacing values, and small figure text is at
  least 12 px.

Claude-Session: https://claude.ai/code/session_01XA52nWyQ3R5f5kK8kjpAQW
@vishr
vishr force-pushed the site/lean-landing branch from f06c6d1 to 691261d Compare October 17, 2026 00:11
@vishr
vishr merged commit 9444556 into main Oct 17, 2026
14 checks passed
@vishr
vishr deleted the site/lean-landing branch October 17, 2026 00:34
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