From 957a5329e5cb2ea04fa870fe2b6d7ac3f953f7ce Mon Sep 17 00:00:00 2001 From: Quincy Larson Date: Sun, 13 Sep 2015 20:26:33 -0700 Subject: [PATCH] adjust map font size and simplify Facebook share call to action --- client/less/main.less | 4 +++ server/views/challengeMap/show.jade | 40 ++++++++++++----------------- 2 files changed, 21 insertions(+), 23 deletions(-) diff --git a/client/less/main.less b/client/less/main.less index 814e99cb54..b8a6f45dd0 100644 --- a/client/less/main.less +++ b/client/less/main.less @@ -258,6 +258,10 @@ ul { font-size: 24px; } +.map-p { + font-size: 20px; +} + .large-li { font-size: 24px; } diff --git a/server/views/challengeMap/show.jade b/server/views/challengeMap/show.jade index fc984e1c23..05d591b010 100644 --- a/server/views/challengeMap/show.jade +++ b/server/views/challengeMap/show.jade @@ -1,11 +1,5 @@ extends ../layout 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-heading.text-center h1 Challenge Map @@ -15,7 +9,7 @@ block content audio(autoplay src='https://s3.amazonaws.com/freecodecamp/t-rex-roar.mp3') else 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 span.text-primary #{camperCount}   | campers have joined our community @@ -23,7 +17,7 @@ block content | since we launched   span.text-primary #{daysRunning}   | 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 .col-xs-12.col-sm-8.col-sm-offset-2 h3 800 Hours of Practice: @@ -32,22 +26,22 @@ block content .row if (user) 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 - li.large-p.faded.negative-10 + li.map-p.faded.negative-10 a(href='#' + challengeBlock.dashedName)= challengeBlock.name else .hidden-xs.col-sm-3.col-md-2 .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 + '%;') .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 else .hidden-xs.col-sm-3.col-md-2 span.negative-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 .row @@ -57,21 +51,21 @@ block content | : ol .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 - li.large-p.negative-10 100-hour Nonprofit Project + li.map-p.negative-10 100-hour Nonprofit Project .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 - li.large-p.negative-10 200-hour Nonprofit Project #1 + li.map-p.negative-10 200-hour Nonprofit Project #1 .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 - li.large-p.negative-10 200-hour Nonprofit Project #2 + li.map-p.negative-10 200-hour Nonprofit Project #2 .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 - li.large-p.negative-10 300-hour Nonprofit Project + li.map-p.negative-10 300-hour Nonprofit Project hr for challengeBlock in blocks @@ -88,9 +82,9 @@ block content for challenge in challengeBlock.challenges if challenge.completed .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 - li.faded.large-p.negative-10 + li.faded.map-p.negative-10 a(href="/challenges/#{challenge.dashedName}") span.capitalize= challenge.type + ': ' span= challenge.title @@ -102,7 +96,7 @@ block content .hidden-xs.col-sm-3.col-md-2 span.negative-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}") span.capitalize= challenge.type + ': ' span= challenge.title