diff --git a/docs/taskplane-overview/01-origin-timeline.html b/docs/taskplane-overview/01-origin-timeline.html index ead0025b..b188cbef 100644 --- a/docs/taskplane-overview/01-origin-timeline.html +++ b/docs/taskplane-overview/01-origin-timeline.html @@ -2,6 +2,7 @@ + V1 — Origin timeline diff --git a/docs/taskplane-overview/02-light-factory-vs-dark.html b/docs/taskplane-overview/02-light-factory-vs-dark.html index 77c0af6c..0ac64a19 100644 --- a/docs/taskplane-overview/02-light-factory-vs-dark.html +++ b/docs/taskplane-overview/02-light-factory-vs-dark.html @@ -2,6 +2,7 @@ + V2 — Light factory vs dark factory diff --git a/docs/taskplane-overview/03-agent-quartet.html b/docs/taskplane-overview/03-agent-quartet.html index 1039527f..e28e262d 100644 --- a/docs/taskplane-overview/03-agent-quartet.html +++ b/docs/taskplane-overview/03-agent-quartet.html @@ -2,6 +2,7 @@ + V3 — Agent quartet diff --git a/docs/taskplane-overview/04-task-packet-anatomy.html b/docs/taskplane-overview/04-task-packet-anatomy.html index 77789191..245b3cec 100644 --- a/docs/taskplane-overview/04-task-packet-anatomy.html +++ b/docs/taskplane-overview/04-task-packet-anatomy.html @@ -2,6 +2,7 @@ + V4 — Anatomy of a task packet diff --git a/docs/taskplane-overview/05-determinism-spectrum.html b/docs/taskplane-overview/05-determinism-spectrum.html index 738e1d0d..6fb1e596 100644 --- a/docs/taskplane-overview/05-determinism-spectrum.html +++ b/docs/taskplane-overview/05-determinism-spectrum.html @@ -2,6 +2,7 @@ + V5 — Determinism spectrum diff --git a/docs/taskplane-overview/06-cross-model-review.html b/docs/taskplane-overview/06-cross-model-review.html index 5051dc95..a275854f 100644 --- a/docs/taskplane-overview/06-cross-model-review.html +++ b/docs/taskplane-overview/06-cross-model-review.html @@ -2,6 +2,7 @@ + V6 — Cross-model review flow diff --git a/docs/taskplane-overview/07-mailbox-protocol.html b/docs/taskplane-overview/07-mailbox-protocol.html index 27934e66..1d82c2ed 100644 --- a/docs/taskplane-overview/07-mailbox-protocol.html +++ b/docs/taskplane-overview/07-mailbox-protocol.html @@ -2,6 +2,7 @@ + V7 — Mailbox protocol diff --git a/docs/taskplane-overview/08-waves-lanes-worktrees.html b/docs/taskplane-overview/08-waves-lanes-worktrees.html index 4d80f112..a59067f8 100644 --- a/docs/taskplane-overview/08-waves-lanes-worktrees.html +++ b/docs/taskplane-overview/08-waves-lanes-worktrees.html @@ -2,6 +2,7 @@ + V8 — Waves, lanes, worktrees diff --git a/docs/taskplane-overview/09-branching-lifecycle.html b/docs/taskplane-overview/09-branching-lifecycle.html index 74efb145..47d531a2 100644 --- a/docs/taskplane-overview/09-branching-lifecycle.html +++ b/docs/taskplane-overview/09-branching-lifecycle.html @@ -2,6 +2,7 @@ + V9 — Branching lifecycle @@ -136,7 +152,7 @@

How Taskplane uses branches

