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

adjust map font size and simplify Facebook share call to action

Browse Source
This commit is contained in:
Quincy Larson
2015-09-13 20:26:33 -07:00
parent 5376c1d4fe
commit 957a5329e5
2 changed files with 21 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/less/main.less
View File

@ -258,6 +258,10 @@ ul {
font-size: 24px; font-size: 24px;
} }
.map-p {
font-size: 20px;
}
.large-li { .large-li {
font-size: 24px; font-size: 24px;
} }

40
server/views/challengeMap/show.jade
View File

@ -1,11 +1,5 @@
extends ../layout extends ../layout
block content block content
.panel
h3.text-center Your friends won't hear about our open source community unless you tell them.
.row
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-8.col-md-offset-2
a.btn.btn-lg.btn-primary.btn-block(href="https://www.facebook.com/sharer/sharer.php?u=http://freecodecamp.com" target='_blank') Share our open source community on Facebook
.spacer
.panel.panel-info .panel.panel-info
.panel-heading.text-center .panel-heading.text-center
h1 Challenge Map h1 Challenge Map
@ -15,7 +9,7 @@ block content
audio(autoplay src='https://s3.amazonaws.com/freecodecamp/t-rex-roar.mp3') audio(autoplay src='https://s3.amazonaws.com/freecodecamp/t-rex-roar.mp3')
else else
img.img-responsive.img-center.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png') img.img-responsive.img-center.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png')
.col-xs-12.col-md-10.col-md-offset-1 .col-xs-12.col-md-8.col-md-offset-2
h2.text-center h2.text-center
span.text-primary #{camperCount}   span.text-primary #{camperCount}  
| campers have joined our community | campers have joined our community
@ -23,7 +17,7 @@ block content
| since we launched   | since we launched  
span.text-primary #{daysRunning}   span.text-primary #{daysRunning}  
| days ago. | days ago.
.spacer a.btn.btn-lg.signup-btn.btn-block(href="https://www.facebook.com/sharer/sharer.php?u=http://freecodecamp.com" target='_blank') Share our open source community on Facebook and help us grow.
.row .row
.col-xs-12.col-sm-8.col-sm-offset-2 .col-xs-12.col-sm-8.col-sm-offset-2
h3 800 Hours of Practice: h3 800 Hours of Practice:
@ -32,22 +26,22 @@ block content
.row .row
if (user) if (user)
if (challengeBlock.completed === 100) if (challengeBlock.completed === 100)
.hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.large-p.negative-10 .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.large-p.faded.negative-10 li.map-p.faded.negative-10
a(href='#' + challengeBlock.dashedName)= challengeBlock.name a(href='#' + challengeBlock.dashedName)= challengeBlock.name
else else
.hidden-xs.col-sm-3.col-md-2 .hidden-xs.col-sm-3.col-md-2
.progress.progress-bar-padding.text-center.thin-progress-bar .progress.progress-bar-padding.text-center.thin-progress-bar
.progress-bar(role='progressbar', aria-valuenow=(challengeBlock.completed), aria-valuemin='0', aria-valuemax='100', style='width: ' + challengeBlock.completed + '%;') .progress-bar(role='progressbar', aria-valuenow=(challengeBlock.completed), aria-valuemin='0', aria-valuemax='100', style='width: ' + challengeBlock.completed + '%;')
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.large-p.negative-10 li.map-p.negative-10
a(href='#' + challengeBlock.dashedName)= challengeBlock.name a(href='#' + challengeBlock.dashedName)= challengeBlock.name
else else
.hidden-xs.col-sm-3.col-md-2 .hidden-xs.col-sm-3.col-md-2
span.negative-10 span.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.large-p.negative-10 li.map-p.negative-10
a(href='#' + challengeBlock.dashedName)= challengeBlock.name a(href='#' + challengeBlock.dashedName)= challengeBlock.name
.row .row
@ -57,21 +51,21 @@ block content
| : | :
ol ol
.row .row
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.large-p.negative-10 .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.large-p.negative-10 100-hour Nonprofit Project li.map-p.negative-10 100-hour Nonprofit Project
.row .row
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.large-p.negative-10 .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.large-p.negative-10 200-hour Nonprofit Project #1 li.map-p.negative-10 200-hour Nonprofit Project #1
.row .row
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.large-p.negative-10 .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.large-p.negative-10 200-hour Nonprofit Project #2 li.map-p.negative-10 200-hour Nonprofit Project #2
.row .row
.hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.large-p.negative-10 .hidden-xs.col-sm-3.col-md-2.ion-locked.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.large-p.negative-10 300-hour Nonprofit Project li.map-p.negative-10 300-hour Nonprofit Project
hr hr
for challengeBlock in blocks for challengeBlock in blocks
@ -88,9 +82,9 @@ block content
for challenge in challengeBlock.challenges for challenge in challengeBlock.challenges
if challenge.completed if challenge.completed
.row .row
.hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.large-p.negative-10 .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.map-p.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.faded.large-p.negative-10 li.faded.map-p.negative-10
a(href="/challenges/#{challenge.dashedName}") a(href="/challenges/#{challenge.dashedName}")
span.capitalize= challenge.type + ': ' span.capitalize= challenge.type + ': '
span= challenge.title span= challenge.title
@ -102,7 +96,7 @@ block content
.hidden-xs.col-sm-3.col-md-2 .hidden-xs.col-sm-3.col-md-2
span.negative-10 span.negative-10
.col-xs-12.col-sm-9.col-md-10 .col-xs-12.col-sm-9.col-md-10
li.large-p.negative-10 li.map-p.negative-10
a(href="/challenges/#{challenge.dashedName}") a(href="/challenges/#{challenge.dashedName}")
span.capitalize= challenge.type + ': ' span.capitalize= challenge.type + ': '
span= challenge.title span= challenge.title