Output Summary

After completing changes, report to the user:

• What slides were added / removed / changed / renumbered

• Current total slide count

• Current level transitions (which slide carries which data-level)

• Any tick-label or LEVELS map changes

• 2026-04-19 hero-tier chip visual hierarchy: when a word-cloud slide needs a dominant/supporting split, introduce a hero tier by: (1) increasing font-size to ~1.5-1.6rem and font-weight to 800, (2) adding more padding (14px 28px vs 8px 16px), (3) using a stronger box-shadow with a colored glow (0 4px 18px rgba(R,G,B,0.45), 0 0 0 2px rgba(R,G,B,0.2) — the outer ring acts as a subtle halo), and (4) slightly increasing border-radius (28px vs 20px so the pill looks "fatter"). Supporting chips use padding 7-8px 14-16px, font-size 0.9-1.0rem, weight 600, and a plain 0 2px 6px rgba(0,0,0,0.18) shadow. No new CSS classes are needed — all styling is inline on each <span>. When squinting, the hero chips should be immediately readable as headlines; supporting chips recede into background. Color rebalancing rule when switching chip tiers: confirm each chip's target tier/color before editing — "harness" and "compaction" moved from blue hero to purple supporting; "agentic engineering", "orchestration", "dumb zone" moved from their previous colors to blue hero. Position re-scatter tip: space hero chips ~15-20% apart vertically and distribute them across left/right/centre columns so no two heroes are adjacent; fill gaps between heroes with supporting chips at 8-12% vertical spacing.

• 2026-04-19 chip-splitting pattern (slide 2 jargon cloud): when splitting one combined-jargon chip into two, keep the first chip at the original position (slightly smaller font/padding to fit), and place the second chip in a new "Row Nb" at a top offset ~6-8% lower and a left offset ~2-4% inward from the right edge. This creates a natural staggered sub-cluster. Color rebalancing rule: when removing amber chips and adding replacements, assign new chips to whichever colors are below the median count — target no color exceeding 5 chips. Final distribution for 17 chips: 4 blue / 4 purple / 5 green / 4 amber. The progressive disclosure chip was nudged 2% left (60%→58%) to avoid visual crowding with the newly inserted prompt engineering chip in Row 1b.

• 2026-04-19 chip overlap check method: after any chip insertion, mentally walk each new chip's bounding box against its neighbors — chip height is roughly padding-top + padding-bottom + font-size * line-height ≈ 38-46px at 0.9-1.3rem. A 6-9% vertical gap on a 480px min-height container is ~29-43px which is tight but sufficient for same-column chips with different left offsets. If left offsets are within 15% of each other, require at least 8% vertical gap.

• 2026-04-22 About Me slide (slide 2) insertion — interactive fact-card pattern: new slide inserted at position 2; all slides 2-39 renumbered to 3-40 (total now 40). Slide 2 has no data-level — journey bar shows visible but 0% fill (correct for pre-arc slides, bar is only hidden for slide 1). Interactive elements: circular avatar with onmouseover scale+glow effect; three .fact-card divs (Role, Education, Repo) using translateY(-5px) lift + colored box-shadow on hover; repo card is an <a> with target="_blank" rel="noopener" opening https://github.com/shanraisshan/claude-code-best-practice; star icon uses animation: pulse-star 2s ease-in-out infinite keyframe. The @keyframes pulse-star was placed in the <head> <style> block (not inline in the slide div). Image path ../assets/shayan.png resolves to presentation/assets/shayan.png — verified file exists. Gotcha: the initial sed renumber pass had a typo that changed slide 33 to 36 instead of 34; fix required a targeted line-number-based sed -i '' -e '1226s/...' call before running the 2-32 batch. Rule: always verify the sed substitution list before running — check that each s/"N"/"N+1"/ matches the intended slide, not a mis-typed number.

• 2026-04-22 About Me slide (slide 2) redesigned — horizontal-to-vertical card rework: replaced the 3-column horizontal grid with 3 stacked vertical cards (max-width 660px, flex-direction column, gap 16px). Card 1 (Role, blue): flex row with disrupt-logo.png (56px contain) + text. Card 2 (Education, purple): two-row logo+text layout inside one card, separated by a thin border-top: 1px solid #e0d4ec divider — uni-fast-logo.png for Master's (FAST NUCES 2019) and uni-ned-logo.png for Bachelor's (NED 2014), both 48px contain. Card 3 (Achievement, amber): flex row with claude-mascot.svg (56px contain) + text + inline GitHub badge (<img src="https://gh-proxy.com/https://raw.githubusercontent.com/shanraisshan/claude-code-best-practice/2d6ea151c0d7189c3eaf364809c5574bd210e545/.claude/agents/github.svg" style="filter: invert(1)"> on dark #24292e background pill). All 5 logo paths verified against presentation/assets/logo/. Hover effects preserved: translateY(-3px) lift + colored box-shadow per card. Repo card is <a href="https://github.com/shanraisshan/claude-code-best-practice/blob/2d6ea151c0d7189c3eaf364809c5574bd210e545/.claude/agents/..." target="_blank" rel="noopener">. @keyframes pulse-star removed from <style> block — no longer used (star emoji replaced by claude-mascot.svg). No new CSS classes added — all styling inline. Slide count (40), data-slide numbering, goToSlide targets, and level transitions are untouched.

• 2026-04-22 asset path reorganization — Shayan personal assets moved to subdirectory: presentation/assets/ was reorganized to accommodate a new GDG Kolachi co-presenter deck. Shayan's personal assets are now under presentation/assets/introduction/Shayan/. The four updated paths on slide 2 are: ../assets/shayan.png → ../assets/introduction/Shayan/shayan.png, ../assets/logo/disrupt-logo.png → ../assets/introduction/Shayan/disrupt-logo.png, ../assets/logo/uni-fast-logo.png → ../assets/introduction/Shayan/uni-fast-logo.png, ../assets/logo/uni-ned-logo.png → ../assets/introduction/Shayan/uni-ned-logo.png. Generic brand assets (../assets/logo/claude-mascot.svg) remain at their original paths. Rule for future edits: any new slide referencing Shayan's personal photo or logos must use the ../assets/introduction/Shayan/ prefix, not the old ../assets/ or ../assets/logo/ roots.