{"action":"created","issue":{"url":"https://api.github.com/repos/eslint/eslint.github.io/issues/256","repository_url":"https://api.github.com/repos/eslint/eslint.github.io","labels_url":"https://api.github.com/repos/eslint/eslint.github.io/issues/256/labels{/name}","comments_url":"https://api.github.com/repos/eslint/eslint.github.io/issues/256/comments","events_url":"https://api.github.com/repos/eslint/eslint.github.io/issues/256/events","html_url":"https://github.com/eslint/eslint.github.io/pull/256","id":153892263,"number":256,"title":"Docs: Prepare for table of contents","user":{"login":"pedrottimark","id":11862657,"avatar_url":"https://avatars.githubusercontent.com/u/11862657?v=3","gravatar_id":"","url":"https://api.github.com/users/pedrottimark","html_url":"https://github.com/pedrottimark","followers_url":"https://api.github.com/users/pedrottimark/followers","following_url":"https://api.github.com/users/pedrottimark/following{/other_user}","gists_url":"https://api.github.com/users/pedrottimark/gists{/gist_id}","starred_url":"https://api.github.com/users/pedrottimark/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pedrottimark/subscriptions","organizations_url":"https://api.github.com/users/pedrottimark/orgs","repos_url":"https://api.github.com/users/pedrottimark/repos","events_url":"https://api.github.com/users/pedrottimark/events{/privacy}","received_events_url":"https://api.github.com/users/pedrottimark/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/eslint/eslint.github.io/labels/CLA:%20Valid","name":"CLA: Valid","color":"007700"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":39,"created_at":"2016-05-09T23:26:30Z","updated_at":"2016-05-27T14:06:57Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/eslint/eslint.github.io/pulls/256","html_url":"https://github.com/eslint/eslint.github.io/pull/256","diff_url":"https://github.com/eslint/eslint.github.io/pull/256.diff","patch_url":"https://github.com/eslint/eslint.github.io/pull/256.patch"},"body":"This pull request adds the styles for a **table of contents**, which was recommended in https://github.com/eslint/eslint.github.io/issues/186#issuecomment-177734880.\r\n\r\nGoals:\r\n\r\n* for readability, limit length of lines to 80 characters for code and about 3 alphabets for text (from 1.5 to 2.5 is the guideline for prose reading, so close enough for tech content :)\r\n* and make the lines fit on iPad (non-Pro) in portrait orientation\r\n* be able to display a table of contents of headings level 2 through [EDIT2] 3, aligned at the top of the first ordinary content paragraph, if the width is at least iPad (non-Pro) in landscape orientation\r\n* display inline code similar to GitHub so it looks noticeably different from hyperlinks\r\n* [EDIT3] Instead of https://github.com/eslint/eslint.github.io/pull/256#issuecomment-218240541 the change to color of links was to the blue of the outer hexagon and not to change color on hover\r\n\r\nGoals in 4 words: **content first, mobile second**. Our analytics cannot tell whether it is worth the effort to make the site mobile-friendly until we have gone at least halfway. Chicken and egg. Careful effort to improve readability and navigation works for both mobile (especially tablet) and desktop screen.\r\n\r\nSome following comments have explanations and pictures. Several pictures show what the proposed table of contents will look like for critique. It will require changes to the **Makefile.js** build file.\r\n\r\nHere is the notation that kramdown uses, see http://kramdown.gettalong.org/converter/html.html#toc \r\n\r\n```\r\n* placeholder for table of contents\r\n{:toc}\r\n```\r\n\r\nSet `toc_levels: 2..4` in _config.yml see http://kramdown.gettalong.org/options.html#option-toc-levels"},"comment":{"url":"https://api.github.com/repos/eslint/eslint.github.io/issues/comments/222155446","html_url":"https://github.com/eslint/eslint.github.io/pull/256#issuecomment-222155446","issue_url":"https://api.github.com/repos/eslint/eslint.github.io/issues/256","id":222155446,"user":{"login":"ilyavolodin","id":1380062,"avatar_url":"https://avatars.githubusercontent.com/u/1380062?v=3","gravatar_id":"","url":"https://api.github.com/users/ilyavolodin","html_url":"https://github.com/ilyavolodin","followers_url":"https://api.github.com/users/ilyavolodin/followers","following_url":"https://api.github.com/users/ilyavolodin/following{/other_user}","gists_url":"https://api.github.com/users/ilyavolodin/gists{/gist_id}","starred_url":"https://api.github.com/users/ilyavolodin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ilyavolodin/subscriptions","organizations_url":"https://api.github.com/users/ilyavolodin/orgs","repos_url":"https://api.github.com/users/ilyavolodin/repos","events_url":"https://api.github.com/users/ilyavolodin/events{/privacy}","received_events_url":"https://api.github.com/users/ilyavolodin/received_events","type":"User","site_admin":false},"created_at":"2016-05-27T14:06:57Z","updated_at":"2016-05-27T14:06:57Z","body":"Last iteration looks pretty solid to me. I like the idea of collapsing table in mobile view. Seems like the best use of space."}}
{"actor":{"display_login":"ilyavolodin"}}