Skip to content
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

Implement new design of tools page #2408

Merged
merged 41 commits into from
Jul 1, 2019
Merged

Conversation

sebil
Copy link
Collaborator

@sebil sebil commented Jul 1, 2019

What's new:

  • Stage is blue again and have a animated visual element, similar to the format pages
  • Format filter bubbles are more like roadmap filter bubbles
    • No 'all/none' filter for not filtered state
    • Bubbles itself could be toggled on/off
  • Format tag on teaser-cards move to the bottom of card
    • These also get filter functionality
  • AMP logo of official tools are placed on image with a shape as background
  • Lots of design improvements (fonts, spacing, shadows, etc.)

Screenshots desktop and mobile:
redesign-tools-page

sebil added 30 commits June 20, 2019 13:51
Use section instead of main tag for tools container. Correctly name template class and cleanup mistakely copied stylings.
And add some fancy rounded corner stylings
Image is above the content. No two images needed anymore
Move them outside of clickable <a> element and simulate hover effect via parent and sibling selectors
Copy link
Collaborator

@pbakaus pbakaus left a comment

Choose a reason for hiding this comment

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

Looks good, thanks! I miss the subtle "developer" grid in the header slightly, but that's a matter of taste :) This works as well.

@pbakaus pbakaus merged commit 4f65a86 into future Jul 1, 2019
@sebil sebil deleted the feature/refine-tools-page branch July 2, 2019 08:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants