[wp-meta] [Making WordPress.org] #994: Refresh design of "Locales & Languages" page

[Making WordPress.org]

#994: Refresh design of "Locales & Languages" page
-------------------------+-------------------------------------
Reporter:  samuelsidler  |      Owner:
    Type:  enhancement   |     Status:  new
Priority:  low           |  Component:  translate.wordpress.org
Keywords:                |
-------------------------+-------------------------------------
 The current design of the "Locales & Languages" pages is just a big table.
 We should refresh this page to look more modern and show more information.

 @isaackeyet has worked up an initial mockup.

 Some explanations:
 * The design uses the "bar" style from the theme and plugin directory but
 maintains the white background (using a grey bar instead).
 * We may add other filters, but for now the only "filter" is "Find your
 locale" which won't use the "selected" style from the directories until we
 add other filters (if we do so).
 * The search box remains the same and auto filters the cards below.
 * Each card shows the same three things they showed before: language name
 in English, localized language name, and locale code. We will also search
 these three fields using the search box.
 * We've added a green progress bar that will show how far the locale is
 from translating the WordPress project.
 * If a locale has completely translated WordPress, we will change the
 outline of the card to be green, giving them a new identifier.
 * This design also adds the number of contributors to the locale. Ideally,
 someone could click on that and see a list of a contributors, but we
 haven't built that yet.
 * Finally, the card ends with a "call to action."

 I have the start of this developed already and will be working to design
 it to Isaac's mockup. However we need the following features easily
 accessible from the languages page:
 * Number of contributors to a locale
 * WordPress project percentage complete

 I've asked @ocean90 to work up those features while I wrap up the design
 implementation.

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/994>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org