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

This commit is contained in:
Michael Q Larson
2015-02-18 21:20:44 -08:00
parent 9d60f9e0c5
commit 884ff62bcc
3 changed files with 63 additions and 57 deletions

View File

@ -21,7 +21,8 @@ block content
.col-xs-12.col-sm-12.col-md-4.bonfire-top .col-xs-12.col-sm-12.col-md-4.bonfire-top
#testCreatePanel #testCreatePanel
h1.text-center= name h1.text-center= name
h2.text-center.bonfire-flames h2.text-center
.bonfire-flames Difficulty: 
if (difficulty == "0") if (difficulty == "0")
i.ion-ios-flame-outline i.ion-ios-flame-outline
i.ion-ios-flame-outline i.ion-ios-flame-outline

View File

@ -1,5 +1,13 @@
.fcc-footer .fcc-footer
.col-xs-12 .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') a.ion-speakerphone(href='http://blog.freecodecamp.com', target='_blank')
span.sr-only Free Code Camp's Blog span.sr-only Free Code Camp's Blog
a.ion-social-twitch-outline(href="http://www.twitch.tv/freecodecamp", target='_blank') a.ion-social-twitch-outline(href="http://www.twitch.tv/freecodecamp", target='_blank')
@ -10,11 +18,7 @@
span.sr-only Free Code Camp on Twitter span.sr-only Free Code Camp on Twitter
a.ion-social-facebook(href="http://facebook.com/freecodecamp", target='_blank') a.ion-social-facebook(href="http://facebook.com/freecodecamp", target='_blank')
span.sr-only Free Code Camp on Facebook 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") a.ion-information-circled(href="/learn-to-code")
span.sr-only About Free Code Camp span.sr-only About Free Code Camp
a.ion-locked(href="/privacy") a.ion-locked(href="/privacy")
span.sr-only Free Code Camp's Privacy Policy span.sr-only Free Code Camp's Privacy Policy
a.ion-code-working(href="/playground")
span.sr-only Code Editor Playground

View File

@ -2,7 +2,8 @@ extends ../layout-wide
block content block content
img.img-responsive.img-center(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png') img.img-responsive.img-center(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png')
br 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 br
script. script.
var challengeName = 'Learn to code' var challengeName = 'Learn to code'