- + diff --git a/docs/taskplane-overview/10-semantic-merge.html b/docs/taskplane-overview/10-semantic-merge.html index a86addcd..e376e404 100644 --- a/docs/taskplane-overview/10-semantic-merge.html +++ b/docs/taskplane-overview/10-semantic-merge.html @@ -2,6 +2,7 @@ + V10 — Semantic merge vs git merge diff --git a/docs/taskplane-overview/11-polyrepo-segments.html b/docs/taskplane-overview/11-polyrepo-segments.html index 2b6734a1..d82b82f5 100644 --- a/docs/taskplane-overview/11-polyrepo-segments.html +++ b/docs/taskplane-overview/11-polyrepo-segments.html @@ -2,6 +2,7 @@ + V11 — Polyrepo segments diff --git a/docs/taskplane-overview/12-dashboard-visibility.html b/docs/taskplane-overview/12-dashboard-visibility.html index 72ee4f37..954b99ac 100644 --- a/docs/taskplane-overview/12-dashboard-visibility.html +++ b/docs/taskplane-overview/12-dashboard-visibility.html @@ -2,6 +2,7 @@ + V12 — Dashboard visibility map diff --git a/docs/taskplane-overview/13-why-pi.html b/docs/taskplane-overview/13-why-pi.html index f415fdb1..bab6bba5 100644 --- a/docs/taskplane-overview/13-why-pi.html +++ b/docs/taskplane-overview/13-why-pi.html @@ -2,6 +2,7 @@ + V13 — Why pi diff --git a/docs/taskplane-overview/14-pi-capabilities.html b/docs/taskplane-overview/14-pi-capabilities.html index 48a22847..51ef0576 100644 --- a/docs/taskplane-overview/14-pi-capabilities.html +++ b/docs/taskplane-overview/14-pi-capabilities.html @@ -2,6 +2,7 @@ + V14 — Pi capabilities diff --git a/docs/taskplane-overview/15-how-to-get-started.html b/docs/taskplane-overview/15-how-to-get-started.html index 5a188bd5..10764cdc 100644 --- a/docs/taskplane-overview/15-how-to-get-started.html +++ b/docs/taskplane-overview/15-how-to-get-started.html @@ -2,6 +2,7 @@ + V15 — Getting started: install and test diff --git a/docs/taskplane-overview/16-real-work-playbook.html b/docs/taskplane-overview/16-real-work-playbook.html index 50034e5c..7922c833 100644 --- a/docs/taskplane-overview/16-real-work-playbook.html +++ b/docs/taskplane-overview/16-real-work-playbook.html @@ -2,6 +2,7 @@ + V16 — How to get started on real work diff --git a/docs/taskplane-overview/17-sage-companion.html b/docs/taskplane-overview/17-sage-companion.html index afe4448a..a1d760d9 100644 --- a/docs/taskplane-overview/17-sage-companion.html +++ b/docs/taskplane-overview/17-sage-companion.html @@ -2,6 +2,7 @@ + V17 — Sage: the post-batch quality gate diff --git a/docs/taskplane-overview/index.html b/docs/taskplane-overview/index.html index 03a0186c..1534992b 100644 --- a/docs/taskplane-overview/index.html +++ b/docs/taskplane-overview/index.html @@ -2,6 +2,7 @@ + Taskplane Overview diff --git a/docs/taskplane-overview/shared.css b/docs/taskplane-overview/shared.css index b01bfc83..eaa6503a 100644 --- a/docs/taskplane-overview/shared.css +++ b/docs/taskplane-overview/shared.css @@ -120,6 +120,16 @@ padding: 0; } +/* Global media safety: keep images/SVGs from busting their containers on + narrow viewports. Per-page rules that set explicit width/height still win + because of selector specificity, except height: auto, which is what we + want for fluid scaling. */ +img, +svg { + max-width: 100%; + height: auto; +} + /* ---------------------------------------------------------------------------- 3. Base @@ -215,3 +225,58 @@ h1 { max-width: 100%; line-height: 1.55; } + + +/* ---------------------------------------------------------------------------- + 6. Responsive (mobile baseline) + ---------------------------------------------------------------------------- + The deck was originally authored at 1820px max-width with --scale: 1.5 + for 16:9 video frames. These breakpoints retarget it for portrait phones + and tablets without a rebuild. + + Two breakpoints: + 900px : tablet portrait + small landscape + 700px : phone portrait — also restructures the eyebrow so the wordmark + logo doesn't get crushed against the title and nav. + + --scale comes down but is floored at 0.95 — anything smaller starts to + make the dense card text microscopic on phones. Page padding shrinks + aggressively because every saved pixel matters at <400px viewport widths. + ---------------------------------------------------------------------------- */ + +@media (max-width: 900px) { + :root { + --scale: 1.1; + --page-pad-x: 20px; + --page-pad-y: 24px; + } +} + +@media (max-width: 700px) { + :root { + --scale: 0.95; + --page-pad-x: 14px; + --page-pad-y: 18px; + } + + /* Stack the eyebrow: wordmark on its own row above title + nav. + Without this the three items get squeezed into <340px and overflow. */ + .eyebrow { + grid-template-columns: 1fr auto; + grid-template-areas: + "logo logo" + "title nav"; + row-gap: 8px; + } + .eyebrow > :first-child { grid-area: title; justify-self: start; } + .eyebrow > .eyebrow-logo { grid-area: logo; justify-self: center; } + .eyebrow > .page-nav { grid-area: nav; justify-self: end; } + + /* Heading needs more aggressive size reduction than --scale alone + delivers. --fs-h1 at scale 0.95 is still 34px which crowds out + everything else on a 375px viewport. */ + h1 { + font-size: calc(26px * var(--scale)); + line-height: 1.15; + } +}