{"action":"opened","issue":{"url":"https://api.github.com/repos/Kessaku/assignments/issues/9","labels_url":"https://api.github.com/repos/Kessaku/assignments/issues/9/labels{/name}","comments_url":"https://api.github.com/repos/Kessaku/assignments/issues/9/comments","events_url":"https://api.github.com/repos/Kessaku/assignments/issues/9/events","html_url":"https://github.com/Kessaku/assignments/issues/9","id":105433071,"number":9,"title":"Assignment 3-1 - Timeline","user":{"login":"ambethia","id":298,"avatar_url":"https://avatars.githubusercontent.com/u/298?v=3","gravatar_id":"","url":"https://api.github.com/users/ambethia","html_url":"https://github.com/ambethia","followers_url":"https://api.github.com/users/ambethia/followers","following_url":"https://api.github.com/users/ambethia/following{/other_user}","gists_url":"https://api.github.com/users/ambethia/gists{/gist_id}","starred_url":"https://api.github.com/users/ambethia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ambethia/subscriptions","organizations_url":"https://api.github.com/users/ambethia/orgs","repos_url":"https://api.github.com/users/ambethia/repos","events_url":"https://api.github.com/users/ambethia/events{/privacy}","received_events_url":"https://api.github.com/users/ambethia/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"Kessaku","id":10118884,"avatar_url":"https://avatars.githubusercontent.com/u/10118884?v=3","gravatar_id":"","url":"https://api.github.com/users/Kessaku","html_url":"https://github.com/Kessaku","followers_url":"https://api.github.com/users/Kessaku/followers","following_url":"https://api.github.com/users/Kessaku/following{/other_user}","gists_url":"https://api.github.com/users/Kessaku/gists{/gist_id}","starred_url":"https://api.github.com/users/Kessaku/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Kessaku/subscriptions","organizations_url":"https://api.github.com/users/Kessaku/orgs","repos_url":"https://api.github.com/users/Kessaku/repos","events_url":"https://api.github.com/users/Kessaku/events{/privacy}","received_events_url":"https://api.github.com/users/Kessaku/received_events","type":"User","site_admin":false},"milestone":null,"comments":0,"created_at":"2015-09-08T17:36:08Z","updated_at":"2015-09-08T17:36:08Z","closed_at":null,"body":"## Preprocessors: Timeline\n\n### Description\n\nRecreate the following layout:\n\n![](https://dl.dropboxusercontent.com/u/4024808/tiy/timeline.png)\n\n### Objectives\n\n* Understand SASS/SCSS and Jade Preprocessors\n* Understand Flexbox\n* Understand the Gulp build system\n\n### Deliverables\n\n- [ ] a git repo containing `sass` and `jade` files.\n- [ ] a working, publicly visible website with a public URL (i.e. on Github Pages).\n\n## Explorer Mode\n\n- [ ] If you haven't already, watch this video series: [What the Flexbox?!](https://www.youtube.com/watch?v=Vj7NZ6FiQvo&list=PLu8EoSxDXHP7xj_y6NIAhy0wuCd4uVdid)\n- [ ] Use `gulp` to automate the processing of your source files\n- [ ] Use `SCSS/SASS` to author your stylesheets\n- [ ] Use `Jade` to author your `HTML` documents\n- [ ] Use `flexbox` in your stylesheets to layout the elements\n- [ ] Use `@media` queries to handle a responsive layout\n\nFeel free to refer to the [`Gulpfile.js`](https://github.com/tiy-tpa-js-q3-2015/notes/blob/master/week-3/day-1-class/paws-of-love/gulpfile.js) we did in class today.\n\n## Adventure Mode\n\n- [ ] Use Gulp to automate creating and updating a `gh-pages` branch that contains just your publishable documents (the generated `html` and `css`). _**hint**: Check the Additional Resources for something that might help with this!_\n\n## Additional Resources & Documenation\n\n- http://sass-lang.com\n- http://jade-lang.com\n- http://gulpjs.com\n- https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n- https://www.npmjs.com/package/gulp-gh-pages\n"}}