Refresh design of Language and Project Portal

[ocean90]

Related: #994

The current design of the pages is just a big table. We should refresh this page to look more modern and show more information.

@isaackeyet has worked up an refreshed design for this, see attached files.

[ocean90]

In 1684:

Translate: First pass for a new Language and Project Portal.

props isaackeyet, ocean90.
see #1091.

[deconf]

There are some improvements we can have:

1.We should keep the breadcrumbs navigation relative to locale on sub-projects:

Akismet

Projects→Plugins→Akismet→Development→Romanian

will become something like this:

Locales→Romanian→Akismet→Development

This will help contributors to easily navigate back and forth without leaving the locale context.

2.Ways to easily identify incomplete translations:

Maybe ​global synthetic percentages or ​a watch feature.

[ocean90]

In 1686:

Translate: Don't list projects without strings.

see #1091.

[ocean90]

In 1721:

Translate: Improve custom routes.

• Don't register custom routes for API request.
• Move locale overview to translate.wordpress.org, no redirect anymore.
• Replace /languages prefix with /locale.
• Redirect old /languages URLs to the new route.
• Rename custom templates.

see #994, #1091.

[ocean90]

In 1734:

Translate: Further design improvements for project portals.

• Add a drawer for sub projects.
• Move percent calculation to GP_WPorg_Route_Locale::get_project_status().
• Add a green outline to the project box if a project is 100% completed.
• Update breadcrumbs.
• Update table colors based on ​https://make.wordpress.org/design/handbook/foundations/colors/.

see #1091.

[ocean90]

In 1736:

Translate: Show status of the main project in the project box.

see #1091.

[dd32]

In 1739:

Translate: Add paging to the project portals. Currently paging is set to 20 per page.
See #1091

[ocean90]

In 1749:

Translate: Provide a fallback for bbpress, buddypress and wp-plugins icons. Double the size of theme screenshots for HiDPI screens.

see #1091.

[ocean90]

In 1751:

Translate: Update row selectors and don't stretch theme icons.

see #1091.

[ocean90]

In 1761:

Translate: Fix typo in class name.

see #1091.

[ocean90]

In 1768:

Translate: Fix missing progress bar for some projects.

see #1091.

[ocean90]

In 1777:

Translate: Round percent_complete up.

see #1091.

[ocean90]

In 1778:

Translate: Improve rounding of percentages and make them visible for all sub-projects.

see ​https://wordpress.slack.com/archives/meta-i18n/p1437561221000313.
see #1091.

[ocean90]

In 1780:

Translate: Show only active top level projects in the filter bar.

see #1091.

[ocean90]

In 1876:

Translate: Combine Waiting and Fuzzy counts and show them on project cards.

See #1091.

[samuelsidler]

Let's call this fixed since what's live mirrors the mockups. Future improvements / bugs should get filed as new tickets.