Skip to content

MWPW-200288: Session Page Template - #249

Open
michaelready wants to merge 3 commits into
devfrom
individual-session-page
Open

MWPW-200288: Session Page Template#249
michaelready wants to merge 3 commits into
devfrom
individual-session-page

Conversation

@michaelready

Copy link
Copy Markdown
Collaborator

What

Adds the mobile-first C2 blocks for the MAX 2026 Session Details page and refines their styling to the Figma design:

  • session-details — track tags, title, GDPR/CC/legal copy, description (6-line max-height + gradient fade with a resize/font-aware Show more), quick facts, and a share scaffold
  • featured-products — 2-col grid; icons/links sourced from the Tier 1 Event Configurator
  • speakers — avatar rows with a Show more toggle
  • session-resources — bordered resource rows with Open/Download CTAs and a Show more toggle
  • custom-attributes util for parsing RF metadata
  • Styling pass: s2a typography tokens, gray-1000 body text, Figma CC/arrow glyphs, rotating chevrons on every Show more/less toggle, count weighting on module titles
  • Registers the blocks in EVENT_BLOCKS_C2; loads Milo's C2 base styles (/c2/styles/styles.css) on foundation: c2 pages

Why

MWPW-200288 — MAX 2026 session detail page. Mobile layout only; desktop (two-column via section-columns) is a follow-up.

Test plan

  • npm run lint — clean
  • C2 unit tests: npx wtr 'test/unit/c2/**/*.test.js' --node-resolve --port=200071 passing
  • Manual: authored session page rendered via ?eventlibs=local (track tags, title, description fade + Show more, quick facts, speakers/resources/products with Show more)

Note: the full npm test shows 15 pre-existing failures in the esp-controller (Adobe Event Service) suite — flaky network-timing tests unrelated to this branch (which touches only C2 blocks). This branch may also need a sync with latest dev (which renamed card-c2→event-card / slider→event-carousel).

michaelready and others added 2 commits August 13, 2026 14:43
Add mobile-first C2 blocks for the MAX session details page:
- session-details: track tags, title, GDPR/CC/legal copy, description
  clamp, quick facts (+ share scaffold)
- featured-products: 2-col grid, icons/links from tier-1 event config
- speakers: avatar rows with show-more
- session-resources: bordered resource rows with show-more
- custom-attributes util for RF metadata parsing

Register the blocks in EVENT_BLOCKS_C2 and load Milo's C2 base styles
(/c2/styles/styles.css) on foundation:c2 pages. 71 unit tests pass.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Design/typography pass on the session detail page blocks:
- Adopt s2a typography tokens; session title heading-3→heading-4 at
  desktop, module titles at 18px, body text to gray-1000
- Description: replace line-clamp with a 6-line max-height + gradient
  fade; re-measure overflow via ResizeObserver + fonts loadingdone so
  the Show more toggle appears without a resize
- Legal disclaimer matches description text (bold); GDPR/CC/legal at 12px
- Swap CC and featured-product arrow glyphs for the Figma SVGs
- Add a rotating chevron to every Show more/less toggle
- Weight the count next to Featured products / Speakers titles at 400

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@aem-code-sync

aem-code-sync Bot commented Aug 14, 2026

Copy link
Copy Markdown

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run all PSI checks
  • Re-run failed PSI checks
  • Re-sync branch
Commits

@michaelready michaelready added the do not merge Not yet. label Aug 14, 2026
@michaelready michaelready changed the title MWPW-200288: C2 session details page blocks (mobile) MWPW-200288: C2 session details page blocks Aug 14, 2026
@michaelready michaelready changed the title MWPW-200288: C2 session details page blocks MWPW-200288: Session Page Template Aug 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant