Skip to content

W1.6: landing converged on new shuffle reference - expanders 7→0, text -21% - #432

Merged
pftg merged 1 commit into
masterfrom
course-landing-w16
Aug 1, 2026
Merged

W1.6: landing converged on new shuffle reference - expanders 7→0, text -21%#432
pftg merged 1 commit into
masterfrom
course-landing-w16

Conversation

@pftg

@pftg pftg commented Aug 1, 2026

Copy link
Copy Markdown
Member

W1.6: landing converged on the new shuffle reference — expanders gone, text cut 21%

Answers Paul's directive: "make the landing look much closer to [the new shuffle reference] and avoid too much text / reorganize into better components," plus the standing "too many expand-to-read-more" complaint. Landing-owned files only (content _index.md + course-list.css); no shared CSS, no JS — campaign-window safe.

Headline results

  • Expanders: 7 → 0 (verified live, zero <details> in .post-content). The named complaint, fully resolved.
  • On-page text: 1642 → 1302 words (−21%) (tags stripped).
  • Kept everything W1.5 approved: hero band, obsidian course-window card, centered container, section-band rhythm.

What changed (components from the new reference, JetVelocity-mapped)

  • Module map: 6 <details> → 5 flat scannable rows (kicker + title + ruby Deliverable + inline chapters + "You leave with" panel + timeline dots).
  • NOT-cover: 7-item list + a "why" expander → light 2×2 scope cards + one residual line.
  • Mistakes grid: bold scannable titles added.
  • Intro: dropped the redundant 5-module narrative wall (kept the Founding Hypothesis gloss + 2-3 week chip).
  • Relocated (not deleted, all reachable): per-lesson routers, skip-notes, template lists, "Start Module N" buttons → lesson pages + kit; Mia links → one "See it in action" per module (5 reachable); mistake deep-links kept in card descriptions (4 reachable).

Evidence

  • Reference vs result side-by-side: 40-49-review/40.28-reference-shuffle2-full.jpeg (left) vs 40.29-w16-result-full.jpeg (right).
  • 4-criteria visual score (look / scannable / earns-the-click / helpful) = all YES at 1280 and 390 for the mistakes grid, module rows, scope cards.

Guards (all verified live)

8 inbound anchors present; both stub H2s byte-identical; hero verdict chip + endcap "Start Lesson 1.1 →" intact; no 390px horizontal overflow; ≤3 dark zones (NOT-cover kept light on purpose — the 3-dark budget was already spent). Two style.css !important leaks neutralized inside the landing bundle (out-of-scope files untouched). The landing journey test updated (it clicked a removed <details> summary → now clicks the inline lesson link) and passes.

⚑ One open taste call for Paul (the reason the page is still ~2× the reference height)

