{"action":"opened","issue":{"url":"https://api.github.com/repos/EightShapes/Blocks/issues/194","labels_url":"https://api.github.com/repos/EightShapes/Blocks/issues/194/labels{/name}","comments_url":"https://api.github.com/repos/EightShapes/Blocks/issues/194/comments","events_url":"https://api.github.com/repos/EightShapes/Blocks/issues/194/events","html_url":"https://github.com/EightShapes/Blocks/issues/194","id":91457659,"number":194,"title":"Layered Preview","user":{"login":"francisrupert","id":1165933,"avatar_url":"https://avatars.githubusercontent.com/u/1165933?v=3","gravatar_id":"","url":"https://api.github.com/users/francisrupert","html_url":"https://github.com/francisrupert","followers_url":"https://api.github.com/users/francisrupert/followers","following_url":"https://api.github.com/users/francisrupert/following{/other_user}","gists_url":"https://api.github.com/users/francisrupert/gists{/gist_id}","starred_url":"https://api.github.com/users/francisrupert/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/francisrupert/subscriptions","organizations_url":"https://api.github.com/users/francisrupert/orgs","repos_url":"https://api.github.com/users/francisrupert/repos","events_url":"https://api.github.com/users/francisrupert/events{/privacy}","received_events_url":"https://api.github.com/users/francisrupert/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/EightShapes/Blocks/labels/p:%20TBD","name":"p: TBD","color":"006b75"},{"url":"https://api.github.com/repos/EightShapes/Blocks/labels/type:%20new%20feature","name":"type: new feature","color":"c7def8"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-06-27T12:26:49Z","updated_at":"2015-06-27T12:26:49Z","closed_at":null,"body":"We've manually created a preview like this used on project index, how about letting Blocks generate it with same images used by `data-esb-viewport-device`, e.g. [device_frame_iphone_5.svg](https://github.com/EightShapes/Blocks/blob/master/svg/device_frame_iphone_5.svg)? \r\n\r\n![image](https://cloud.githubusercontent.com/assets/1165933/8391862/bd90b5aa-1c99-11e5-9cbc-7f6e5f99ca11.png)\r\n\r\nSomething like...\r\n\r\n```html\r\n<div\r\n  data-esb-preview=\"representative-page-type.html\"\r\n  data-esb-preview-views=\"desktop,laptop,tablet,phablet,phone\"\r\n></div>\r\n```"}}