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

responsive challenge videos

Browse Source
This commit is contained in:
Michael Q Larson
2014-10-21 21:36:47 -07:00
parent e05195e47a
commit a3de81f88c
3 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/css/styles.less
View File

@ -130,4 +130,7 @@ ul {
margin-bottom: -20px; margin-bottom: -20px;
} }
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/**/ /**/

8
views/challenges/partials/challenge.jade
View File

@ -1,12 +1,8 @@
.panel.panel-primary .panel.panel-primary
.panel-heading Challenge: #{name} .panel-heading Challenge: #{name}
.panel.panel-body .panel.panel-body
img.img-center.img-responsive(src=image) .responsive-container
br iframe(src='//player.vimeo.com/video/#{video}', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
.visible-xs
iframe(src='//player.vimeo.com/video/#{video}', width='300', height='187', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
.hidden-xs
iframe(src='//player.vimeo.com/video/#{video}', width='600', height='375', style="display:block;", frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
h3 Instructions: h3 Instructions:
for direction in directions for direction in directions
p= direction p= direction

2
views/curriculum/curriculum.jade
View File

@ -12,7 +12,7 @@ block content
li Challenge #2 will show you how to start a pair programming session. Pair program as much as possible. It's more fun, and you'll learn better that way. li Challenge #2 will show you how to start a pair programming session. Pair program as much as possible. It's more fun, and you'll learn better that way.
p We're working to create more challenges. If you have an idea for a challenge you'd like us to implement,&nbsp p We're working to create more challenges. If you have an idea for a challenge you'd like us to implement,&nbsp
a(href="https://twitter.com/intent/tweet?text=Hey%20@freecodecamp") tweet it to @freecodecamp. a(href="https://twitter.com/intent/tweet?text=Hey%20@freecodecamp") tweet it to @freecodecamp.
x
.col-sm-4.col-xs-12 .col-sm-4.col-xs-12
include ./../partials/challenges include ./../partials/challenges
.col-sm-4.col-xs-12 .col-sm-4.col-xs-12