The reference is short partly because it does not list every chapter on the landing — it shows compact module summaries only. This PR flattened all 25 chapters into visible rows (that's what killed the expanders). Net effect: expanders gone, but the module map is now a long flat list.

Recommendation: to fully match the reference's brevity and your "less text" directive, compact the module map to module summaries + a chapter count, with chapters reachable via each module's lesson links / the syllabus — rather than every chapter inline. That's a follow-up if you want it; it's a genuine "show the full syllabus vs. keep it short" tradeoff that's yours to call. The other un-named length levers (relocating "Take this course if" / "Who built this" off the landing) are also available.

Gates: hugo-build 8/8 + clean; qtest green; macos desktop-landing baseline re-recorded in-commit; honest bin/dtest from the main checkout (result in a PR comment). Content/landing change — Paul's taste gate decides ship vs. one-more-compaction.

🤖 Generated with Claude Code

…rs, cut text

Paul's named complaint was "too many expand-to-read-more components" plus
"avoid too much text / reorganize into better components." Converge the
landing on the new shuffle2 reference (40.28) while keeping the approved
W1.5 hero band, obsidian course-window card, centered container, and
section-band rhythm.

Expanders 7 -> 0:
- Module map: 5 per-module <details> "N lessons" + the "Modules 3-5"
  <details> group -> 5 flat wide rows (kicker+title, ruby Deliverable,
  inline CHAPTERS list, "You leave with" side panel), matching reference
  R2.2. Cut off-landing (reachable on lesson pages + kit): per-lesson
  routers, optional-lesson skip-notes, template lists, per-module Start
  buttons. Kept reachable: lesson links, one compact Mia walkthrough line
  per module, deliverables + glossaries.
- NOT-cover: 7-item list + "Why these are out" <details> -> light 2x2
  scope cards + one residual line (reference R2.3, mapped to LIGHT not the
  ref's dark - the 3-dark-zone budget is spent on hero card + mistake CTA
  + endcap). 7 exclusions fold into 4 cards + residual; no fact deleted.

Text cuts / component polish:
- Mistake cards: bold scannable title lead-in per card (reference R2.1);
  module deep links preserved in the descriptions.
- Intro: dropped the redundant 5-module narrative wall (the module map
  now carries it); kept the Founding Hypothesis gloss + 2-3 week checkpoint.

Scope: content _index.md + course-list.css only (no shared/theme CSS, no
JS). Two style.css !important leaks neutralized in the landing bundle
(the green module-leave checkmark; the h3 divider margins).

Test: desktop interaction test no longer clicks the removed #module-1
<details> summary - clicks the now-inline lesson link. Desktop macos
landing baseline re-recorded (intentional). Mobile baseline unchanged
(that test captures only the hero fold, which is untouched).

Gates: bin/hugo-build 8/8 validators pass; bin/qtest green; zero console
errors (pre-existing webmanifest CORS quirk only); no mobile overflow at
390px. Side-by-side vs reference: 40.29-w16-result-full.jpeg.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Aug 1, 2026

Copy link
Copy Markdown
Contributor

Warning

Review limit reached

@pftg, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 21 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 9ce7841e-15bb-4959-b63d-ffdfa3a5c6fe

📥 Commits

Reviewing files that changed from the base of the PR and between 5dbe5d0 and d14be33.

⛔ Files ignored due to path filters (3)
  • docs/projects/2605-tech-for-non-technical-founders/40-49-review/40.28-reference-shuffle2-full.jpeg is excluded by !**/*.jpeg
  • docs/projects/2605-tech-for-non-technical-founders/40-49-review/40.29-w16-result-full.jpeg is excluded by !**/*.jpeg
  • test/fixtures/screenshots/macos/desktop/course/landing.png is excluded by !**/*.png
📒 Files selected for processing (4)
  • content/course/tech-for-non-technical-founders-2026/_index.md
  • docs/design-system/course-landing-components-2026-08.md
  • test/system/desktop_site_test.rb
  • themes/beaver/assets/css/pages/course-list.css

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@pftg

pftg commented Aug 1, 2026

Copy link
Copy Markdown
Member Author

Honest bin/dtest (main checkout, detached at branch tip): clean — the only failures are the 7 known mobile-codeblock QEMU emulation diffs (deterministic on Apple-Silicon Docker, green on CI-native amd64). Zero landing regression. Note: the landing visual-regression test is hero-fold-scoped and W1.6 preserved the W1.5-approved hero, so the below-fold redesign (module map / mistakes / scope) passed the pixel suite; that below-fold rendering was covered by the chrome-devtools scroll gate + the 40.29 side-by-side instead. Ready to merge on Paul's taste verdict — the open call is the module-map density (flat-all-chapters as shipped, or one-more compaction pass to match the reference's brevity).

@pftg
pftg merged commit 2fd99e1 into master Aug 1, 2026
5 checks passed
@pftg
pftg deleted the course-landing-w16 branch August 1, 2026 20:03
pftg added a commit that referenced this pull request Aug 1, 2026
…dule-map-compaction lever noted

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant