` is placed at the top of ``, fixed full-bleed, with `z-index: -1` and `pointer-events: none` so it never blocks the UI. - Inside, a `
` holds **two byte-identical
  copies** of the chafa output stacked vertically for a seamless
  `translateY(0 → -50%)` loop over 90 s.
- Color is `#f4a26b` (warm rust-orange) at 14% opacity with a faint
  `text-shadow` glow — picks up the brand colour and reads as a subtle
  background, not a wall of `@` blocks.
- A `::after` overlay draws a 2 px CRT scanline pattern that ticks
  downward at 8 s/cycle.
- The hero section has a `.tp-ascii-hero-overlay` class that paints a
  vertical gradient over the top of the page, so the hero text stays
  readable while the ASCII art shows through on the bottom half and below.
- The light theme inverts to dark text on light, dimmer, no glow.
- All animations are disabled inside
  `@media (prefers-reduced-motion: reduce)`.

The hero (`#hero`) is **not** animated — it keeps the original static
`static/img/terminal-default.svg` mockup, exactly as designed.

## Nix (optional, recommended)

A `flake.nix` is included that ships a reproducible dev shell, a buildable
package, a `serve` app, and an `html-tidy` check. You do **not** need Nix to
use this project — it's a convenience.

```bash
# Enter the dev shell (gives you: gnumake, python3, asciinema, html-tidy, …)
nix develop

# Build the whole site → ./result/  (16 files, ~150 kB, ready to upload)
nix build
ls result/

# Build + serve on http://localhost:8000  (or $PORT)
nix run .#serve

# Validate the HTML, format the flake
nix flake check
nix fmt
```

### What the flake provides

| Output | Command | What it does |
| --- | --- | --- |
| `packages..default` | `nix build` | Assembles the static site into a single derivation |
| `apps..serve` | `nix run .#serve` | Builds the package, then `python3 -m http.server` it |
| `devShells..default` | `nix develop` | Shell with `make`, `python3`, `asciinema`, `tidy`, `curl` |
| `checks..tidy` | `nix flake check` | Runs `html-tidy` over every `.html` in the built site |
| `formatter.` | `nix fmt` | `nixpkgs-fmt` for the flake itself |

### Why no Rust toolchain?

The crate lives in `../komp_ac/tui-pages/`. This repo only contains the
*static* website, so the flake intentionally omits `rust-overlay` and a
`rustPlatform` — they would add hundreds of MB to the shell closure for
nothing. When the site eventually gains a Rust backend, those inputs come
back.

### Why the per-system pattern?

Mirrored from the upstream Codex CLI flake so future contributors see a
shape they already recognise. `forAllSystems` is a one-liner that
guarantees `linux`/`darwin` × `x86_64`/`aarch64` parity without sprinkling
`if` branches across the file.

## Going to production

The CDN approach is fine for marketing pages. For better performance
(smaller CSS, no runtime Tailwind compile), swap the Play CDN for the
**Tailwind standalone CLI**:

```bash
# 1. Download the standalone CLI
#    https://tailwindcss.com/blog/standalone-cli

# 2. Put the binary in ./bin/tailwindcss

# 3. Create src/site.css that imports Tailwind and DaisyUI:
#        @import "tailwindcss";
#        @plugin "daisyui";

# 4. Build
./bin/tailwindcss -i src/site.css -o static/css/site.css --minify
```

Then in `index.html` remove the Tailwind Play CDN `
   ```

The body-rain ASCII art is independent of the hero and stays as-is.

## License

The website source is MIT-licensed. The terminal mockup SVGs in `static/img/`
are hand-drawn and original. The crate itself is at
.