improvements to nonprofit directory view

seed_data/challenges/jquery-ajax-and-json.json

@@ -4,7 +4,7 @@
   "challenges": [
     {
       "_id": "bd7112d8c441eddfaeb5bded",
-      "name": "Get Started with jQuery",
+      "name": "Waypoint: Get Started with jQuery",
       "difficulty": 0.13,
       "challengeSeed": "125671865",
       "description": [
@@ -19,7 +19,7 @@
     },
     {
       "_id": "bd7113d8c441eddfaeb5bdef",
-      "name": "Write Functions with jQuery",
+      "name": "Waypoint: Write Functions with jQuery",
       "difficulty": 0.14,
       "challengeSeed": "125658029",
       "description": [
@@ -33,7 +33,7 @@
     },
     {
       "_id": "bd7114d8c441eddfaeb5bdef",
-      "name": "Harness Dynamic HTML",
+      "name": "Waypoint: Harness Dynamic HTML",
       "difficulty": 0.15,
       "challengeSeed": "125658028",
       "description": [
@@ -46,7 +46,7 @@
     },
     {
       "_id": "bd7115d8c441eddfaeb5bdef",
-      "name": "Listen for jQuery Events",
+      "name": "Waypoint: Listen for jQuery Events",
       "difficulty": 0.16,
       "challengeSeed": "125658027",
       "description": [
@@ -59,7 +59,7 @@
     },
     {
       "_id": "bd7116d8c441eddfaeb5bdef",
-      "name": "Trigger jQuery Effects",
+      "name": "Waypoint: Trigger jQuery Effects",
       "difficulty": 0.17,
       "challengeSeed": "125658025",
       "description": [

views/nonprofits/directory.jade

@@ -6,16 +6,15 @@ block content
         .panel.panel-info
             .panel-heading.text-center Nonprofits We Help
             .panel-body
-                .col-xs-12.col-md-8.col-md-offset-2
+                .col-xs-12.col-sm-12.col-md-10.col-md-offset-1
-            .no-right-padding
+                    for nonprofit in nonprofits
-                for nonprofit in nonprofits
+                        .spacer
-                    .spacer
+                        .row
-                    .row
+                            .col-xs-12.col-sm-3
-                        .col-xs-12.col-sm-3
+                                img.img-responsive.img-center(src=nonprofit.logoUrl)
-                            img.img-responsive.img-center(src=nonprofit.logoUrl)
+                            .col-xs-12.col-sm-9
-                        .col-xs-12.col-sm-9
+                                h2.negative-15= nonprofit.name
-                            h2.negative-15= nonprofit.name
+                                h3.negative-15= nonprofit.whatDoesNonprofitDo
-                            h3.negative-15= nonprofit.whatDoesNonprofitDo
+                                a.text-center.btn.btn-primary.btn-lg(href='/nonprofits/' + nonprofit.name.toLowerCase().replace(/\s/g, '-')) Read more
-                            a.text-center.btn.btn-primary.btn-lg(href='/nonprofits/' + nonprofit.name.toLowerCase().replace(/\s/g, '-')) Read more
+                        .spacer
-                    .spacer
+                        .spacer
-                    .spacer