← ClaudeAtlas

editing-the-landing-pagelisted

Use when editing index.html, install.sh, the wordmark SVGs in assets/, or anything served by GitHub Pages at ontech7.github.io/ollama-usage.
ontech7/ollama-usage · ★ 0 · Web & Frontend · score 67
Install: claude install-skill ontech7/ollama-usage
# Editing the landing page ## Overview GitHub Pages serves the repo root (`.nojekyll` disables Jekyll processing), so `index.html`, `install.sh` and `assets/` are published **as they are committed** — there is no build step, no bundler, no dependency install. That is a constraint, not an accident: the install command `curl -fsSL https://ontech7.github.io/ollama-usage/install.sh | sh` works only because `install.sh` sits at the site root. Never move it. ## Rules **One self-contained file.** `index.html` inlines its CSS and JS. No CDN, no web font, no analytics, no external request other than the local SVGs. Keep it that way — the page is also the trust surface for a `curl | sh` command. **Light-only, on purpose.** `:root { color-scheme: light }` stops the UA from auto-darkening the page under a dark OS. Don't add a dark-mode block without also handling the `.term` card, which is the page's single dark element. **Keep it lean.** The page pitches; the README documents. Two sections is the current shape (*How it works*, *Live in your status line*). Resist adding a section for every flag — link to the README anchor instead. ## Two layout hacks that look like mistakes Both are commented in the file. Do not "clean them up": 1. `body { grid-template-columns: minmax(0, 1fr) }` **plus** `body > * { min-width: 0 }`. `minmax(0,1fr)` sizes the *track*; a grid item still defaults to `min-width: auto`, so a `<pre white-space:pre>` inside would blow straight through it. Th