docs: Restyle documentation landing page and community page #24393
Conversation
…et into preset/new-docs-design
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
docs/src/pages/community.tsx
Outdated
| <List.Item className="item"> | ||
| <List.Item.Meta | ||
| avatar={ | ||
| <a className="title" href={url} target="_blank"> |
There was a problem hiding this comment.
It might be good to add link titles for accessibility. I haven't scanned through, but there may be many other places we could improve accessibility with aria labels and such.
There was a problem hiding this comment.
Yeah, I just added some aria labels where it made sense.
docs/src/pages/community.tsx
Outdated
| .description { | ||
| font-size: 14px; | ||
| line-height: 20px; | ||
| color: #5f5f5f; |
There was a problem hiding this comment.
There are a lot of hard-coded colors... since we're using Emotion, we might want to provide a theme for any reusable values (type styles, colors, spacings, etc)
| display: none; | ||
| --ifm-font-family-base: Roboto; | ||
| --ifm-footer-background-color: #173036; | ||
| --ifm-footer-color: #87939a; |
There was a problem hiding this comment.
I made a comment elsewhere about using Emotion theming, but this works too ¯\_(ツ)_/¯
Maybe it's worth pulling out the other static colors into this var list?
There was a problem hiding this comment.
OK, I refactored the colors to use the vars from the list :)
|
I can't push to this fork/branch, but the 6 new SVG files need newlines at the ends to pass linting. You can run |
|
Mobile screenshot, in case anyone else is wondering about responsiveness: 
|
|
LOOKS AMAZING! |
mistercrunch
added
🏷️ bot
SUMMARY
Restyles documentation landing page and community page, and adds some functionalities like a community calendar for Superset events and a newsletter section.
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
Old Home Page
New Home Page
Old Community Page
New Community Page
TESTING INSTRUCTIONS
ADDITIONAL INFORMATION