Skip to content

Comments

Docs: Add Multi-Product Navigation#2057

Merged
talbs merged 7 commits intonextfrom
talbs/mo-products-mo-problems
Feb 20, 2026
Merged

Docs: Add Multi-Product Navigation#2057
talbs merged 7 commits intonextfrom
talbs/mo-products-mo-problems

Conversation

@talbs
Copy link
Contributor

@talbs talbs commented Feb 11, 2026

This PR adds multi-product navigation to the Web Awesome documentation, enabling users to navigate between Web Awesome, Font Awesome, and Eleventy products. The changes include a comprehensive navigation system with responsive behavior and brand-consistent logo implementations.

Changes:

  • Added multi-product navigation bar with primary products (Web Awesome, Font Awesome, Eleventy) and secondary products (Podcast Awesome, Blog Awesome)
  • Refactored logo system by replacing inline SVGs with dedicated logo components using CSS custom properties for theming
  • Restructured page header to accommodate product navigation alongside documentation navigation
  • Updated banner implementation to use wa-callout component instead of custom markup

Companion PRs


Previews

Large Medium Small Small (with Drawer)
image image image image

|


  • @claviska, mind reviewing my dev/template choices here as well as the overall UX? I made those product nav upgrades you asked for as part of this work.
  • @lindsaym-fa, mind reviewing my UX/UI/Visual Design choices as well as my template/file org? Also, please check my CSS - I refactored a lot out into the shared utils.css in webawesome.

@vercel
Copy link

vercel bot commented Feb 11, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
webawesome Ready Ready Preview Feb 20, 2026 5:13pm

Request Review

@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 396cd75 to 3260a7b Compare February 11, 2026 18:38
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 3260a7b to 941ba9c Compare February 11, 2026 19:27
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 941ba9c to 2cd2a36 Compare February 11, 2026 20:33
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 2cd2a36 to eb58a8f Compare February 11, 2026 20:53
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from eb58a8f to 35282b8 Compare February 11, 2026 20:55
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 35282b8 to bccc367 Compare February 11, 2026 21:19
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from bccc367 to 90338fc Compare February 11, 2026 22:32
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 90338fc to b9fa803 Compare February 12, 2026 00:18
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch 2 times, most recently from 86f56be to 4b13fb1 Compare February 12, 2026 20:44
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 4b13fb1 to 57551d2 Compare February 12, 2026 20:46
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 57551d2 to 7919034 Compare February 17, 2026 15:00
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 7919034 to 74f8b0f Compare February 17, 2026 16:46
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch from 74f8b0f to e57f3d6 Compare February 17, 2026 18:03
@talbs talbs force-pushed the talbs/mo-products-mo-problems branch 2 times, most recently from 33f52f2 to 4d993c5 Compare February 17, 2026 21:40
@claviska
Copy link
Member

claviska commented Feb 19, 2026

CleanShot 2026-02-19 at 11 28 26@2x

Also amazing!

Not a blocker for this PR, but I still think this isn't as discoverable as I'd like it to be. There's no indication its a dropdown and, unlike its neighbors, people probably don't know what it is, meaning only curious folks will try to use it. I don't know what the solution is, but this one of the great powers of Web Awesome's theme system and I fear folks are just missing it. 🤔

claviska
claviska previously approved these changes Feb 19, 2026
talbs and others added 2 commits February 19, 2026 16:22
Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>
* use tab pattern/metaphor
* refactor CSS
@talbs
Copy link
Contributor Author

talbs commented Feb 20, 2026

Pushed some updates based on the thread at https://github.com/shoelace-style/webawesome-pro/pull/143#issuecomment-3936149736.

@talbs talbs requested a review from lindsaym-fa February 20, 2026 17:23
Copy link
Contributor

@lindsaym-fa lindsaym-fa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

10/10, no notes. ✨

@talbs talbs merged commit 66a873c into next Feb 20, 2026
2 checks passed
@talbs talbs deleted the talbs/mo-products-mo-problems branch February 20, 2026 17:49
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.

3 participants