-
Notifications
You must be signed in to change notification settings - Fork 337
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.
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
Docs landing page redesign #2847
Conversation
ed8aa7b
to
7a5582d
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Wow. @scottybollinger this new landing page looks gorgeous!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is awesome! ✨ I made one tiny suggestion about logos that caught my eye.
extra/docs_landing.html
Outdated
<a class="no-text-decoration" href="en/elastic-stack/current/installing-elastic-stack.html"> | ||
<div class="card h-100"> | ||
<div class="card-border card-border-top"></div> | ||
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltcb0e79820c355263/636c1905cbd6b84ecb4851b2/stack-logo-color-32px.png');"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltcb0e79820c355263/636c1905cbd6b84ecb4851b2/stack-logo-color-32px.png');"> | |
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt0090c6239e64faf8/logo-stack-32-color.svg');"> |
Logo is a little hazy, this SVG might be be a good substitute.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice catch! Fixed here 716d899
extra/docs_landing.html
Outdated
<a class="no-text-decoration" href="https://docs.elastic.co/serverless"> | ||
<div class="card h-100"> | ||
<div class="card-border card-border-top"></div> | ||
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltcb0e79820c355263/636c1905cbd6b84ecb4851b2/stack-logo-color-32px.png');"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/bltcb0e79820c355263/636c1905cbd6b84ecb4851b2/stack-logo-color-32px.png');"> | |
<span class="inline-block float-left icon mr-2" style="background-image: url('https://images.contentstack.io/v3/assets/bltefdd0b53724fa2ce/blt0090c6239e64faf8/logo-stack-32-color.svg');"> |
Same suggestion :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice catch! Fixed here 716d899
716d899
905d02c
to
9e04c79
Compare
9e04c79
to
a629ace
Compare
This was an attempt to get the fonts used in the landing page that are added by the injected marketing header to work on the PR previews. The font are restricted by CORS and my attempt at adding them here didn’t work either, so reverting those changes.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Scotty, this looks stellar!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM. Feedback from Obs PM (Evin) was positive: "...the design and layout are far cleaner and more understandable, at least from my perspective."
The “Browse all docs” section was moved above the marketing callout and need help section
c79827a
This PR launches a redesigned docs landing page. It builds on the efforts of #2805 and adds additional styling and a bit of JavaScript to change the layout for the links at the bottom of the page to be in 2 columns and also to have a collapsable set of legacy links.
Note that the PR preview does not have the heading fonts, as they are only accessible on pages hosted on the elastic.co domain, but they will be on the live site. Here is a screenhot the live site rendered with the fonts in place: