{"action":"closed","issue":{"url":"https://api.github.com/repos/mozilla/readability/issues/16","labels_url":"https://api.github.com/repos/mozilla/readability/issues/16/labels{/name}","comments_url":"https://api.github.com/repos/mozilla/readability/issues/16/comments","events_url":"https://api.github.com/repos/mozilla/readability/issues/16/events","html_url":"https://github.com/mozilla/readability/issues/16","id":59667114,"number":16,"title":"demo page for working with CSS","user":{"login":"clarkbw","id":2134,"avatar_url":"https://avatars.githubusercontent.com/u/2134?v=3","gravatar_id":"","url":"https://api.github.com/users/clarkbw","html_url":"https://github.com/clarkbw","followers_url":"https://api.github.com/users/clarkbw/followers","following_url":"https://api.github.com/users/clarkbw/following{/other_user}","gists_url":"https://api.github.com/users/clarkbw/gists{/gist_id}","starred_url":"https://api.github.com/users/clarkbw/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/clarkbw/subscriptions","organizations_url":"https://api.github.com/users/clarkbw/orgs","repos_url":"https://api.github.com/users/clarkbw/repos","events_url":"https://api.github.com/users/clarkbw/events{/privacy}","received_events_url":"https://api.github.com/users/clarkbw/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/mozilla/readability/labels/has-website-testcase","name":"has-website-testcase","color":"e11d21"}],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/mozilla/readability/milestones/2","html_url":"https://github.com/mozilla/readability/milestones/desktop-release","labels_url":"https://api.github.com/repos/mozilla/readability/milestones/2/labels","id":1052339,"number":2,"title":"desktop-release","description":"Initial desktop release","creator":{"login":"gijsk","id":375983,"avatar_url":"https://avatars.githubusercontent.com/u/375983?v=3","gravatar_id":"","url":"https://api.github.com/users/gijsk","html_url":"https://github.com/gijsk","followers_url":"https://api.github.com/users/gijsk/followers","following_url":"https://api.github.com/users/gijsk/following{/other_user}","gists_url":"https://api.github.com/users/gijsk/gists{/gist_id}","starred_url":"https://api.github.com/users/gijsk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gijsk/subscriptions","organizations_url":"https://api.github.com/users/gijsk/orgs","repos_url":"https://api.github.com/users/gijsk/repos","events_url":"https://api.github.com/users/gijsk/events{/privacy}","received_events_url":"https://api.github.com/users/gijsk/received_events","type":"User","site_admin":false},"open_issues":7,"closed_issues":6,"state":"open","created_at":"2015-04-03T21:55:59Z","updated_at":"2015-07-16T17:39:17Z","due_on":"2015-05-22T23:00:00Z","closed_at":null},"comments":3,"created_at":"2015-03-03T16:31:14Z","updated_at":"2015-07-16T17:39:17Z","closed_at":"2015-07-16T17:39:17Z","body":"As we want to make changes to the reader mode CSS it would be helpful if the UX team had an easy way to view the reader mode content and edit the CSS live so they can make adjustments using familiar browser developer tools.\r\n\r\nI'm thinking of the WordPress [Theme Unit Test](http://codex.wordpress.org/Theme_Unit_Test) as inspiration, which gives designers a view into all element variations a WordPress theme needs to support.\r\n\r\nMy initial idea was that we use a `gh-pages` branch in this repo to create a [mozilla readability](https://mozilla.github.io/readability/) page on github with variations for Android, iOS, and Desktop.  While this repo doesn't contain the CSS and doesn't want pull requests against it for CSS issues I still think this repo would probably make the best central place for the CSS work.  Perhaps the gh-pages can make it very clear where and how to file bugs for each platforms CSS issues.\r\n\r\nA simple script could pull down the various CSS styles to the `gh-pages` branch. Marking the last time the CSS styles were updated would be a nice thing.\r\n\r\nHere are the current locations I'm aware of:\r\n[Desktop CSS](http://mxr.mozilla.org/mozilla-central/source/toolkit/themes/windows/global/aboutReader.css)\r\n[Android CSS](http://mxr.mozilla.org/mozilla-central/source/mobile/android/themes/core/aboutReader.css)\r\n[iOS CSS](https://github.com/mozilla/firefox-ios/blob/master/Client/Frontend/Reader/Reader.css)\r\n\r\nI'm not sure what the best method would be to create a test page.  Generating one from a complex HTML page might be a good option that could update as the JS code is updated.\r\n\r\nUpdating the page would be a manual process, but hopefully with a simple gulp or similar script it could be a quick run and push to the branch to update things.\r\n\r\nThoughts?"}}