[wp-meta] [Making WordPress.org] #1763: Create front-end design for "adopt-me"

[Making WordPress.org]

#1763: Create front-end design for "adopt-me"
-------------------------------------------------+-------------------------
 Reporter:  samuelsidler                         |       Owner:  (none)
     Type:  enhancement                          |      Status:  new
 Priority:  low                                  |   Milestone:
Component:  Plugin Directory                     |  Resolution:
 Keywords:  ui-feedback has-screenshots good-    |
  first-bug has-patch                            |
-------------------------------------------------+-------------------------
Changes (by ck3lee):

 * keywords:  ui-feedback has-screenshots good-first-bug needs-patch => ui-
     feedback has-screenshots good-first-bug has-patch


Comment:

 Sample
 [[https://meta.trac.wordpress.org/attachment/ticket/1763/%231763-screenshot.png|screenshot]]
 for
 [[https://meta.trac.wordpress.org/attachment/ticket/1763/%231763.patch|#1723.patch]]

 * I took @melchoyce's and @Ipstenu design and text copy as the base.
 * I made some margin refinements to keep the border of the box vertically
 aligned with other widgets.
 * Read more button opens https://developer.wordpress.org/plugins
 /wordpress-org/take-over-an-existing-plugin/ in the same window.

 > "Read more" would not be accessible for screen reader users, unless we
 add that information vie Aria Labels.
 @Travel_girl, I took your consideration too. The current "Read more"
 button is actually an anchor tag styled as a button. So, I think it would
 work nicely for screenreader to direct the users to another page if they
 want to read more about the process. Your thoughts?

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/1763#comment:27>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org