Skip to content

Landing page — the diff cloud #18

Description

@PhilDL

What to build

A very small landing page for balade — one screen, no documentation duplicated.

Concept

The background is a dense cloud of GitHub-style diffstat badges — +522 −341 green/red counts with the five-square change meter, repeated at varying sizes and opacities, drifting toward the edges. The visual noise of agent-scale pull requests, deliberately overwhelming: five-hundred-plus-line additions everywhere the eye lands.

Centered on top, calm against the noise: balade, as the way through.

  • One line of copy: "The diff is for agents; the walkthrough is for you."
  • One command: npx balade open <pr-url>
  • One link: the repository.

Notes

  • Dark theme matching the app's GitHub-Primer look; the diffstat badges reuse the exact Primer add/delete colors so the cloud reads instantly as GitHub.
  • Static and self-contained — a single HTML file fits the project's export philosophy; no new framework.
  • The badges are decoration, not data: generated numbers, all large (+500 and up), no real repository names.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions