{"action":"created","issue":{"url":"https://api.github.com/repos/spark/docs/issues/255","labels_url":"https://api.github.com/repos/spark/docs/issues/255/labels{/name}","comments_url":"https://api.github.com/repos/spark/docs/issues/255/comments","events_url":"https://api.github.com/repos/spark/docs/issues/255/events","html_url":"https://github.com/spark/docs/pull/255","id":124396647,"number":255,"title":"Use SVG animations for RGB LED demonstrations","user":{"login":"monkbroc","id":1919681,"avatar_url":"https://avatars.githubusercontent.com/u/1919681?v=3","gravatar_id":"","url":"https://api.github.com/users/monkbroc","html_url":"https://github.com/monkbroc","followers_url":"https://api.github.com/users/monkbroc/followers","following_url":"https://api.github.com/users/monkbroc/following{/other_user}","gists_url":"https://api.github.com/users/monkbroc/gists{/gist_id}","starred_url":"https://api.github.com/users/monkbroc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/monkbroc/subscriptions","organizations_url":"https://api.github.com/users/monkbroc/orgs","repos_url":"https://api.github.com/users/monkbroc/repos","events_url":"https://api.github.com/users/monkbroc/events{/privacy}","received_events_url":"https://api.github.com/users/monkbroc/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-12-30T20:33:26Z","updated_at":"2015-12-30T20:59:28Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/spark/docs/pulls/255","html_url":"https://github.com/spark/docs/pull/255","diff_url":"https://github.com/spark/docs/pull/255.diff","patch_url":"https://github.com/spark/docs/pull/255.patch"},"body":"Here's an easier way to add RGB LED demonstrations to the docs. This will come in handy when the docs are updated for the Electron.\r\n\r\nAs a first step I converted the animations in the getting started section, but I think that page should only contain the 3-4 most common patterns with the advanced ones like DFU and SOS moved to a reference page.\r\n\r\n## Demo\r\n\r\n![device-anim2](https://cloud.githubusercontent.com/assets/1919681/12056934/2ec27bde-af0a-11e5-98df-0601a4bd59f0.gif)\r\n\r\n## Features\r\n\r\n- Supports breathing, blinking, SOS and arbitrary patterns\r\n- Add device animations in any docs page\r\n- Device image and patterns are easy to customize\r\n\r\n## Usage\r\n\r\nAdd to the docs markdown `{{{device-animation device \"breathe\" \"cyan\" }}}`\r\n\r\n## Changes\r\n\r\n- Add helper for `device-animation`\r\n- Add JS to implement device animation\r\n- Add SVG.js to create SVG canvas and animate LED\r\n- Add `device` variable to template so that {{device}} inserts Photon/Core\r\n- Correct weird spelling in titleize helper\r\n\r\n## Browser compatibility\r\n\r\n- Chrome\r\n- Firefox\r\n- IE11\r\n- Android\r\n- I don't currently have access to old IE or Apple browsers"},"comment":{"url":"https://api.github.com/repos/spark/docs/issues/comments/168072885","html_url":"https://github.com/spark/docs/pull/255#issuecomment-168072885","issue_url":"https://api.github.com/repos/spark/docs/issues/255","id":168072885,"user":{"login":"monkbroc","id":1919681,"avatar_url":"https://avatars.githubusercontent.com/u/1919681?v=3","gravatar_id":"","url":"https://api.github.com/users/monkbroc","html_url":"https://github.com/monkbroc","followers_url":"https://api.github.com/users/monkbroc/followers","following_url":"https://api.github.com/users/monkbroc/following{/other_user}","gists_url":"https://api.github.com/users/monkbroc/gists{/gist_id}","starred_url":"https://api.github.com/users/monkbroc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/monkbroc/subscriptions","organizations_url":"https://api.github.com/users/monkbroc/orgs","repos_url":"https://api.github.com/users/monkbroc/repos","events_url":"https://api.github.com/users/monkbroc/events{/privacy}","received_events_url":"https://api.github.com/users/monkbroc/received_events","type":"User","site_admin":false},"created_at":"2015-12-30T20:59:28Z","updated_at":"2015-12-30T20:59:28Z","body":"Good idea to add an optional progress bar below the animation Andy."}}