diff --git a/.claude/agents/presentation-learning-journey.md b/.claude/agents/presentation-learning-journey.md index 4ac90fb..940eade 100644 --- a/.claude/agents/presentation-learning-journey.md +++ b/.claude/agents/presentation-learning-journey.md @@ -142,6 +142,7 @@ _Findings from previous executions are recorded here. Add new entries as bullet - **2026-04-18 single-slide insertion at position 3 (vocabulary slide "What is Claude Code?")**: inserted one slide between old slide 2 (Boris GIF) and old slide 3 (Vibe Coding vs Agentic Engineering, now slide 4). Method: sed descending renumber for data-slide="3" through data-slide="37" (35 expressions), then separate sed for TOC goToSlide targets (7→8, 13→14, 19→20, 24→25, 30→31), then sed for all banner comments, then Edit to insert the new slide div. New slide has no `data-level` — journey bar shows 0%/empty for slides 3-7 (pre-arc vocabulary slides), which is correct. Three-column layout uses inline `grid-template-columns: 1fr 1fr 1fr` grid (not `.two-col`) since no three-column class exists in the deck. Icons used: 🧠 Model (purple), 💪 Harness (blue), 🤜 Tools (green). Color-coded with existing deck border-left convention: purple=#9c27b0, blue=#2196f3, green=#4caf50. New section-divider positions after insertion: **Agents=8, Skills=14, Context=20, CLAUDE.md=25, Commands=31, Workflow=34**. TOC goToSlide targets updated to match. Total slide count: **38**. - **2026-04-18 sed-vs-Edit sequencing rule confirmed**: after the sed renumber pass, waited for each sed to fully complete before running the Edit for the new slide. Running sed and Edit in parallel on the same file causes Edit to fail with "file modified since read" — confirmed this is the safe sequencing order. +- **2026-04-19 word-cloud / jargon slide pattern**: absolute-positioned chips inside a `position: relative; width: 100%; height: calc(100vh - 200px)` container produces a true sticker-wall layout with no JS required. Each chip is a `` with `position: absolute; top: N%; left: N%; transform: rotate(Xdeg)` plus pill styling (`border-radius: 24px`, `padding`, `font-weight: 600`, `white-space: nowrap`). Use `%`-based top/left so the layout scales with viewport height. Organize chips into 5 conceptual rows (top % bands: 2-8%, 17-20%, 33-37%, 50-54%, 67-70%) with 3-4 chips per row, staggering left % values so chips spread horizontally without overlapping. Keep `white-space: nowrap` on every chip — line-wrapping inside a rotated pill breaks the visual. The container's `overflow: hidden` clips any chip that accidentally runs off the right edge. Verify chip count by grepping for `box-shadow` (each chip has exactly one). The slide has no `data-level` so journey bar shows 0%/empty — correct for a pre-arc slide. Total slide count after this insertion: **39**. Section-divider positions: Agents=9, Skills=15, Context=21, CLAUDE.md=26, Commands=32, Workflow=35. TOC goToSlide targets: Agents=9, Skills=15, Context=21, CLAUDE.md=26, Commands=32. ## Critical Requirements