{"action":"created","comment":{"url":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/comments/22690030","id":22690030,"diff_hunk":"@@ -1,11 +1,40 @@\n $(document).ready(function() {\n \n-    // Cycle 2\n-    $('.video_slideshow').cycle({\n-        pager: '.slider2',\n-        pagerTemplate: '<span></span>',\n-        paused: true\n-    });\n+    // CSS3 Slider - Videos Section\n+    // ---\n+\n+    (function() {\n+        var $slideshowWrap = $('.video_slideshow_scroller'),\n+            $slideshowPrev = $slideshowWrap.children('.prev').hide(),\n+            $slideshowNext = $slideshowWrap.children('.next'),\n+            $slider = $slideshowWrap.children('.video_slideshow'),\n+            $slide = $slider.children().first(),\n+            slideCount = $slider.children().length,\n+            pos = 0;\n+\n+        function setTransform() {\n+            var distance = (-pos * ($slide.width() + parseInt($slide.css('margin-right').replace(/px/g, ''), 10)));\n+            $slider.css('transform', 'translate3d(' + distance + 'px,0,0)');\n+            $slideshowPrev[pos ? 'show' : 'hide']();\n+            $slideshowNext[pos !== slideCount - 1 ? 'show' : 'hide']();\n+        };\n+\n+        function slideshowPrev() {\n+            pos = (pos === 0) ? pos : pos - 1;\n+            setTransform();\n+        };\n+\n+        function slideshowNext() {\n+            pos = (pos === slideCount - 1) ? pos : pos + 1;\n+            setTransform();\n+        };\n+\n+        $(window).on('resize', _.throttle(setTransform, 300));\n+        $slideshowNext.on('click', slideshowNext);\n+        $slideshowPrev.on('click', slideshowPrev);\n+    })();","path":"src/js/script.js","position":41,"original_position":41,"commit_id":"52315d730badbb0b08ab6a57e4ca9ab32a95beea","original_commit_id":"52315d730badbb0b08ab6a57e4ca9ab32a95beea","user":{"login":"jasonLaster","id":254562,"avatar_url":"https://avatars.githubusercontent.com/u/254562?v=3","gravatar_id":"","url":"https://api.github.com/users/jasonLaster","html_url":"https://github.com/jasonLaster","followers_url":"https://api.github.com/users/jasonLaster/followers","following_url":"https://api.github.com/users/jasonLaster/following{/other_user}","gists_url":"https://api.github.com/users/jasonLaster/gists{/gist_id}","starred_url":"https://api.github.com/users/jasonLaster/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jasonLaster/subscriptions","organizations_url":"https://api.github.com/users/jasonLaster/orgs","repos_url":"https://api.github.com/users/jasonLaster/repos","events_url":"https://api.github.com/users/jasonLaster/events{/privacy}","received_events_url":"https://api.github.com/users/jasonLaster/received_events","type":"User","site_admin":false},"body":"Good code!","created_at":"2015-01-08T22:59:51Z","updated_at":"2015-01-08T22:59:51Z","html_url":"https://github.com/marionettejs/marionettejs.com/pull/102#discussion_r22690030","pull_request_url":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/102","_links":{"self":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/comments/22690030"},"html":{"href":"https://github.com/marionettejs/marionettejs.com/pull/102#discussion_r22690030"},"pull_request":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/102"}}},"pull_request":{"url":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/102","id":27032092,"html_url":"https://github.com/marionettejs/marionettejs.com/pull/102","diff_url":"https://github.com/marionettejs/marionettejs.com/pull/102.diff","patch_url":"https://github.com/marionettejs/marionettejs.com/pull/102.patch","issue_url":"https://api.github.com/repos/marionettejs/marionettejs.com/issues/102","number":102,"state":"open","locked":false,"title":"updated UX for videos section, now have responsive css slider","user":{"login":"kkemple","id":3629876,"avatar_url":"https://avatars.githubusercontent.com/u/3629876?v=3","gravatar_id":"","url":"https://api.github.com/users/kkemple","html_url":"https://github.com/kkemple","followers_url":"https://api.github.com/users/kkemple/followers","following_url":"https://api.github.com/users/kkemple/following{/other_user}","gists_url":"https://api.github.com/users/kkemple/gists{/gist_id}","starred_url":"https://api.github.com/users/kkemple/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kkemple/subscriptions","organizations_url":"https://api.github.com/users/kkemple/orgs","repos_url":"https://api.github.com/users/kkemple/repos","events_url":"https://api.github.com/users/kkemple/events{/privacy}","received_events_url":"https://api.github.com/users/kkemple/received_events","type":"User","site_admin":false},"body":"addresses issue #96 \r\nI updated the slider section to be a responsive css3 slider, also made it much more apparent that there are multiple videos, see screenshots below\r\n\r\n> NOTE: the arrows for the slider nav are .png files, I know @paulfalgout has done a lot of work with the svg changes so this will need that treatment as well, but its a good start\r\n\r\n![slider-1](https://cloud.githubusercontent.com/assets/3629876/5663923/067748c0-971a-11e4-8f2d-20e1dcc7d465.jpg)\r\n\r\n![slider-2](https://cloud.githubusercontent.com/assets/3629876/5663922/067728c2-971a-11e4-9400-0a2cfe7a6a55.jpg)\r\n\r\n![slider-3](https://cloud.githubusercontent.com/assets/3629876/5663924/067cb4fe-971a-11e4-99fd-0b4f168a61f4.jpg)\r\n\r\n![slider-in-action](https://cloud.githubusercontent.com/assets/3629876/5663925/06835f66-971a-11e4-934e-d87b0f75db91.gif)\r\n","created_at":"2015-01-08T14:38:54Z","updated_at":"2015-01-08T22:59:51Z","closed_at":null,"merged_at":null,"merge_commit_sha":"f221165123284c8660cd40ad37bc9366ca485ae5","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/102/commits","review_comments_url":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/102/comments","review_comment_url":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/comments/{number}","comments_url":"https://api.github.com/repos/marionettejs/marionettejs.com/issues/102/comments","statuses_url":"https://api.github.com/repos/marionettejs/marionettejs.com/statuses/52315d730badbb0b08ab6a57e4ca9ab32a95beea","head":{"label":"marionettejs:better-video-slider-section","ref":"better-video-slider-section","sha":"52315d730badbb0b08ab6a57e4ca9ab32a95beea","user":{"login":"marionettejs","id":2273169,"avatar_url":"https://avatars.githubusercontent.com/u/2273169?v=3","gravatar_id":"","url":"https://api.github.com/users/marionettejs","html_url":"https://github.com/marionettejs","followers_url":"https://api.github.com/users/marionettejs/followers","following_url":"https://api.github.com/users/marionettejs/following{/other_user}","gists_url":"https://api.github.com/users/marionettejs/gists{/gist_id}","starred_url":"https://api.github.com/users/marionettejs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marionettejs/subscriptions","organizations_url":"https://api.github.com/users/marionettejs/orgs","repos_url":"https://api.github.com/users/marionettejs/repos","events_url":"https://api.github.com/users/marionettejs/events{/privacy}","received_events_url":"https://api.github.com/users/marionettejs/received_events","type":"Organization","site_admin":false},"repo":{"id":21595155,"name":"marionettejs.com","full_name":"marionettejs/marionettejs.com","owner":{"login":"marionettejs","id":2273169,"avatar_url":"https://avatars.githubusercontent.com/u/2273169?v=3","gravatar_id":"","url":"https://api.github.com/users/marionettejs","html_url":"https://github.com/marionettejs","followers_url":"https://api.github.com/users/marionettejs/followers","following_url":"https://api.github.com/users/marionettejs/following{/other_user}","gists_url":"https://api.github.com/users/marionettejs/gists{/gist_id}","starred_url":"https://api.github.com/users/marionettejs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marionettejs/subscriptions","organizations_url":"https://api.github.com/users/marionettejs/orgs","repos_url":"https://api.github.com/users/marionettejs/repos","events_url":"https://api.github.com/users/marionettejs/events{/privacy}","received_events_url":"https://api.github.com/users/marionettejs/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/marionettejs/marionettejs.com","description":"[Experimental]","fork":false,"url":"https://api.github.com/repos/marionettejs/marionettejs.com","forks_url":"https://api.github.com/repos/marionettejs/marionettejs.com/forks","keys_url":"https://api.github.com/repos/marionettejs/marionettejs.com/keys{/key_id}","collaborators_url":"https://api.github.com/repos/marionettejs/marionettejs.com/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/marionettejs/marionettejs.com/teams","hooks_url":"https://api.github.com/repos/marionettejs/marionettejs.com/hooks","issue_events_url":"https://api.github.com/repos/marionettejs/marionettejs.com/issues/events{/number}","events_url":"https://api.github.com/repos/marionettejs/marionettejs.com/events","assignees_url":"https://api.github.com/repos/marionettejs/marionettejs.com/assignees{/user}","branches_url":"https://api.github.com/repos/marionettejs/marionettejs.com/branches{/branch}","tags_url":"https://api.github.com/repos/marionettejs/marionettejs.com/tags","blobs_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/refs{/sha}","trees_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/trees{/sha}","statuses_url":"https://api.github.com/repos/marionettejs/marionettejs.com/statuses/{sha}","languages_url":"https://api.github.com/repos/marionettejs/marionettejs.com/languages","stargazers_url":"https://api.github.com/repos/marionettejs/marionettejs.com/stargazers","contributors_url":"https://api.github.com/repos/marionettejs/marionettejs.com/contributors","subscribers_url":"https://api.github.com/repos/marionettejs/marionettejs.com/subscribers","subscription_url":"https://api.github.com/repos/marionettejs/marionettejs.com/subscription","commits_url":"https://api.github.com/repos/marionettejs/marionettejs.com/commits{/sha}","git_commits_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/commits{/sha}","comments_url":"https://api.github.com/repos/marionettejs/marionettejs.com/comments{/number}","issue_comment_url":"https://api.github.com/repos/marionettejs/marionettejs.com/issues/comments/{number}","contents_url":"https://api.github.com/repos/marionettejs/marionettejs.com/contents/{+path}","compare_url":"https://api.github.com/repos/marionettejs/marionettejs.com/compare/{base}...{head}","merges_url":"https://api.github.com/repos/marionettejs/marionettejs.com/merges","archive_url":"https://api.github.com/repos/marionettejs/marionettejs.com/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/marionettejs/marionettejs.com/downloads","issues_url":"https://api.github.com/repos/marionettejs/marionettejs.com/issues{/number}","pulls_url":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls{/number}","milestones_url":"https://api.github.com/repos/marionettejs/marionettejs.com/milestones{/number}","notifications_url":"https://api.github.com/repos/marionettejs/marionettejs.com/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/marionettejs/marionettejs.com/labels{/name}","releases_url":"https://api.github.com/repos/marionettejs/marionettejs.com/releases{/id}","created_at":"2014-07-08T02:30:12Z","updated_at":"2015-01-08T19:54:12Z","pushed_at":"2015-01-08T22:29:04Z","git_url":"git://github.com/marionettejs/marionettejs.com.git","ssh_url":"git@github.com:marionettejs/marionettejs.com.git","clone_url":"https://github.com/marionettejs/marionettejs.com.git","svn_url":"https://github.com/marionettejs/marionettejs.com","homepage":null,"size":12320,"stargazers_count":6,"watchers_count":6,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":8,"mirror_url":null,"open_issues_count":23,"forks":8,"open_issues":23,"watchers":6,"default_branch":"master"}},"base":{"label":"marionettejs:master","ref":"master","sha":"bab6d126c5355646683b720842bbeac2e1bf44f8","user":{"login":"marionettejs","id":2273169,"avatar_url":"https://avatars.githubusercontent.com/u/2273169?v=3","gravatar_id":"","url":"https://api.github.com/users/marionettejs","html_url":"https://github.com/marionettejs","followers_url":"https://api.github.com/users/marionettejs/followers","following_url":"https://api.github.com/users/marionettejs/following{/other_user}","gists_url":"https://api.github.com/users/marionettejs/gists{/gist_id}","starred_url":"https://api.github.com/users/marionettejs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marionettejs/subscriptions","organizations_url":"https://api.github.com/users/marionettejs/orgs","repos_url":"https://api.github.com/users/marionettejs/repos","events_url":"https://api.github.com/users/marionettejs/events{/privacy}","received_events_url":"https://api.github.com/users/marionettejs/received_events","type":"Organization","site_admin":false},"repo":{"id":21595155,"name":"marionettejs.com","full_name":"marionettejs/marionettejs.com","owner":{"login":"marionettejs","id":2273169,"avatar_url":"https://avatars.githubusercontent.com/u/2273169?v=3","gravatar_id":"","url":"https://api.github.com/users/marionettejs","html_url":"https://github.com/marionettejs","followers_url":"https://api.github.com/users/marionettejs/followers","following_url":"https://api.github.com/users/marionettejs/following{/other_user}","gists_url":"https://api.github.com/users/marionettejs/gists{/gist_id}","starred_url":"https://api.github.com/users/marionettejs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marionettejs/subscriptions","organizations_url":"https://api.github.com/users/marionettejs/orgs","repos_url":"https://api.github.com/users/marionettejs/repos","events_url":"https://api.github.com/users/marionettejs/events{/privacy}","received_events_url":"https://api.github.com/users/marionettejs/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/marionettejs/marionettejs.com","description":"[Experimental]","fork":false,"url":"https://api.github.com/repos/marionettejs/marionettejs.com","forks_url":"https://api.github.com/repos/marionettejs/marionettejs.com/forks","keys_url":"https://api.github.com/repos/marionettejs/marionettejs.com/keys{/key_id}","collaborators_url":"https://api.github.com/repos/marionettejs/marionettejs.com/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/marionettejs/marionettejs.com/teams","hooks_url":"https://api.github.com/repos/marionettejs/marionettejs.com/hooks","issue_events_url":"https://api.github.com/repos/marionettejs/marionettejs.com/issues/events{/number}","events_url":"https://api.github.com/repos/marionettejs/marionettejs.com/events","assignees_url":"https://api.github.com/repos/marionettejs/marionettejs.com/assignees{/user}","branches_url":"https://api.github.com/repos/marionettejs/marionettejs.com/branches{/branch}","tags_url":"https://api.github.com/repos/marionettejs/marionettejs.com/tags","blobs_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/refs{/sha}","trees_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/trees{/sha}","statuses_url":"https://api.github.com/repos/marionettejs/marionettejs.com/statuses/{sha}","languages_url":"https://api.github.com/repos/marionettejs/marionettejs.com/languages","stargazers_url":"https://api.github.com/repos/marionettejs/marionettejs.com/stargazers","contributors_url":"https://api.github.com/repos/marionettejs/marionettejs.com/contributors","subscribers_url":"https://api.github.com/repos/marionettejs/marionettejs.com/subscribers","subscription_url":"https://api.github.com/repos/marionettejs/marionettejs.com/subscription","commits_url":"https://api.github.com/repos/marionettejs/marionettejs.com/commits{/sha}","git_commits_url":"https://api.github.com/repos/marionettejs/marionettejs.com/git/commits{/sha}","comments_url":"https://api.github.com/repos/marionettejs/marionettejs.com/comments{/number}","issue_comment_url":"https://api.github.com/repos/marionettejs/marionettejs.com/issues/comments/{number}","contents_url":"https://api.github.com/repos/marionettejs/marionettejs.com/contents/{+path}","compare_url":"https://api.github.com/repos/marionettejs/marionettejs.com/compare/{base}...{head}","merges_url":"https://api.github.com/repos/marionettejs/marionettejs.com/merges","archive_url":"https://api.github.com/repos/marionettejs/marionettejs.com/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/marionettejs/marionettejs.com/downloads","issues_url":"https://api.github.com/repos/marionettejs/marionettejs.com/issues{/number}","pulls_url":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls{/number}","milestones_url":"https://api.github.com/repos/marionettejs/marionettejs.com/milestones{/number}","notifications_url":"https://api.github.com/repos/marionettejs/marionettejs.com/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/marionettejs/marionettejs.com/labels{/name}","releases_url":"https://api.github.com/repos/marionettejs/marionettejs.com/releases{/id}","created_at":"2014-07-08T02:30:12Z","updated_at":"2015-01-08T19:54:12Z","pushed_at":"2015-01-08T22:29:04Z","git_url":"git://github.com/marionettejs/marionettejs.com.git","ssh_url":"git@github.com:marionettejs/marionettejs.com.git","clone_url":"https://github.com/marionettejs/marionettejs.com.git","svn_url":"https://github.com/marionettejs/marionettejs.com","homepage":null,"size":12320,"stargazers_count":6,"watchers_count":6,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":8,"mirror_url":null,"open_issues_count":23,"forks":8,"open_issues":23,"watchers":6,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/102"},"html":{"href":"https://github.com/marionettejs/marionettejs.com/pull/102"},"issue":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/issues/102"},"comments":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/issues/102/comments"},"review_comments":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/102/comments"},"review_comment":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/comments/{number}"},"commits":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/pulls/102/commits"},"statuses":{"href":"https://api.github.com/repos/marionettejs/marionettejs.com/statuses/52315d730badbb0b08ab6a57e4ca9ab32a95beea"}}}}