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

fix courseware.json typo and make it easier to click checkboxes

Browse Source
This commit is contained in:
Michael Q Larson
2015-04-17 22:37:13 -07:00
parent 13d5b64427
commit 11ece0fda1
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/css/main.less
View File

@ -916,6 +916,9 @@ iframe.iphone {
padding-bottom: 10px;
}
.italic {
font-style: italic;
}
//uncomment this to see the dimensions of all elements outlined in red
//* {
// border-color: red;

8
public/js/main.js
View File

@ -30,12 +30,16 @@ $(document).ready(function() {
.addClass('animated fadeInDown');
});
$('.step-text').on('click', function() {
$(this).siblings().children('input').trigger('click');
});
$('.challenge-list-checkbox').on('change', function() {
if ($(this).is(":checked")) {
$(this).parent().parent().children('.step-text').addClass('strikethrough text-primary');
$(this).parent().parent().children('.step-text').addClass('italic');
}
if (!$(this).is(":checked")) {
$(this).parent().parent().children('.step-text').removeClass('strikethrough text-primary');
$(this).parent().parent().children('.step-text').removeClass('italic');
}
});

2
seed_data/coursewares.json
View File

@ -650,7 +650,7 @@
"difficulty": 1.01,
"challengeSeed": "123488494",
"description": [
"<span class='text-info'>Objective:</span> Build a <a href='http://codepen.io' target='_blank'>CodePen.io</a> that successfully reverse-engineers this: <a href='http://codepen.io/FreeCodeCamp/full/gbEmJr/' target='_blank'>http://codepen.io/FreeCodeCamp/full/gbEmJr/</a>.",
"<span class='text-info'>Objective:</span> Build a <a href='http://codepen.io' target='_blank'>CodePen.io</a> that successfully reverse-engineers this: <a href='http://codepen.io/GeoffStorbeck/full/GJKRxZ' target='_blank'>http://codepen.io/GeoffStorbeck/full/GJKRxZ</a>.",
"<span class='text-info'>Rule #1:</span> Don't look at the example project's code. Figure it out for yourself.",
"<span class='text-info'>Rule #2:</span> You may use whichever libraries or APIs you need.",
"<span class='text-info'>Rule #3:</span> Reverse engineer the example project's functionality, and also feel free to personalize it.",