{"action":"created","comment":{"url":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/comments/37625583","id":37625583,"diff_hunk":"@@ -0,0 +1,225 @@\n+\n+/* ==========================================================================\n+   cfgov-refresh\n+   video-player\n+   ========================================================================== */\n+\n+/* topdoc\n+  name: Video Player\n+  family: cfgov-video-player\n+  patterns:\n+      notes:\n+        - \"For the markup please see macros/video-player.html.\"\n+  tags:\n+    - cfgov-video-player\n+*/\n+\n+// Variable used to set the size of the play button\n+@play-btn-size__px: 73px;\n+\n+// Variable used to set the play button image\n+@play-btn-url: '/static/img/video-play-btn.png';\n+\n+\n+// Variable used to help center the video container\n+@share-width__px: 130px;\n+\n+// Variables used for gutters\n+@gutter__em: unit(@grid_gutter-width  / @base-font-size-px, em);\n+@gutter-half__em: @gutter__em / 2;\n+\n+.video-player {\n+    overflow: hidden;\n+    background: @white;\n+}\n+\n+.video-player.video-playing {\n+    background-color: #000;\n+\n+    .hide-on_video-playing {\n+        display: none;\n+    }\n+\n+    .show-on_video-playing {\n+        display: block;\n+    }\n+\n+    .respond-to-max(@mobile-max, {\n+        margin-top: 0;\n+    });\n+}\n+\n+// Video image container related styles\n+\n+.video-player_image-container {\n+    position: relative;\n+    background-color: #000;\n+    text-align: center;\n+\n+    .respond-to-max(@mobile-max, {\n+        .u-flexible-container();\n+    });\n+}\n+\n+.video-player_play-btn {\n+    position: absolute;\n+    height: @play-btn-size__px;\n+    width: @play-btn-size__px;\n+    background: url( @play-btn-url ) no-repeat;\n+    z-index: 10;\n+\n+    &__center {\n+        left: 50%;\n+        top: 50%;\n+        transform: translate(-50%, -50%);\n+    }\n+\n+    &__bottomRight {\n+        bottom: @gutter-half__em;\n+        right: @gutter-half__em;\n+    }\n+}\n+\n+.lt-ie9 {\n+    .video-player_play-btn {\n+        margin-left: -1 * @play-btn-size__px;\n+    }\n+}\n+\n+.video-player_video-container {\n+    display: none;\n+    margin: auto;\n+}\n+\n+.video-player_video-container__flexible {\n+    .video-player_iframe-container {\n+        .u-flexible-container();\n+    }\n+\n+    .video-player_video {\n+        .u-flexible-container_inner();\n+    }\n+}\n+\n+.video-player_video-actions-container {\n+    .grid_wrapper();\n+\n+    margin: 1em 0;\n+    color: @white;\n+\n+    .share_heading {\n+        margin-top: 0;\n+        margin-right: 0;\n+        line-height: 1;\n+        white-space: nowrap;\n+    }\n+}\n+\n+.video-player_share-actions {\n+    // Adding white background to the share icons\n+    // without overlap.\n+    .cf-icon {\n+        height: 20px;\n+        width: 22px;\n+        background: @white;\n+\n+        &:before {\n+            position: relative;\n+            top: -3px;\n+        }\n+    }\n+\n+    .share-icon {\n+        color: @pacific;\n+    }\n+\n+    .respond-to-min(@tablet-min, {\n+        text-align: right;\n+    });\n+}\n+\n+.video-player_share-actions, .video-player_video-actions {\n+     margin-top: @gutter-half__em;\n+\n+    .respond-to-min(@tablet-min, {\n+        margin: 0;\n+        .grid_column(6);\n+    });\n+}\n+\n+\n+// Hero Video Player\n+\n+.hero .video-player.video-playing {\n+\n+    .video-player_video-container {\n+        display: table;\n+\n+        .respond-to-max(@tablet-max, {\n+            display: block;","path":"src/static/css/video-player.less","position":null,"original_position":159,"commit_id":"38a787781f8ef2dcd1d5aaebedd239e3a388d9cd","original_commit_id":"247f9ed0a517e05adc872503553df83bba694d2b","user":{"login":"sebworks","id":1696212,"avatar_url":"https://avatars.githubusercontent.com/u/1696212?v=3","gravatar_id":"","url":"https://api.github.com/users/sebworks","html_url":"https://github.com/sebworks","followers_url":"https://api.github.com/users/sebworks/followers","following_url":"https://api.github.com/users/sebworks/following{/other_user}","gists_url":"https://api.github.com/users/sebworks/gists{/gist_id}","starred_url":"https://api.github.com/users/sebworks/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sebworks/subscriptions","organizations_url":"https://api.github.com/users/sebworks/orgs","repos_url":"https://api.github.com/users/sebworks/repos","events_url":"https://api.github.com/users/sebworks/events{/privacy}","received_events_url":"https://api.github.com/users/sebworks/received_events","type":"User","site_admin":false},"body":"fixed in https://github.com/cfpb/cfgov-refresh/commit/38a787781f8ef2dcd1d5aaebedd239e3a388d9cd","created_at":"2015-08-21T11:17:02Z","updated_at":"2015-08-21T11:17:02Z","html_url":"https://github.com/cfpb/cfgov-refresh/pull/862#discussion_r37625583","pull_request_url":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/862","_links":{"self":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/comments/37625583"},"html":{"href":"https://github.com/cfpb/cfgov-refresh/pull/862#discussion_r37625583"},"pull_request":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/862"}}},"pull_request":{"url":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/862","id":41932840,"html_url":"https://github.com/cfpb/cfgov-refresh/pull/862","diff_url":"https://github.com/cfpb/cfgov-refresh/pull/862.diff","patch_url":"https://github.com/cfpb/cfgov-refresh/pull/862.patch","issue_url":"https://api.github.com/repos/cfpb/cfgov-refresh/issues/862","number":862,"state":"open","locked":false,"title":"Refactoring Video Code for Event","user":{"login":"sebworks","id":1696212,"avatar_url":"https://avatars.githubusercontent.com/u/1696212?v=3","gravatar_id":"","url":"https://api.github.com/users/sebworks","html_url":"https://github.com/sebworks","followers_url":"https://api.github.com/users/sebworks/followers","following_url":"https://api.github.com/users/sebworks/following{/other_user}","gists_url":"https://api.github.com/users/sebworks/gists{/gist_id}","starred_url":"https://api.github.com/users/sebworks/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sebworks/subscriptions","organizations_url":"https://api.github.com/users/sebworks/orgs","repos_url":"https://api.github.com/users/sebworks/repos","events_url":"https://api.github.com/users/sebworks/events{/privacy}","received_events_url":"https://api.github.com/users/sebworks/received_events","type":"User","site_admin":false},"body":"Refactoring Video Code for Event (closes issue #839).\r\n\r\n## Changes\r\n- Updated  `src/_includes/macros/video-player.html` to be support various video types.\r\n- Removed  `src/_includes/macros/youtube.html`  because it is no longer needed.\r\n- Updated `src/events/_event-post-macros.html`  to use new video-player macro and correct error regarding event summary state.\r\n- Updated `src/events/_event.html` to correct error regarding event summary state.\r\n- Updated `src/static/css/main.less` to add video-player styles.\r\n- Updated `src/static/css/pages/bureau.less` to remove code which was partitioned into video-player.less.\r\n- Updated `src/static/css/pages/event.less` to remove unnecessary code.\r\n- Updated `src/the-bureau/index.html` to use video-player macro.\r\n- Updated 'src/careers/application-process/index.html' to use new video-player macro.\r\n- Added `src/static/css/video-player.less` to partition video-player styles.\r\n- Updated `src/static/js/modules/youtube.js` to use new video-player styles.\r\n\r\n## Testing\r\nVisit `http://localhost:7000/events/summer-consumer-advisory-board-meeting-in-omaha-ne/`\r\n\r\n## Screenshots\r\n<img width=\"763\" alt=\"screen shot 2015-08-07 at 4 58 57 pm\" src=\"https://cloud.githubusercontent.com/assets/1696212/9145855/a2613e2e-3d25-11e5-8acd-165f796f5b65.png\">\r\n<img width=\"753\" alt=\"screen shot 2015-08-07 at 4 58 51 pm\" src=\"https://cloud.githubusercontent.com/assets/1696212/9145856/a261cb78-3d25-11e5-8c57-488b4674b263.png\">\r\n\r\n\r\n\r\n## Review\r\n@anselmbradford \r\n@KimberlyMunoz ","created_at":"2015-08-07T21:00:08Z","updated_at":"2015-08-21T11:17:02Z","closed_at":null,"merged_at":null,"merge_commit_sha":"4a4b490a29e5a8eb8da3a3e8829bb3b4ad9b48b7","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/862/commits","review_comments_url":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/862/comments","review_comment_url":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/comments{/number}","comments_url":"https://api.github.com/repos/cfpb/cfgov-refresh/issues/862/comments","statuses_url":"https://api.github.com/repos/cfpb/cfgov-refresh/statuses/38a787781f8ef2dcd1d5aaebedd239e3a388d9cd","head":{"label":"cfpb:DF2267_Event_Video","ref":"DF2267_Event_Video","sha":"38a787781f8ef2dcd1d5aaebedd239e3a388d9cd","user":{"login":"cfpb","id":1071563,"avatar_url":"https://avatars.githubusercontent.com/u/1071563?v=3","gravatar_id":"","url":"https://api.github.com/users/cfpb","html_url":"https://github.com/cfpb","followers_url":"https://api.github.com/users/cfpb/followers","following_url":"https://api.github.com/users/cfpb/following{/other_user}","gists_url":"https://api.github.com/users/cfpb/gists{/gist_id}","starred_url":"https://api.github.com/users/cfpb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfpb/subscriptions","organizations_url":"https://api.github.com/users/cfpb/orgs","repos_url":"https://api.github.com/users/cfpb/repos","events_url":"https://api.github.com/users/cfpb/events{/privacy}","received_events_url":"https://api.github.com/users/cfpb/received_events","type":"Organization","site_admin":false},"repo":{"id":18852566,"name":"cfgov-refresh","full_name":"cfpb/cfgov-refresh","owner":{"login":"cfpb","id":1071563,"avatar_url":"https://avatars.githubusercontent.com/u/1071563?v=3","gravatar_id":"","url":"https://api.github.com/users/cfpb","html_url":"https://github.com/cfpb","followers_url":"https://api.github.com/users/cfpb/followers","following_url":"https://api.github.com/users/cfpb/following{/other_user}","gists_url":"https://api.github.com/users/cfpb/gists{/gist_id}","starred_url":"https://api.github.com/users/cfpb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfpb/subscriptions","organizations_url":"https://api.github.com/users/cfpb/orgs","repos_url":"https://api.github.com/users/cfpb/repos","events_url":"https://api.github.com/users/cfpb/events{/privacy}","received_events_url":"https://api.github.com/users/cfpb/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/cfpb/cfgov-refresh","description":"In-progress redesign of the consumerfinance.gov website.","fork":false,"url":"https://api.github.com/repos/cfpb/cfgov-refresh","forks_url":"https://api.github.com/repos/cfpb/cfgov-refresh/forks","keys_url":"https://api.github.com/repos/cfpb/cfgov-refresh/keys{/key_id}","collaborators_url":"https://api.github.com/repos/cfpb/cfgov-refresh/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/cfpb/cfgov-refresh/teams","hooks_url":"https://api.github.com/repos/cfpb/cfgov-refresh/hooks","issue_events_url":"https://api.github.com/repos/cfpb/cfgov-refresh/issues/events{/number}","events_url":"https://api.github.com/repos/cfpb/cfgov-refresh/events","assignees_url":"https://api.github.com/repos/cfpb/cfgov-refresh/assignees{/user}","branches_url":"https://api.github.com/repos/cfpb/cfgov-refresh/branches{/branch}","tags_url":"https://api.github.com/repos/cfpb/cfgov-refresh/tags","blobs_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/refs{/sha}","trees_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/trees{/sha}","statuses_url":"https://api.github.com/repos/cfpb/cfgov-refresh/statuses/{sha}","languages_url":"https://api.github.com/repos/cfpb/cfgov-refresh/languages","stargazers_url":"https://api.github.com/repos/cfpb/cfgov-refresh/stargazers","contributors_url":"https://api.github.com/repos/cfpb/cfgov-refresh/contributors","subscribers_url":"https://api.github.com/repos/cfpb/cfgov-refresh/subscribers","subscription_url":"https://api.github.com/repos/cfpb/cfgov-refresh/subscription","commits_url":"https://api.github.com/repos/cfpb/cfgov-refresh/commits{/sha}","git_commits_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/commits{/sha}","comments_url":"https://api.github.com/repos/cfpb/cfgov-refresh/comments{/number}","issue_comment_url":"https://api.github.com/repos/cfpb/cfgov-refresh/issues/comments{/number}","contents_url":"https://api.github.com/repos/cfpb/cfgov-refresh/contents/{+path}","compare_url":"https://api.github.com/repos/cfpb/cfgov-refresh/compare/{base}...{head}","merges_url":"https://api.github.com/repos/cfpb/cfgov-refresh/merges","archive_url":"https://api.github.com/repos/cfpb/cfgov-refresh/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/cfpb/cfgov-refresh/downloads","issues_url":"https://api.github.com/repos/cfpb/cfgov-refresh/issues{/number}","pulls_url":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls{/number}","milestones_url":"https://api.github.com/repos/cfpb/cfgov-refresh/milestones{/number}","notifications_url":"https://api.github.com/repos/cfpb/cfgov-refresh/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/cfpb/cfgov-refresh/labels{/name}","releases_url":"https://api.github.com/repos/cfpb/cfgov-refresh/releases{/id}","created_at":"2014-04-16T19:22:03Z","updated_at":"2015-07-16T17:30:22Z","pushed_at":"2015-08-21T11:11:42Z","git_url":"git://github.com/cfpb/cfgov-refresh.git","ssh_url":"git@github.com:cfpb/cfgov-refresh.git","clone_url":"https://github.com/cfpb/cfgov-refresh.git","svn_url":"https://github.com/cfpb/cfgov-refresh","homepage":"","size":95952,"stargazers_count":9,"watchers_count":9,"language":"HTML","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":17,"mirror_url":null,"open_issues_count":97,"forks":17,"open_issues":97,"watchers":9,"default_branch":"flapjack"}},"base":{"label":"cfpb:flapjack","ref":"flapjack","sha":"70811b12e9ac4ce8968b33ce749a5e5015ce55c8","user":{"login":"cfpb","id":1071563,"avatar_url":"https://avatars.githubusercontent.com/u/1071563?v=3","gravatar_id":"","url":"https://api.github.com/users/cfpb","html_url":"https://github.com/cfpb","followers_url":"https://api.github.com/users/cfpb/followers","following_url":"https://api.github.com/users/cfpb/following{/other_user}","gists_url":"https://api.github.com/users/cfpb/gists{/gist_id}","starred_url":"https://api.github.com/users/cfpb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfpb/subscriptions","organizations_url":"https://api.github.com/users/cfpb/orgs","repos_url":"https://api.github.com/users/cfpb/repos","events_url":"https://api.github.com/users/cfpb/events{/privacy}","received_events_url":"https://api.github.com/users/cfpb/received_events","type":"Organization","site_admin":false},"repo":{"id":18852566,"name":"cfgov-refresh","full_name":"cfpb/cfgov-refresh","owner":{"login":"cfpb","id":1071563,"avatar_url":"https://avatars.githubusercontent.com/u/1071563?v=3","gravatar_id":"","url":"https://api.github.com/users/cfpb","html_url":"https://github.com/cfpb","followers_url":"https://api.github.com/users/cfpb/followers","following_url":"https://api.github.com/users/cfpb/following{/other_user}","gists_url":"https://api.github.com/users/cfpb/gists{/gist_id}","starred_url":"https://api.github.com/users/cfpb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfpb/subscriptions","organizations_url":"https://api.github.com/users/cfpb/orgs","repos_url":"https://api.github.com/users/cfpb/repos","events_url":"https://api.github.com/users/cfpb/events{/privacy}","received_events_url":"https://api.github.com/users/cfpb/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/cfpb/cfgov-refresh","description":"In-progress redesign of the consumerfinance.gov website.","fork":false,"url":"https://api.github.com/repos/cfpb/cfgov-refresh","forks_url":"https://api.github.com/repos/cfpb/cfgov-refresh/forks","keys_url":"https://api.github.com/repos/cfpb/cfgov-refresh/keys{/key_id}","collaborators_url":"https://api.github.com/repos/cfpb/cfgov-refresh/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/cfpb/cfgov-refresh/teams","hooks_url":"https://api.github.com/repos/cfpb/cfgov-refresh/hooks","issue_events_url":"https://api.github.com/repos/cfpb/cfgov-refresh/issues/events{/number}","events_url":"https://api.github.com/repos/cfpb/cfgov-refresh/events","assignees_url":"https://api.github.com/repos/cfpb/cfgov-refresh/assignees{/user}","branches_url":"https://api.github.com/repos/cfpb/cfgov-refresh/branches{/branch}","tags_url":"https://api.github.com/repos/cfpb/cfgov-refresh/tags","blobs_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/refs{/sha}","trees_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/trees{/sha}","statuses_url":"https://api.github.com/repos/cfpb/cfgov-refresh/statuses/{sha}","languages_url":"https://api.github.com/repos/cfpb/cfgov-refresh/languages","stargazers_url":"https://api.github.com/repos/cfpb/cfgov-refresh/stargazers","contributors_url":"https://api.github.com/repos/cfpb/cfgov-refresh/contributors","subscribers_url":"https://api.github.com/repos/cfpb/cfgov-refresh/subscribers","subscription_url":"https://api.github.com/repos/cfpb/cfgov-refresh/subscription","commits_url":"https://api.github.com/repos/cfpb/cfgov-refresh/commits{/sha}","git_commits_url":"https://api.github.com/repos/cfpb/cfgov-refresh/git/commits{/sha}","comments_url":"https://api.github.com/repos/cfpb/cfgov-refresh/comments{/number}","issue_comment_url":"https://api.github.com/repos/cfpb/cfgov-refresh/issues/comments{/number}","contents_url":"https://api.github.com/repos/cfpb/cfgov-refresh/contents/{+path}","compare_url":"https://api.github.com/repos/cfpb/cfgov-refresh/compare/{base}...{head}","merges_url":"https://api.github.com/repos/cfpb/cfgov-refresh/merges","archive_url":"https://api.github.com/repos/cfpb/cfgov-refresh/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/cfpb/cfgov-refresh/downloads","issues_url":"https://api.github.com/repos/cfpb/cfgov-refresh/issues{/number}","pulls_url":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls{/number}","milestones_url":"https://api.github.com/repos/cfpb/cfgov-refresh/milestones{/number}","notifications_url":"https://api.github.com/repos/cfpb/cfgov-refresh/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/cfpb/cfgov-refresh/labels{/name}","releases_url":"https://api.github.com/repos/cfpb/cfgov-refresh/releases{/id}","created_at":"2014-04-16T19:22:03Z","updated_at":"2015-07-16T17:30:22Z","pushed_at":"2015-08-21T11:11:42Z","git_url":"git://github.com/cfpb/cfgov-refresh.git","ssh_url":"git@github.com:cfpb/cfgov-refresh.git","clone_url":"https://github.com/cfpb/cfgov-refresh.git","svn_url":"https://github.com/cfpb/cfgov-refresh","homepage":"","size":95952,"stargazers_count":9,"watchers_count":9,"language":"HTML","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":17,"mirror_url":null,"open_issues_count":97,"forks":17,"open_issues":97,"watchers":9,"default_branch":"flapjack"}},"_links":{"self":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/862"},"html":{"href":"https://github.com/cfpb/cfgov-refresh/pull/862"},"issue":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/issues/862"},"comments":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/issues/862/comments"},"review_comments":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/862/comments"},"review_comment":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/pulls/862/commits"},"statuses":{"href":"https://api.github.com/repos/cfpb/cfgov-refresh/statuses/38a787781f8ef2dcd1d5aaebedd239e3a388d9cd"}}}}