{"action":"created","issue":{"url":"https://api.github.com/repos/w3c/tr-design/issues/98","repository_url":"https://api.github.com/repos/w3c/tr-design","labels_url":"https://api.github.com/repos/w3c/tr-design/issues/98/labels{/name}","comments_url":"https://api.github.com/repos/w3c/tr-design/issues/98/comments","events_url":"https://api.github.com/repos/w3c/tr-design/issues/98/events","html_url":"https://github.com/w3c/tr-design/issues/98","id":155562845,"number":98,"title":"Discuss the use of CSS to style status logos rather PNG","user":{"login":"zachleat","id":39355,"avatar_url":"https://avatars.githubusercontent.com/u/39355?v=3","gravatar_id":"","url":"https://api.github.com/users/zachleat","html_url":"https://github.com/zachleat","followers_url":"https://api.github.com/users/zachleat/followers","following_url":"https://api.github.com/users/zachleat/following{/other_user}","gists_url":"https://api.github.com/users/zachleat/gists{/gist_id}","starred_url":"https://api.github.com/users/zachleat/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zachleat/subscriptions","organizations_url":"https://api.github.com/users/zachleat/orgs","repos_url":"https://api.github.com/users/zachleat/repos","events_url":"https://api.github.com/users/zachleat/events{/privacy}","received_events_url":"https://api.github.com/users/zachleat/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-05-18T17:51:38Z","updated_at":"2016-05-19T00:32:15Z","closed_at":null,"body":"The @w3c twitter account told me to do this, so here I am https://twitter.com/w3c/status/732980020868722688\r\n\r\nI made the W3C status banners using CSS and wrote a blog post about it https://www.zachleat.com/web/w3c-status-banners/\r\n\r\nDemo: http://zachleat.github.io/w3c-banners/\r\nGitHub: https://github.com/zachleat/w3c-banners/\r\n\r\nDrawbacks:\r\n* uses a local font only, does not currently use a web font. Gill Sans support is not good on Android, Windows, or Linux: http://fontfamily.io/Gill_Sans\r\n* uses CSS 2D transforms for the rotation, which has pretty good support: http://caniuse.com/#feat=transforms2d\r\n\r\nBenefits:\r\n* Vector, better on retina\r\n* Smaller weight\r\n\r\nThis would also impact #94 "},"comment":{"url":"https://api.github.com/repos/w3c/tr-design/issues/comments/220197214","html_url":"https://github.com/w3c/tr-design/issues/98#issuecomment-220197214","issue_url":"https://api.github.com/repos/w3c/tr-design/issues/98","id":220197214,"user":{"login":"marcoscaceres","id":870154,"avatar_url":"https://avatars.githubusercontent.com/u/870154?v=3","gravatar_id":"","url":"https://api.github.com/users/marcoscaceres","html_url":"https://github.com/marcoscaceres","followers_url":"https://api.github.com/users/marcoscaceres/followers","following_url":"https://api.github.com/users/marcoscaceres/following{/other_user}","gists_url":"https://api.github.com/users/marcoscaceres/gists{/gist_id}","starred_url":"https://api.github.com/users/marcoscaceres/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marcoscaceres/subscriptions","organizations_url":"https://api.github.com/users/marcoscaceres/orgs","repos_url":"https://api.github.com/users/marcoscaceres/repos","events_url":"https://api.github.com/users/marcoscaceres/events{/privacy}","received_events_url":"https://api.github.com/users/marcoscaceres/received_events","type":"User","site_admin":false},"created_at":"2016-05-19T00:32:15Z","updated_at":"2016-05-19T00:32:15Z","body":"It would be great to use just text for this and just drop the SVG. "}}