…#535) ## Summary Every flow card in the handbook is now a self-contained, shareable unit: - **Hash-anchor IDs** on each card (`#1-welcome`, `#2-create-vs-restore`, …) — opening `https://handbook.realunit.app/de/#06-verify-seed` cold lands the viewport on that card, opens its enclosing `<details>`, and highlights the card with a brand-blue outline. - **One-click copy button** (`🔗 Link`) next to every flow name — copies the absolute deep-link to the clipboard, flashes a `✓ Kopiert` confirmation for 1.2s, and updates the URL bar in the same gesture. - **Card name still works as a plain anchor** — click "01-welcome" if you just want to scroll/update the URL without copying. ## Changes (single file: `docs/handbook/de/index.html`) - Each `<div class="test">` carries `id="<flow-name>"`. - `.name` span → `<a class="name permalink" href="#<flow-name>">` so clicking the title scrolls + updates the URL bar. - Each card head also gets `<button class="copy-link" data-target="<flow-name>">🔗 Link</button>` for explicit one-click copy. - `.head` switched from `justify-content: space-between` to `gap: 8px` with `.src` pulled right via `margin-left: auto`, so name + button + src flow naturally. - `:target` outline-styles the active card in brand blue; `scroll-margin-top` keeps the title from sticking to the viewport edge after `scrollIntoView`. - `openHashTarget()` scrolls to the actual hash target (was: parent `<details>`) and uses `getElementById` instead of `querySelector(hash)` — `01-welcome`-style IDs (digit-prefixed) are valid HTML5 but invalid CSS selectors, so the old code threw on them. - Copy handler uses `navigator.clipboard.writeText` with a textarea + `execCommand('copy')` fallback for older Safari / non-secure contexts. - Existing `#spec-NN` deep-links (TOC, intro, architecture) are unaffected and still work. ## Test plan - [ ] Open `https://handbook.realunit.app/de/#01-welcome` cold — spec-01 details open, viewport lands on the 01-welcome card with the blue outline highlight. - [ ] Open `https://handbook.realunit.app/de/#19-confirm-pin` cold — the enclosing spec opens, card highlighted. - [ ] Open `https://handbook.realunit.app/de/#spec-04` cold — spec-04 opens and viewport lands on the spec card (existing behaviour preserved). - [ ] On the page, click the `01-welcome` title — URL bar updates to `…/de/#1-welcome`, card outline appears. - [ ] On the page, click the `🔗 Link` button on any card — button flashes `✓ Kopiert`, clipboard contains the absolute URL, URL bar updates. - [ ] Sidebar TOC clicks still open the targeted spec details and scroll into view (no regression). - [ ] No new console errors in Chrome / Firefox / Safari.

Create Start Page #2

Description

Metadata

Metadata

Assignees

Labels

Type

Fields

Projects

Milestone

Relationships

Development

Issue actions