Skip to content

design: landing page & docs ui updates #931

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 19 commits into
base: develop
Choose a base branch
from
Open

design: landing page & docs ui updates #931

wants to merge 19 commits into from
+1,640 −298

Conversation

julioest
Copy link

@julioest julioest commented Jul 16, 2025 •
edited
Loading

Landing Page Preview

https://mrdocs.netlify.app/

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest changed the title [wip] landing page updates landing page updates Jul 21, 2025
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest force-pushed the landing-page-updates branch from 0d3357a to 7cd815f Compare July 21, 2025 19:39
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

1 similar comment
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest changed the title landing page updates design: landing page updates Jul 22, 2025
@julioest julioest force-pushed the landing-page-updates branch from 670b38e to a56cd99 Compare July 28, 2025 19:51
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest julioest marked this pull request as ready for review July 29, 2025 13:27
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@alandefreitas
Copy link
Collaborator

This corner on the top right looks weird:

image

@rbbeeston
Copy link

yeah, since it's absolute positioned, the "top" needs to match the nav height. probably a hood idea to give the nav a fixed height, just in case.

@julioest julioest changed the title design: landing page updates design: landing page & docs ui updates Jul 29, 2025
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

1 similar comment
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest
Copy link
Author

julioest commented Jul 30, 2025 •
edited
Loading

The top gap issue is resolved now. 👍

Home page update:

  • refine layout & button styles for header
  • add header image

@alandefreitas
Copy link
Collaborator

That navbar auto-hiding is problematic in this case because, unlike other landing pages, these links potentially ("docs" for now) go to different pages and not to anchors in the same page.

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@alandefreitas
Copy link
Collaborator

Maybe the code and documentation cards (?) should be aligned and just as rounded?

@julioest
Copy link
Author

Home page update: 49f147d

  • adjust halftone background pattern for mobile
  • adjust code panels overflowing for mobile

Screenshot from iPhone 16

@julioest julioest force-pushed the landing-page-updates branch from c616d66 to 64fc9bd Compare July 30, 2025 20:34
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest
Copy link
Author

Home page update: 64fc9bd

  • replace thinking graphic for mrdocs graphic in the hero
  • update principles section
  • adjust nav threshold
  • clean up styles

@julioest julioest force-pushed the landing-page-updates branch from 64fc9bd to 0cee820 Compare July 30, 2025 21:02
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

1 similar comment
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest
Copy link
Author

julioest commented Jul 31, 2025 •
edited
Loading

Home page Update: 9a6ff5b

  • add github link to nav
  • update thinking graphic box shape for principles section
  • set the background color opacity to 0.55 for code elements and documentation panel
  • reset svg colors

To-do:

  • add graphics underneath floating code blocks
  • adjust the hero's copy color shades to be more prominent

@julioest
Copy link
Author

Home page Update: aa59e60

  • replace black-and-white graphics inside cutouts with new colored assets

@julioest julioest force-pushed the landing-page-updates branch from aa59e60 to 2f7e343 Compare August 11, 2025 15:38
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@alandefreitas
Copy link
Collaborator

What's the advantage of having the scroll to see the navbar? The way I use the website is I open it and, in fractions of a second, choose something from the navbar. This "workflow" now takes 10 seconds.

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@julioest
Copy link
Author

Updated background gradient with a blue-teal palette

@julioest julioest force-pushed the landing-page-updates branch from 029a732 to 79f214b Compare August 15, 2025 17:43
julioest added 18 commits August 15, 2025 13:45
@julioest
[wip] add gradient background and update styles
f9adbf3 
- add gradient background
- hide examples section for now
- update css with rgba colors
@julioest
style: update html background and clean CSS rules
3ff04d1
@julioest
style: enhance header layout and add new CSS styles
536f4f9
@julioest
style: add dotted backgrounds
370cece
@julioest
style: update navigation layout and add nav scroll behavior
f9a2ca1
@julioest
style: refine header styles
3b76c72
@julioest
style: adjust panels and page background for mobile
2d85892
@julioest
style: update principles section layout and styles
2b1e461
@julioest
style: add GitHub link to navigation and update layout
1c39b0d
@julioest
style: add graphics to feature panels
72b9c25
@julioest
style: update feature panels and improve layout
ce955e9
@julioest
css: update base, site, vars for design refresh
722c13b
@julioest
style: add background gradients to antora
0939d37
@julioest
style: update image classes and add new assets
f578385
@julioest
style: update website gradient color palette
fb87927
@julioest
style: refine background gradients
c569dc1
@julioest
style: remove navbar ux and refine background gradient
8345af2
@julioest
style: enhance antora docs ui
6838e98 
- replace logo on landing page
- add blurred backgrounds to docs
- update text colors in docs
@julioest julioest force-pushed the landing-page-updates branch from 79f214b to 6838e98 Compare August 15, 2025 17:45
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

1 similar comment
@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

@cppalliance-bot
Copy link

An automated preview of the documentation is available at https://931.mrdocs.prtest2.cppalliance.org/index.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@alandefreitas alandefreitas Awaiting requested review from alandefreitas

@rbbeeston rbbeeston Awaiting requested review from rbbeeston

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
4 participants
@julioest @cppalliance-bot @alandefreitas @rbbeeston