From 95f5581d1908fc88ff8819f8b2c9ff8e215f8484 Mon Sep 17 00:00:00 2001 From: Michael Q Larson Date: Thu, 22 Jan 2015 16:52:43 -0800 Subject: [PATCH] improve the live code view --- app.js | 3 +- views/resources/live-pair-programming.jade | 36 ++++++++++++++++------ 2 files changed, 27 insertions(+), 12 deletions(-) diff --git a/app.js b/app.js index fea606ba01..eb65edc55a 100644 --- a/app.js +++ b/app.js @@ -131,6 +131,7 @@ var trusted = [ 'http://localhost:3000', '*.ionicframework.com', 'https://syndication.twitter.com', + '*.youtube.com', ]; debug(trusted); @@ -151,7 +152,6 @@ app.use(helmet.contentSecurityPolicy({ 'data:', '*.licdn.com', '*.gravatar.com', - '*.youtube.com', '*.akamaihd.net', 'graph.facebook.com', '*.githubusercontent.com', @@ -168,7 +168,6 @@ app.use(helmet.contentSecurityPolicy({ '*.vimeo.com', '*.twitter.com', '*.rafflecopter.com', - '*.youtube.com' ].concat(trusted), reportOnly: false, // set to true if you only want to report errors setAllHeaders: false, // set to true if you want to set all headers diff --git a/views/resources/live-pair-programming.jade b/views/resources/live-pair-programming.jade index 991052dd65..d9c56f45ca 100644 --- a/views/resources/live-pair-programming.jade +++ b/views/resources/live-pair-programming.jade @@ -30,12 +30,16 @@ html(ng-app='profileValidation', lang='en') a(href="http://twitch.tv/freecodecamp", target='_blank') Twitch.tv channel | . .row - .col-xs-8 + .col-md-8.col-xs-12 .embed-responsive.embed-responsive-16by9 iframe(src='http://www.twitch.tv/freecodecamp/embed', frameborder='0', scrolling='no') - .col-xs-4 - .embed-responsive.embed-responsive-twitch-chat - iframe(src='http://www.twitch.tv/freecodecamp/chat?popout=', frameborder='0', scrolling='no') + .col-md-4.col-xs-12 + .visible-sm.visible-xs + .embed-responsive.embed-responsive-16by9 + iframe(src='http://www.twitch.tv/freecodecamp/chat?popout=', frameborder='0', scrolling='no') + .visible-md.visible-lg + .embed-responsive.embed-responsive-twitch-chat + iframe(src='http://www.twitch.tv/freecodecamp/chat?popout=', frameborder='0', scrolling='no') br .panel.panel-primary @@ -44,13 +48,25 @@ html(ng-app='profileValidation', lang='en') .landing-panel-body.text-center .col-xs-12 .embed-responsive.embed-responsive-16by9.big-break - iframe.embed-responsive-item(src='//www.youtube.com/embed/cBtysq16kqo') - h3 link:   - a(href="http://www.youtube.com/watch/cBtysq16kqo") http://www.youtube.com/watch/cBtysq16kqo + iframe.embed-responsive-item(src='//www.youtube.com/embed/_BErpDdmBOw') + h3.wrappable link:   + a(href="http://www.youtube.com/watch/_BErpDdmBOw") http://www.youtube.com/watch/_BErpDdmBOw .embed-responsive.embed-responsive-16by9.big-break - iframe.embed-responsive-item(src='//www.youtube.com/embed/19pP2pvZuBs') - h3 link:   - a(href="http://www.youtube.com/watch/19pP2pvZuBs") http://www.youtube.com/watch/19pP2pvZuBs + iframe.embed-responsive-item(src='//www.youtube.com/embed/Fn9HMn79KH0') + h3.wrappable link:   + a(href="http://www.youtube.com/watch/Fn9HMn79KH0") http://www.youtube.com/watch/Fn9HMn79KH0 + .embed-responsive.embed-responsive-16by9.big-break + iframe.embed-responsive-item(src='//www.youtube.com/embed/S7iRBZJwOAs') + h3.wrappable link:   + a(href="http://www.youtube.com/watch/S7iRBZJwOAs") http://www.youtube.com/watch/S7iRBZJwOAs + .embed-responsive.embed-responsive-16by9.big-break + iframe.embed-responsive-item(src='//www.youtube.com/embed/BHNRg39ZblE') + h3.wrappable link:   + a(href="http://www.youtube.com/watch/BHNRg39ZblE") http://www.youtube.com/watch/BHNRg39ZblE + .embed-responsive.embed-responsive-16by9.big-break + iframe.embed-responsive-item(src='//www.youtube.com/embed/YDfkHlDmehA') + h3.wrappable link:   + a(href="http://www.youtube.com/watch/YDfkHlDmehA") http://www.youtube.com/watch/YDfkHlDmehA h3 Got 3 minutes? Learn to code with us! a.btn.btn-cta.signup-btn.btn-primary(href="/login") Start learning to code (it's free) br