diff --git a/public/css/main.less b/public/css/main.less index cf8b467ed8..5996b2b858 100644 --- a/public/css/main.less +++ b/public/css/main.less @@ -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; diff --git a/seed_data/coursewares.json b/seed_data/coursewares.json index 716f24acb2..969b39ab26 100644 --- a/seed_data/coursewares.json +++ b/seed_data/coursewares.json @@ -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\");", diff --git a/views/bonfire/show.jade b/views/bonfire/show.jade index 01cbe87077..77c5b61e0c 100644 --- a/views/bonfire/show.jade +++ b/views/bonfire/show.jade @@ -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 diff --git a/views/coursewares/showHTML.jade b/views/coursewares/showHTML.jade index 676aadf774..c094f534c3 100644 --- a/views/coursewares/showHTML.jade +++ b/views/coursewares/showHTML.jade @@ -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) diff --git a/views/coursewares/showJS.jade b/views/coursewares/showJS.jade index 3570432d41..a8183dae10 100644 --- a/views/coursewares/showJS.jade +++ b/views/coursewares/showJS.jade @@ -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 diff --git a/views/resources/learn-to-code.jade b/views/resources/learn-to-code.jade index 22e1ff5bbc..e040bce215 100644 --- a/views/resources/learn-to-code.jade +++ b/views/resources/learn-to-code.jade @@ -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