diff --git a/public/css/main.less b/public/css/main.less index 5a15dc0f8b..a43896dec7 100644 --- a/public/css/main.less +++ b/public/css/main.less @@ -720,6 +720,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 7df5cf5a3f..4208810e6c 100644 --- a/seed_data/coursewares.json +++ b/seed_data/coursewares.json @@ -3322,11 +3322,12 @@ "challengeType": 0 }, { - "_id": "bd8123c8c441eddfaeb5bdef", + "_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 768928e663..ddf5ef5da4 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) #showAllButton.btn.btn-info.btn-big.btn-block Show all coding challenges br diff --git a/views/coursewares/showHTML.jade b/views/coursewares/showHTML.jade index cb884bf531..d954b939ff 100644 --- a/views/coursewares/showHTML.jade +++ b/views/coursewares/showHTML.jade @@ -29,18 +29,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 .btn.btn-info#showAllCoursewares diff --git a/views/coursewares/showJS.jade b/views/coursewares/showJS.jade index 4e4a364565..8c1c4ad889 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 cb09a48796..29c8859ea4 100644 --- a/views/resources/learn-to-code.jade +++ b/views/resources/learn-to-code.jade @@ -6,7 +6,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