gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

75
views/bonfire/show.jade
View File

@ -21,43 +21,44 @@ 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
if (difficulty == "0") .bonfire-flames Difficulty: 
i.ion-ios-flame-outline 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 i.ion-ios-flame-outline
i.ion-ios-flame-outline i.ion-ios-flame-outline
if (difficulty == "1") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "1")
i.ion-ios-flame-outline i.ion-ios-flame
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 i.ion-ios-flame-outline
if (difficulty == "2") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "2")
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame-outline 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 == "3") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "3")
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame-outline
if (difficulty == "4") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "4")
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame-outline i.ion-ios-flame
if (difficulty == "5") i.ion-ios-flame-outline
i.ion-ios-flame if (difficulty == "5")
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame i.ion-ios-flame
i.ion-ios-flame
.well .well
.row .row
.col-xs-12 .col-xs-12

42
views/partials/footer.jade
View File

@ -1,20 +1,24 @@
.fcc-footer .fcc-footer
.col-xs-12 .col-xs-12.hidden-xs.hidden-sm
a.ion-speakerphone(href='http://blog.freecodecamp.com', target='_blank') a.ion-speakerphone(href='http://blog.freecodecamp.com', target='_blank')  Blog  
span.sr-only Free Code Camp's Blog a.ion-social-twitch-outline(href="http://www.twitch.tv/freecodecamp", target='_blank')  Twitch  
a.ion-social-twitch-outline(href="http://www.twitch.tv/freecodecamp", target='_blank') a.ion-social-github(href="http://github.com/freecodecamp", target='_blank')  Github  
span.sr-only Free Code Camp Live Pair Programming on Twitch.tv a.ion-social-twitter(href="http://twitter.com/freecodecamp", target='_blank')  Twitter  
a.ion-social-github(href="http://github.com/freecodecamp", target='_blank') a.ion-social-facebook(href="http://facebook.com/freecodecamp", target='_blank')  Facebook  
span.sr-only Free Code Camp on GitHub a.ion-information-circled(href="/learn-to-code")  About  
a.ion-social-twitter(href="http://twitter.com/freecodecamp", target='_blank') a.ion-locked(href="/privacy")  Privacy  
span.sr-only Free Code Camp on Twitter .col-xs-12.visible-xs.visible-sm
a.ion-social-facebook(href="http://facebook.com/freecodecamp", target='_blank') a.ion-speakerphone(href='http://blog.freecodecamp.com', target='_blank')
span.sr-only Free Code Camp on Facebook span.sr-only Free Code Camp's Blog
a.ion-social-linkedin(href="http://linkedin.com/company/4831032?free-code-camp", target='_blank') a.ion-social-twitch-outline(href="http://www.twitch.tv/freecodecamp", target='_blank')
span.sr-only Free Code Camp on LinkedIn span.sr-only Free Code Camp Live Pair Programming on Twitch.tv
a.ion-information-circled(href="/learn-to-code") a.ion-social-github(href="http://github.com/freecodecamp", target='_blank')
span.sr-only About Free Code Camp span.sr-only Free Code Camp on GitHub
a.ion-locked(href="/privacy") a.ion-social-twitter(href="http://twitter.com/freecodecamp", target='_blank')
span.sr-only Free Code Camp's Privacy Policy span.sr-only Free Code Camp on Twitter
a.ion-code-working(href="/playground") a.ion-social-facebook(href="http://facebook.com/freecodecamp", target='_blank')
span.sr-only Code Editor Playground 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

3
views/resources/learn-to-code.jade
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'