Merge pull request freeCodeCamp#3292 from FreeCodeCamp/improve-map

Berkeley Martinez · Berkeley Martinez · commit f6591417469d · 2015-09-14T14:15:50.000-07:00
adjust map font size and simplify Facebook share call to action
diff --git a/client/less/main.less b/client/less/main.less
@@ -212,6 +212,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
@@ -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,15 +9,15 @@ 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} &thinsp;
                     | campers have joined our community
                     br
                     | since we launched &thinsp;
                     span.text-primary #{daysRunning} &thinsp;
                     | 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

Original file line number	Diff line number	Diff line change
`@@ -212,6 +212,10 @@ ul {`
`212`	`212`	`font-size: 24px;`
`213`	`213`	`}`
`214`	`214`
	`215`	`+.map-p {`
	`216`	`+ font-size: 20px;`
	`217`	`+}`
	`218`	`+`
`215`	`219`	`.large-li {`
`216`	`220`	`font-size: 24px;`
`217`	`221`	`}`