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 f90390c61e..ef53cdf446 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 d1cc9f6d17..f5e6b36523 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 a35eeca705..aee9a0c3c0 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'