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
#testCreatePanel
h1.text-center= name
h2.text-center.bonfire-flames
h2.text-center
.bonfire-flames Difficulty: 
if (difficulty == "0")
i.ion-ios-flame-outline
i.ion-ios-flame-outline

View File

@ -1,5 +1,13 @@
.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')
span.sr-only Free Code Camp's Blog
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
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

View File

@ -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'