Skip to content

Dewain: Update homepage hero, section order, and chat flyout label#232

Open
Dewain27 wants to merge 3 commits intoredesign/air-themefrom
dewain/homepage-updates
Open

Dewain: Update homepage hero, section order, and chat flyout label#232
Dewain27 wants to merge 3 commits intoredesign/air-themefrom
dewain/homepage-updates

Conversation

@Dewain27
Copy link
Copy Markdown
Collaborator

@Dewain27 Dewain27 commented Mar 22, 2026

Summary

  • Hero buttons: Replaced "Browse all labs" (primary) + "Start bootcamp" (outline) with "Browse all workshops" + "Browse all labs" — we haven't determined which bootcamp or workshop to feature on the landing page yet
  • Hero text: Changed "Copilot Studio" to "Copilot agents" to reflect the broader scope of labs and workshops beyond just Copilot Studio
  • Section order: Moved "Workshops & Events" above "Learning Paths" for better visibility
  • Chat flyout label: Renamed the side-panel toggle from "Ask" to "Lab Assistant" for clarity
  • Chat flyout overlay removed: The page overlay/gradient is no longer shown when the Lab Assistant panel is expanded — users can still interact with the main page behind the chat panel
  • Lab header redesign: Styled lab header with a dark gradient hero (matching the site's homepage/event hero style) so it is clearly distinguishable as the page header
  • Duplicate title removed: Hidden the duplicate H1 title and description that appeared from the markdown content below the styled header
  • Scrollbar fix: Fixed unwanted scrollbar on lab pages by scoping overflow-x: auto to only tables and code blocks instead of all grid children
  • Pill colors updated: Lab metadata pills (level, duration, section, feedback) updated for contrast on the dark hero background
  • TOC sub-items: Enabled h3 sub-items in the "On this page" sidebar so use case sections are visible

Test plan

  • Verify homepage hero shows "Browse all workshops" and "Browse all labs" buttons
  • Confirm "Browse all workshops" links to /workshops/ and "Browse all labs" links to /labs/
  • Verify "Workshops & Events" section appears before "Learning Paths"
  • Verify chat flyout tab reads "Lab Assistant" instead of "Ask"
  • Open the Lab Assistant chat panel and verify the page behind it is still scrollable and interactive (no overlay/gradient)
  • Verify lab pages show a dark gradient header with title, description, and colored pills
  • Confirm no duplicate title or scrollbar appears below the lab header
  • Verify "On this page" TOC shows h2 sections and h3 sub-items (e.g., Use Case This repo is missing a LICENSE file #1, Adding Microsoft SECURITY.MD #2)

- Replace "Start bootcamp" button with "Browse all workshops" and
  "Browse all labs" since no default bootcamp/workshop has been chosen
  for the landing page yet
- Broaden hero text from "Copilot Studio" to "Copilot agents" to
  reflect the wider scope of workshops and labs
- Move Workshops & Events section above Learning Paths for visibility
- Rename chat flyout label from "Ask" to "Lab Assistant" for clarity
The chat flyout no longer dims/blurs the page or blocks interaction.
The panel slides out and stays open while the user can still scroll
and interact with the main page content. Close via the X button or
Escape key.
- Add dark gradient background to lab-header matching the site's
  hero style, making it clearly the page header
- Hide duplicate H1 title and description from markdown content
  since the lab-header already renders them with pills
- Fix scrollbar by scoping overflow-x: auto to only tables and
  code blocks instead of all grid children
- Update pill colors for contrast on dark background
- Show h3 sub-items in the TOC sidebar
adilei pushed a commit that referenced this pull request Apr 15, 2026
Workshops → Events rename (atomic):
- Collection, config, nav, layouts, index page, homepage variables
- _workshops/ deleted, replaced by _events/

Lab page UI (from #232):
- Dark gradient hero header with updated pill colors
- Scrollbar fix (only tables/code blocks scroll)
- Duplicate H1 hiding via CSS sibling selectors
- TOC h3 expansion with indented styling

Content sync from main (from #233):
- 11 _labs/*.md section value fixes (labs missing from /labs/ index)
- All lab READMEs, images, PDFs synced from main
- Updated event definitions (bootcamp, mcs-in-a-day, buildathons)
- TOC fix in single.html (h2/h3 only)

Other:
- "Ask" → "Lab Assistant" rename
- Webchat overlay removed (page stays interactive)
- Homepage hero CTA: "Browse all events" / "Browse all labs"
- Events section moved above Learning Paths on homepage
- New issue templates (bug report, enhancement, new lab)
- Presentations (16 .pptx files)
- About page and preview doc updated for events

Skipped from PRs: session persistence, workshops dropdown,
masthead report button, agenda flyout, reworked feedback section,
lab.html JS from main, Gemfile.lock

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Dewain27 <Dewain27@users.noreply.github.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.

2 participants