{"action":"created","comment":{"url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/comments/45703388","id":45703388,"diff_hunk":"@@ -0,0 +1,46 @@\n+/**\n+ * Created by Julia on 22.11.2015.\n+ */\n+'use strict';\n+\n+document.getElementsByClassName('filters')[0].classList.add('hidden');\n+\n+var container = document.querySelector('.pictures');\n+\n+pictures.forEach(function(picture) {\n+  var element = getElementFromTemplate(picture);\n+  container.appendChild(element);","path":"js/pictures.js","position":12,"original_position":12,"commit_id":"9480c6a4ee4765a5d46934d94b9a087084a0b6e7","original_commit_id":"9480c6a4ee4765a5d46934d94b9a087084a0b6e7","user":{"login":"fiskus","id":533229,"avatar_url":"https://avatars.githubusercontent.com/u/533229?v=3","gravatar_id":"","url":"https://api.github.com/users/fiskus","html_url":"https://github.com/fiskus","followers_url":"https://api.github.com/users/fiskus/followers","following_url":"https://api.github.com/users/fiskus/following{/other_user}","gists_url":"https://api.github.com/users/fiskus/gists{/gist_id}","starred_url":"https://api.github.com/users/fiskus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fiskus/subscriptions","organizations_url":"https://api.github.com/users/fiskus/orgs","repos_url":"https://api.github.com/users/fiskus/repos","events_url":"https://api.github.com/users/fiskus/events{/privacy}","received_events_url":"https://api.github.com/users/fiskus/received_events","type":"User","site_admin":false},"body":"В задании говорится\r\n```\r\n Выводит созданные элементы на страницу внутрь блока .pictures, используя DocumentFragment.\r\n```\r\n\r\nУ тебя сейчас не используется DocumentFragment. Блоки с картинками вставляются непосредственно в DOM. Взаимодействие с DOM'ом браузера - это самое узкое место любой программы на javascript'е. Поэтому надо как можно реже обращаеться к DOM. Для этого надо сначала собрать все блоки в DocumentFragment'е. А только потом вставить из в DOM.\r\n\r\nDocumentFragment создается очень просто:\r\n```\r\nvar fragment = new DocumentFragment();\r\n```\r\nИ затем его использовать можно как обычный DOM-элемент.\r\n```\r\nfragment.appendChild(element);\r\ncontainer.appendChild(fragment);\r\n```","created_at":"2015-11-24T07:25:53Z","updated_at":"2015-11-24T07:25:53Z","html_url":"https://github.com/js-htmlacademy/47843-keksogram/pull/7#discussion_r45703388","pull_request_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/7","_links":{"self":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/comments/45703388"},"html":{"href":"https://github.com/js-htmlacademy/47843-keksogram/pull/7#discussion_r45703388"},"pull_request":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/7"}}},"pull_request":{"url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/7","id":51582920,"html_url":"https://github.com/js-htmlacademy/47843-keksogram/pull/7","diff_url":"https://github.com/js-htmlacademy/47843-keksogram/pull/7.diff","patch_url":"https://github.com/js-htmlacademy/47843-keksogram/pull/7.patch","issue_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/issues/7","number":7,"state":"open","locked":false,"title":"Шаблонизируй это!","user":{"login":"juliatalashova","id":15787967,"avatar_url":"https://avatars.githubusercontent.com/u/15787967?v=3","gravatar_id":"","url":"https://api.github.com/users/juliatalashova","html_url":"https://github.com/juliatalashova","followers_url":"https://api.github.com/users/juliatalashova/followers","following_url":"https://api.github.com/users/juliatalashova/following{/other_user}","gists_url":"https://api.github.com/users/juliatalashova/gists{/gist_id}","starred_url":"https://api.github.com/users/juliatalashova/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/juliatalashova/subscriptions","organizations_url":"https://api.github.com/users/juliatalashova/orgs","repos_url":"https://api.github.com/users/juliatalashova/repos","events_url":"https://api.github.com/users/juliatalashova/events{/privacy}","received_events_url":"https://api.github.com/users/juliatalashova/received_events","type":"User","site_admin":false},"body":"\n\n--\n:boom: https://js-htmlacademy.github.io/47843-keksogram/7/","created_at":"2015-11-23T21:29:40Z","updated_at":"2015-11-24T07:25:53Z","closed_at":null,"merged_at":null,"merge_commit_sha":"fb5599eab51c4fb2abf1bfdfed94b0d2ab2bd17a","assignee":{"login":"fiskus","id":533229,"avatar_url":"https://avatars.githubusercontent.com/u/533229?v=3","gravatar_id":"","url":"https://api.github.com/users/fiskus","html_url":"https://github.com/fiskus","followers_url":"https://api.github.com/users/fiskus/followers","following_url":"https://api.github.com/users/fiskus/following{/other_user}","gists_url":"https://api.github.com/users/fiskus/gists{/gist_id}","starred_url":"https://api.github.com/users/fiskus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fiskus/subscriptions","organizations_url":"https://api.github.com/users/fiskus/orgs","repos_url":"https://api.github.com/users/fiskus/repos","events_url":"https://api.github.com/users/fiskus/events{/privacy}","received_events_url":"https://api.github.com/users/fiskus/received_events","type":"User","site_admin":false},"milestone":null,"commits_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/7/commits","review_comments_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/7/comments","review_comment_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/comments{/number}","comments_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/issues/7/comments","statuses_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/statuses/9480c6a4ee4765a5d46934d94b9a087084a0b6e7","head":{"label":"juliatalashova:module4-task1","ref":"module4-task1","sha":"9480c6a4ee4765a5d46934d94b9a087084a0b6e7","user":{"login":"juliatalashova","id":15787967,"avatar_url":"https://avatars.githubusercontent.com/u/15787967?v=3","gravatar_id":"","url":"https://api.github.com/users/juliatalashova","html_url":"https://github.com/juliatalashova","followers_url":"https://api.github.com/users/juliatalashova/followers","following_url":"https://api.github.com/users/juliatalashova/following{/other_user}","gists_url":"https://api.github.com/users/juliatalashova/gists{/gist_id}","starred_url":"https://api.github.com/users/juliatalashova/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/juliatalashova/subscriptions","organizations_url":"https://api.github.com/users/juliatalashova/orgs","repos_url":"https://api.github.com/users/juliatalashova/repos","events_url":"https://api.github.com/users/juliatalashova/events{/privacy}","received_events_url":"https://api.github.com/users/juliatalashova/received_events","type":"User","site_admin":false},"repo":{"id":45932692,"name":"47843-keksogram","full_name":"juliatalashova/47843-keksogram","owner":{"login":"juliatalashova","id":15787967,"avatar_url":"https://avatars.githubusercontent.com/u/15787967?v=3","gravatar_id":"","url":"https://api.github.com/users/juliatalashova","html_url":"https://github.com/juliatalashova","followers_url":"https://api.github.com/users/juliatalashova/followers","following_url":"https://api.github.com/users/juliatalashova/following{/other_user}","gists_url":"https://api.github.com/users/juliatalashova/gists{/gist_id}","starred_url":"https://api.github.com/users/juliatalashova/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/juliatalashova/subscriptions","organizations_url":"https://api.github.com/users/juliatalashova/orgs","repos_url":"https://api.github.com/users/juliatalashova/repos","events_url":"https://api.github.com/users/juliatalashova/events{/privacy}","received_events_url":"https://api.github.com/users/juliatalashova/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/juliatalashova/47843-keksogram","description":"Julia Talashova","fork":true,"url":"https://api.github.com/repos/juliatalashova/47843-keksogram","forks_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/forks","keys_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/keys{/key_id}","collaborators_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/teams","hooks_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/hooks","issue_events_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/issues/events{/number}","events_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/events","assignees_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/assignees{/user}","branches_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/branches{/branch}","tags_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/tags","blobs_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/git/refs{/sha}","trees_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/git/trees{/sha}","statuses_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/statuses/{sha}","languages_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/languages","stargazers_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/stargazers","contributors_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/contributors","subscribers_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/subscribers","subscription_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/subscription","commits_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/commits{/sha}","git_commits_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/git/commits{/sha}","comments_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/comments{/number}","issue_comment_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/issues/comments{/number}","contents_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/contents/{+path}","compare_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/compare/{base}...{head}","merges_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/merges","archive_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/downloads","issues_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/issues{/number}","pulls_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/pulls{/number}","milestones_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/milestones{/number}","notifications_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/labels{/name}","releases_url":"https://api.github.com/repos/juliatalashova/47843-keksogram/releases{/id}","created_at":"2015-11-10T18:43:51Z","updated_at":"2015-11-10T18:43:52Z","pushed_at":"2015-11-23T21:28:10Z","git_url":"git://github.com/juliatalashova/47843-keksogram.git","ssh_url":"git@github.com:juliatalashova/47843-keksogram.git","clone_url":"https://github.com/juliatalashova/47843-keksogram.git","svn_url":"https://github.com/juliatalashova/47843-keksogram","homepage":null,"size":3787,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":false,"has_wiki":false,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":1,"forks":0,"open_issues":1,"watchers":0,"default_branch":"master"}},"base":{"label":"js-htmlacademy:master","ref":"master","sha":"5e98f7bafe63de44a4768ed294e566b4df92f5d1","user":{"login":"js-htmlacademy","id":14179712,"avatar_url":"https://avatars.githubusercontent.com/u/14179712?v=3","gravatar_id":"","url":"https://api.github.com/users/js-htmlacademy","html_url":"https://github.com/js-htmlacademy","followers_url":"https://api.github.com/users/js-htmlacademy/followers","following_url":"https://api.github.com/users/js-htmlacademy/following{/other_user}","gists_url":"https://api.github.com/users/js-htmlacademy/gists{/gist_id}","starred_url":"https://api.github.com/users/js-htmlacademy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/js-htmlacademy/subscriptions","organizations_url":"https://api.github.com/users/js-htmlacademy/orgs","repos_url":"https://api.github.com/users/js-htmlacademy/repos","events_url":"https://api.github.com/users/js-htmlacademy/events{/privacy}","received_events_url":"https://api.github.com/users/js-htmlacademy/received_events","type":"Organization","site_admin":false},"repo":{"id":45932129,"name":"47843-keksogram","full_name":"js-htmlacademy/47843-keksogram","owner":{"login":"js-htmlacademy","id":14179712,"avatar_url":"https://avatars.githubusercontent.com/u/14179712?v=3","gravatar_id":"","url":"https://api.github.com/users/js-htmlacademy","html_url":"https://github.com/js-htmlacademy","followers_url":"https://api.github.com/users/js-htmlacademy/followers","following_url":"https://api.github.com/users/js-htmlacademy/following{/other_user}","gists_url":"https://api.github.com/users/js-htmlacademy/gists{/gist_id}","starred_url":"https://api.github.com/users/js-htmlacademy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/js-htmlacademy/subscriptions","organizations_url":"https://api.github.com/users/js-htmlacademy/orgs","repos_url":"https://api.github.com/users/js-htmlacademy/repos","events_url":"https://api.github.com/users/js-htmlacademy/events{/privacy}","received_events_url":"https://api.github.com/users/js-htmlacademy/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/js-htmlacademy/47843-keksogram","description":"Julia Talashova","fork":false,"url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram","forks_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/forks","keys_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/keys{/key_id}","collaborators_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/teams","hooks_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/hooks","issue_events_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/issues/events{/number}","events_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/events","assignees_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/assignees{/user}","branches_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/branches{/branch}","tags_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/tags","blobs_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/git/refs{/sha}","trees_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/git/trees{/sha}","statuses_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/statuses/{sha}","languages_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/languages","stargazers_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/stargazers","contributors_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/contributors","subscribers_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/subscribers","subscription_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/subscription","commits_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/commits{/sha}","git_commits_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/git/commits{/sha}","comments_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/comments{/number}","issue_comment_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/issues/comments{/number}","contents_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/contents/{+path}","compare_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/compare/{base}...{head}","merges_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/merges","archive_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/downloads","issues_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/issues{/number}","pulls_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls{/number}","milestones_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/milestones{/number}","notifications_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/labels{/name}","releases_url":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/releases{/id}","created_at":"2015-11-10T18:33:22Z","updated_at":"2015-11-13T09:44:05Z","pushed_at":"2015-11-23T21:30:34Z","git_url":"git://github.com/js-htmlacademy/47843-keksogram.git","ssh_url":"git@github.com:js-htmlacademy/47843-keksogram.git","clone_url":"https://github.com/js-htmlacademy/47843-keksogram.git","svn_url":"https://github.com/js-htmlacademy/47843-keksogram","homepage":"https://github.com/juliatalashova/47843-keksogram","size":3801,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":false,"has_wiki":false,"has_pages":true,"forks_count":1,"mirror_url":null,"open_issues_count":1,"forks":1,"open_issues":1,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/7"},"html":{"href":"https://github.com/js-htmlacademy/47843-keksogram/pull/7"},"issue":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/issues/7"},"comments":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/issues/7/comments"},"review_comments":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/7/comments"},"review_comment":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/pulls/7/commits"},"statuses":{"href":"https://api.github.com/repos/js-htmlacademy/47843-keksogram/statuses/9480c6a4ee4765a5d46934d94b9a087084a0b6e7"}}}}