gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

remove container from live-pair-programming view so more horizontal real-estate for twitch

Browse Source
This commit is contained in:
Michael Q Larson
2015-01-22 11:29:45 -08:00
parent 9e41b0ca7b
commit 20cc2aa1b7
2 changed files with 78 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/css/main.less
View File

@ -545,7 +545,10 @@ form.code span {
div.CodeMirror-scroll { div.CodeMirror-scroll {
padding-bottom: 100px; padding-bottom: 100px;
}
.embed-responsive-twitch-chat {
padding-bottom: 117%;
} }
//uncomment this to see the dimensions of all elements outlined in red //uncomment this to see the dimensions of all elements outlined in red

108
views/resources/live-pair-programming.jade
View File

@ -1,33 +1,75 @@
extends ../layout doctype html
block content html(ng-app='profileValidation', lang='en')
.panel.panel-primary head
.panel-heading.landing-panel-heading.text-center Live Pair Programming script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js")
.panel-body script(src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js")
.landing-panel-body.text-center script(src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js")
h2 We live pair program every Tuesday from 9 pm to 10 pm EST (Eastern Standard Time). link(rel='shortcut icon', href='//s3.amazonaws.com/freecodecamp/favicon.ico')
h2 Our next session will be January 27th, 2015 at 9 p.m. EST! link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css')
h2 Join the discussion in our   link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css')
a(href="chat.freecodecamp.com", target="_blank") FreeCodeCamp chat room. link(rel='stylesheet', href='//code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css')
h2 Watch the live stream below or on our   include ../partials/meta
a(href="http://twitch.tv/freecodecamp", target='_blank') Twitch.tv channel title #{title} | Free Code Camp
| . meta(charset='utf-8')
.embed-responsive.embed-responsive-16by9.big-break meta(http-equiv='X-UA-Compatible', content='IE=edge')
iframe(src='http://www.twitch.tv/freecodecamp/embed', frameborder='0', scrolling='no') meta(name='viewport', content='width=device-width, initial-scale=1.0')
br meta(name='csrf-token', content=_csrf)
.panel.panel-primary != css('main')
.panel-heading.landing-panel-heading.text-center Previous Live Pair Programming Sessions body
.panel-body block content
.landing-panel-body.text-center include ../partials/navbar
.col-xs-12 .panel.panel-primary
.embed-responsive.embed-responsive-16by9.big-break .panel-heading.landing-panel-heading.text-center Live Pair Programming
iframe.embed-responsive-item(src='//www.youtube.com/embed/cBtysq16kqo') .panel-body
h3 link:   .landing-panel-body.text-center
a(href="http://www.youtube.com/watch/cBtysq16kqo") http://www.youtube.com/watch/cBtysq16kqo h2 We live pair program every Tuesday from 9 pm to 10 pm EST (Eastern Standard Time).
.embed-responsive.embed-responsive-16by9.big-break h2 Our next session will be January 27th, 2015 at 9 p.m. EST!
iframe.embed-responsive-item(src='//www.youtube.com/embed/19pP2pvZuBs') h2 Join the discussion in our  
h3 link:   a(href="chat.freecodecamp.com", target="_blank") FreeCodeCamp chat room.
a(href="http://www.youtube.com/watch/19pP2pvZuBs") http://www.youtube.com/watch/19pP2pvZuBs h2 Watch the live stream below or on our  
h3 Got 3 minutes? Learn to code with us! a(href="http://twitch.tv/freecodecamp", target='_blank') Twitch.tv channel
a.btn.btn-cta.signup-btn.btn-primary(href="/login") Start learning to code (it's free) | .
br .row
br .col-xs-8
.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')
br
.panel.panel-primary
.panel-heading.landing-panel-heading.text-center Previous Live Pair Programming Sessions
.panel-body
.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
.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
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
br
include ../partials/footer
!= js('application')
script.
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-55446531-1', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
script(src="//cdn.optimizely.com/js/999692993.js")