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

some minor ux improvements and use nice ghost-style buttons for more information and less information on challenges and bonfires

Browse Source
This commit is contained in:
Michael Q Larson
2015-02-22 17:32:30 -08:00
parent 3833053221
commit 19e8795055
6 changed files with 39 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/css/main.less
View File

@ -709,6 +709,20 @@ iframe.iphone {
margin-bottom: 50px;
}
.btn-primary-ghost{
background: transparent;
color: @brand-primary;
/* CSS Transition */
-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
-ms-transition: background .2s ease-in-out, border .2s ease-in-out;
-o-transition: background .2s ease-in-out, border .2s ease-in-out;
transition: background .2s ease-in-out, border .2s ease-in-out;
}
//uncomment this to see the dimensions of all elements outlined in red
//* {
// border-color: red;

5
seed_data/coursewares.json
View File

@ -2605,11 +2605,12 @@
"challengeType" : 2
},
{
"_id": "bd7123c8c441eddfaeb5bdef",
"_id": "bd7123c9c441eddfaeb5bdef",
"name": "Meet Booleans",
"difficulty": "9.98",
"description": [
"Return true"
"Return true",
"Some additional directions"
],
"tests": [
"expect(welcomeToBooleans()).to.be.a(\"boolean\");",

14
views/bonfire/show.jade
View File

@ -66,18 +66,16 @@ block content
.bonfire-instructions
p= brief
#brief-instructions
.text-center
button#more-info.btn.btn-info
span.ion-help-circled
| More information
#more-info.btn.btn-primary.btn-block.btn-primary-ghost
span.ion-arrow-down-b
| More information
#long-instructions.row.hide
.col-xs-12
for sentence in details
p!= sentence
.text-center
button#less-info.btn.btn-info
span.ion-help-circled
| Less information
#less-info.btn.btn-primary.btn-block.btn-primary-ghost
span.ion-arrow-up-b
| Less information
#submitButton.btn.btn-primary.btn-big.btn-block Run code (ctrl + enter)
br
form.code

14
views/coursewares/showHTML.jade
View File

@ -27,18 +27,16 @@ block content
.bonfire-instructions
p!= brief
#brief-instructions
.text-center
button#more-info.btn.btn-info
span.ion-help-circled
| More information
#more-info.btn.btn-primary.btn-block.btn-primary-ghost
span.ion-arrow-down-b
| More information
#long-instructions.row.hide
.col-xs-12
for sentence in details
p!= sentence
.text-center
button#less-info.btn.btn-info
span.ion-help-circled
| Less information
#less-info.btn.btn-primary.btn-block.btn-primary-ghost
span.ion-arrow-up-b
| Less information
br
- if (cc)

14
views/coursewares/showJS.jade
View File

@ -24,18 +24,16 @@ block content
.bonfire-instructions
p= brief
#brief-instructions
.text-center
button#more-info.btn.btn-info
span.ion-help-circled
| More information
#more-info.btn.btn-primary.btn-block.btn-primary-ghost
span.ion-arrow-down-b
| More information
#long-instructions.row.hide
.col-xs-12
for sentence in details
p!= sentence
.text-center
button#less-info.btn.btn-info
span.ion-help-circled
| Less information
#less-info.btn.btn-primary.btn-block.btn-primary-ghost
span.ion-arrow-up-b
| Less information
#submitButton.btn.btn-primary.btn-big.btn-block Run code (ctrl + enter)
br
form.code

5
views/resources/learn-to-code.jade
View File

@ -3,7 +3,10 @@ block content
img.img-responsive.img-center(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png')
br
.text-center
a.btn.btn-cta.signup-btn.next-challenge-button(href="/challenges") Take me to my next challenge
if (user)
a.btn.btn-cta.signup-btn.next-challenge-button(href="/challenges") Take me to my next challenge
else
a.btn.btn-cta.signup-btn.next-challenge-button(href="/signin") Start learning to code (it's free)
br
.row
.col-xs-12.col-sm-12.col-md-4