From 884ff62bcc75a5d3724169fbfe1b7fb476b76fd2 Mon Sep 17 00:00:00 2001 From: Michael Q Larson Date: Wed, 18 Feb 2015 21:20:44 -0800 Subject: [PATCH] make the footer look better on desktop with more descript links and make the go to next challenge button the CTA button style and added the difficulty label to the flames in bonfire --- views/bonfire/show.jade | 75 +++++++++++++++--------------- views/partials/footer.jade | 42 +++++++++-------- views/resources/learn-to-code.jade | 3 +- 3 files changed, 63 insertions(+), 57 deletions(-) diff --git a/views/bonfire/show.jade b/views/bonfire/show.jade index f90390c61e8..ef53cdf446c 100644 --- a/views/bonfire/show.jade +++ b/views/bonfire/show.jade @@ -21,43 +21,44 @@ block content .col-xs-12.col-sm-12.col-md-4.bonfire-top #testCreatePanel h1.text-center= name - h2.text-center.bonfire-flames - if (difficulty == "0") - i.ion-ios-flame-outline - i.ion-ios-flame-outline - i.ion-ios-flame-outline - i.ion-ios-flame-outline - i.ion-ios-flame-outline - if (difficulty == "1") - i.ion-ios-flame - i.ion-ios-flame-outline - i.ion-ios-flame-outline - i.ion-ios-flame-outline - i.ion-ios-flame-outline - if (difficulty == "2") - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame-outline - i.ion-ios-flame-outline - i.ion-ios-flame-outline - if (difficulty == "3") - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame-outline - i.ion-ios-flame-outline - if (difficulty == "4") - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame-outline - if (difficulty == "5") - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame - i.ion-ios-flame + h2.text-center + .bonfire-flames Difficulty:  + if (difficulty == "0") + i.ion-ios-flame-outline + i.ion-ios-flame-outline + i.ion-ios-flame-outline + i.ion-ios-flame-outline + i.ion-ios-flame-outline + if (difficulty == "1") + i.ion-ios-flame + i.ion-ios-flame-outline + i.ion-ios-flame-outline + i.ion-ios-flame-outline + i.ion-ios-flame-outline + if (difficulty == "2") + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame-outline + i.ion-ios-flame-outline + i.ion-ios-flame-outline + if (difficulty == "3") + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame-outline + i.ion-ios-flame-outline + if (difficulty == "4") + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame-outline + if (difficulty == "5") + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame + i.ion-ios-flame .well .row .col-xs-12 diff --git a/views/partials/footer.jade b/views/partials/footer.jade index d1cc9f6d170..f5e6b365231 100644 --- a/views/partials/footer.jade +++ b/views/partials/footer.jade @@ -1,20 +1,24 @@ .fcc-footer - .col-xs-12 - a.ion-speakerphone(href='http://blog.freecodecamp.com', target='_blank') - span.sr-only Free Code Camp's Blog - a.ion-social-twitch-outline(href="http://www.twitch.tv/freecodecamp", target='_blank') - span.sr-only Free Code Camp Live Pair Programming on Twitch.tv - a.ion-social-github(href="http://github.com/freecodecamp", target='_blank') - span.sr-only Free Code Camp on GitHub - a.ion-social-twitter(href="http://twitter.com/freecodecamp", target='_blank') - span.sr-only Free Code Camp on Twitter - a.ion-social-facebook(href="http://facebook.com/freecodecamp", target='_blank') - span.sr-only Free Code Camp on Facebook - a.ion-social-linkedin(href="http://linkedin.com/company/4831032?free-code-camp", target='_blank') - span.sr-only Free Code Camp on LinkedIn - a.ion-information-circled(href="/learn-to-code") - span.sr-only About Free Code Camp - a.ion-locked(href="/privacy") - span.sr-only Free Code Camp's Privacy Policy - a.ion-code-working(href="/playground") - span.sr-only Code Editor Playground \ No newline at end of file + .col-xs-12.hidden-xs.hidden-sm + a.ion-speakerphone(href='http://blog.freecodecamp.com', target='_blank')  Blog   + a.ion-social-twitch-outline(href="http://www.twitch.tv/freecodecamp", target='_blank')  Twitch   + a.ion-social-github(href="http://github.com/freecodecamp", target='_blank')  Github   + a.ion-social-twitter(href="http://twitter.com/freecodecamp", target='_blank')  Twitter   + a.ion-social-facebook(href="http://facebook.com/freecodecamp", target='_blank')  Facebook   + a.ion-information-circled(href="/learn-to-code")  About   + a.ion-locked(href="/privacy")  Privacy   + .col-xs-12.visible-xs.visible-sm + a.ion-speakerphone(href='http://blog.freecodecamp.com', target='_blank') + span.sr-only Free Code Camp's Blog + a.ion-social-twitch-outline(href="http://www.twitch.tv/freecodecamp", target='_blank') + span.sr-only Free Code Camp Live Pair Programming on Twitch.tv + a.ion-social-github(href="http://github.com/freecodecamp", target='_blank') + span.sr-only Free Code Camp on GitHub + a.ion-social-twitter(href="http://twitter.com/freecodecamp", target='_blank') + span.sr-only Free Code Camp on Twitter + a.ion-social-facebook(href="http://facebook.com/freecodecamp", target='_blank') + span.sr-only Free Code Camp on Facebook + a.ion-information-circled(href="/learn-to-code") + span.sr-only About Free Code Camp + a.ion-locked(href="/privacy") + span.sr-only Free Code Camp's Privacy Policy \ No newline at end of file diff --git a/views/resources/learn-to-code.jade b/views/resources/learn-to-code.jade index a35eeca7058..aee9a0c3c00 100644 --- a/views/resources/learn-to-code.jade +++ b/views/resources/learn-to-code.jade @@ -2,7 +2,8 @@ extends ../layout-wide block content img.img-responsive.img-center(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png') br - a.btn.btn-big.btn-block.btn-primary.next-challenge-button(href="/challenges") Take me to my next challenge + .text-center + a.btn.btn-cta.signup-btn.next-challenge-button(href="/challenges") Take me to my next challenge br script. var challengeName = 'Learn to code'