Next's lint rule disallows bare `<a>` elements for internal navigation.
Swap the "Read the original announcement" anchor for `<Link>` from
`next/link` to resolve the build error.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

Updated the Foundation graphic's viewBox from 760×200 to 768×200 and
gapX from 34 to 38.4 so the dot grid spans edge-to-edge, matching the
width of the body text below it like the other section graphics.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

Rejected the neural-net direction because it was conceptually wrong:
neural nets are layered/directional/hierarchical, but Livepeer is a
flat distributed P2P mesh of equal peers with no center.

Rebuilt from first principles:

  • Nodes laid out via a perturbed grid (deterministic seeded RNG)
    so the constellation looks organic rather than columnar.
  • Each node connects to its 3 nearest neighbors — a real mesh
    routing graph, not bipartite layers between fixed columns.
  • Mesh edges drawn at very low opacity (5% white) so the structure
    is visible at rest without dominating; the pulses do the talking.
  • 14 ephemeral peer-to-peer pulses traverse random edges in either
    direction (random reverse flag per pulse) on staggered delays
    and durations, so traffic feels organic and never synchronized.
  • 6 highlighted nodes scattered around the constellation suggest
    "active GPUs" without imposing a hierarchy.

The graphic now visually reads as: a global constellation of
independent peers exchanging work locally with their neighbors —
which is what the section copy actually describes.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

Implements the post-launch polish suggestions:

  • ChapterNav: fixed vertical thread on the right side of the viewport
    (desktop only). 4 dots — one per chapter — connected by a thin
    static spine for visual continuity. Dots are clickable (smooth-
    scroll to chapter) and the active chapter highlights green with
    its label visible. Uses IntersectionObserver to detect which
    chapter is currently in the user's reading zone (rootMargin
    -30% / -50%).

  • Hero arrival staggered: eyebrow / headline / lede now animate in
    individually with 0 / 80 / 180 ms delays. Feels more composed
    than the previous all-at-once fade-in.

  • Italic emphasis on the conceptual heart of "About The Network":
    "owned and run by its participants" is now wrapped in a serif
    italic span. The phrase carries the section's thesis and now
    visually carries the weight too.

  • Colophon: small bookend at the bottom of section 04 — Livepeer
    symbol + "THE LIVEPEER FOUNDATION" in a hairline. Gives the page
    a sense of completion as a finished artifact.

  • Network graphic alignment: viewBox widened from 760×200 to
    768×200 to match the max-w-3xl text column aspect exactly.
    Column gap bumped to 76.8 so the constellation's leftmost and
    rightmost base nodes sit at the viewBox edges. Anchored
    xMinYMid so the mesh aligns flush with the prose's left edge.

  • data-chapter attributes added to all four chapter sections so the
    nav can observe them without prop drilling.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

Two fixes for the 01 Network graphic:

  • Edge-clipping fix: the previous gapX of 76.8 with ±15 jitter could
    push edge nodes to viewBox x = ±399, just past the ±384 bounds, so
    the rightmost (and leftmost) nodes/edges were being clipped by the
    parent overflow:hidden. Tightened to gapX=72 with ±18 jitter so
    the maximum jittered range is ±378 — comfortably inside the ±384
    viewBox with a tiny 6-unit safety margin.

  • Seed picked for aesthetics: sampled five seeds (0x4c2b, 0x9e7f,
    0x2d8a, 0x6b1c, 0x8f55) and chose 0x2d8a — produces the most
    evenly triangulated mesh with no clusters or gaps, dense enough
    to read clearly as a connected network.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

The hero + Venn graphic + chapter 1 had too much vertical air on mobile:

  • Hero was min-h-screen (812px on iPhone), but the centered text
    only filled ~500px, leaving a big gap below the lede before the
    graphic peeked.
  • Each chapter section had py-28 (112px top padding) on mobile, so
    the "01 / The Network" sat 112px below the bottom of the Venn.

Adjustments:
  • Hero: min-h-[78vh] on mobile, min-h-screen on lg+. The shorter
    mobile hero pulls the Venn closer to the lede, and on phones the
    hero text + graphic + start of chapter 1 now all fit in one
    viewport.
  • Chapter sections: py-14 lg:py-40 (was py-28 lg:py-40). Halves the
    mobile padding while keeping desktop spacing untouched.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

03 Work graphic — comets now travel the full path:
  • Comets start at the left of each stream and travel horizontally
    to x=700, then bend diagonally up/down into the focal node at
    (760, 0).
  • Per-stream keyframes computed so motion is uniform-speed across
    both segments (90% of duration is travel, 10% is post-arrival
    fade).
  • Comets get "subsumed" by the focal node: at the moment of arrival
    they begin a 0.4s scale-down (1 → 0.2) plus opacity fade
    (1 → 0), so the visual reads as the comet collapsing into the
    pulsing focal.
  • Replaced the directional rect+circle pulse with a single
    omnidirectional glowing dot (head + halo), which works cleanly
    when the comet bends along the diagonal segment.

Chapter graphic mobile spacing:
  • Graphic height: 180 → 220 px on mobile (200 unchanged on lg+)
  • Margin above (heading bottom): mb-10 → mb-6 on mobile
  • Margin below (graphic bottom): mb-10 → mb-6 on mobile
  Result: graphics feel more present and the body text sits closer.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

Previous implementation used a rigid <rect> rotated to the diagonal
angle. Problem: the rect can't bend, so during the diagonal segment
the trail extended off the track into empty space.

Replaced with a stroke-dashoffset animation along an SVG <path> that
includes both the horizontal stream and the diagonal hand-off into the
focal node. The "comet" is a 70-unit dash that travels along this
path; because it's drawn on the path itself, it bends naturally at
the corner — always sitting on the track like a railroad car.

Two layered <path> strokes give the comet a halo + bright core look
(width 6 green halo + width 2.4 white core, both following the same
dash animation). Opacity fades to 0 at 100% so the comet appears
absorbed by the focal node when it reaches the end of the path.

Also: chapter graphic mobile sizing now uses aspect-[19/5] instead of
fixed h-[220px], so the container height matches the SVG content's
aspect ratio — eliminating the empty vertical space that made the
graphics look skinny on mobile.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

Reintroduces the comet look (bright white head + glowing green trail)
while keeping the path-aware trail that bends with the track:

  • Trail: two layered <path> strokes — width 7 soft halo + width
    2.5 brighter core — both with stroke-dashoffset animation along
    the stream's path. The dash naturally follows the corner from
    horizontal to diagonal.
  • Head: a single bright white circle, animated with SVG
    <animateMotion> along the same path. keyTimes synced with the
    trail dash (0/0.06/0.9/1) so the head sits at the leading edge
    throughout, including across the bend.
  • workHead keyframes fade the head in and out in sync with the
    trail's opacity, so the whole comet appears, travels, and
    dissolves into the focal node together.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>

Work graphic comet tail now uses 20 stacked stroke layers with
aligned leading edges and a color ramp that mirrors the deployed
linearGradient (0% transparent green → 60% green(0.6) → 100% white),
capped by a crisp 7px white head node. Composited opacity falls
smoothly from head to tail with no visible banding.

Proportions tuned to match the deployed rect+circle look:
  • tail length 80, width 4 (matches the 80×4 rect)
  • head node diameter 7 (matches the r=3.5 circle)
  • green→white interpolation over the last 40% of the tail

Motion remains path-based stroke-dashoffset along straight-cornered
tracks, so the trail bends exactly at the hand-off into the focal
without losing shape.

Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>