quick challenge hot fixes

public/css/main.less

@@ -916,7 +916,7 @@ iframe.iphone {
 }
 
 .button-spacer {
-  padding: 3px 0 2px 0;
+  padding: 5px 0 2px 0;
 }
 
 .spacer {

seed_data/challenges/basic-html5-and-css.json

@@ -34,6 +34,7 @@
         "<code>h2</code> elements are slightly smaller than <code>h1</code> elements. There are also <code>h3</code>, <code>h4</code>, <code>h5</code> and <code>h6</code> elements."
       ],
       "tests": [
+        "assert(($('h2').length > 0), 'Create an <code>h2</code> elements.')",
         "assert.isTrue((/cat(\\s)?photo(\\s)?app/gi).test($('h2').text()), 'Your h2 element should have the text \"CatPhotoApp\"')",
         "assert.isTrue((/hello(\\s)+world/gi).test($('h1').text()), 'Your h1 element should have the text \"Hello World\"')"
       ],
@@ -47,11 +48,12 @@
       "name": "Waypoint: Inform with the Paragraph Element",
       "difficulty": 0.011,
       "description": [
-        "Create a paragraph element below the h2 element, and give it the text \"Hello Paragraph\".",
+        "Create a paragraph element below the h2 element, and give it the text \"Hello Paragraph\". As soon as you create the opening <code>&#60;p&#62;</code> tag, one of our tests will pass (since this is valid HTML). Be sure to close the element by adding a closing <code>&#60;/p&#62;</code> tag.",
         "Paragraph elements are the preferred element for normal-sized paragraph text on websites.",
         "You can create a paragraph element like so: <code>&#60;p&#62;I'm a p tag!&#60;/p&#62;</code>"
       ],
       "tests": [
+        "assert(($('p').length > 0), 'Create an <code>h2</code> elements.')",
         "assert.isTrue((/hello(\\s)+paragraph/gi).test($('p').text()), 'Your paragraph element should have the text \"Hello Paragraph\"')"
       ],
       "challengeSeed": [

seed_data/challenges/bootstrap.json

@@ -302,12 +302,13 @@
       "name": "Waypoint: Taste the Bootstrap Button Color Rainbow",
       "difficulty": 0.051,
       "description": [
-        "Add Bootstrap's <code>btn-block</code> class to both of your buttons.",
+        "Add Bootstrap's <code>btn-primary</code> class to your button.",
-        "Normally, your buttons are only as wide as the text they contain. By making them <code>block elements</code>, your button will stretch to fill your page's entire horizontal space.",
+        "The <code>btn-primary</code> class is the main color you'll use in your app. It is useful for highlighting actions you want your user to take.",
-        "Note that these buttons still need the <code>btn</code> class."
+        "Note that this button will still need the <code>btn</code> class."
       ],
       "tests": [
-        "assert($('.btn-primary').length > 0, 'your new button should have the class \"btn-primary\".')"
+        "assert($('.btn-primary').length > 0, 'Your new button should have the class \"btn-primary\".')",
+        "assert($('.btn').length > 0, 'Your new button should have the class \"btn\".')"
       ],
       "challengeSeed": [
         "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
@@ -376,7 +377,7 @@
       "name": "Waypoint: Call out Optional Actions with Button Info",
       "difficulty": 0.052,
       "description": [
-        "Create a new block-level Bootstrap button below your \"like\" button with the text \"Info\", and add Bootstrap's <code>btn-info</code> class to it.",
+        "Create a new block-level Bootstrap button below your \"like\" button with the text \"Info\", and add Bootstrap's <code>btn-info</code> and <code>btn-block</code> classes to it.",
         "Bootstrap comes with several pre-defined colors for buttons. The <code>btn-info</code> class is used to call attention to optional actions that the user can take.",
         "Note that these buttons still need the <code>btn</code> and <code>btn-block</code> classes."
       ],

seed_data/challenges/full-stack-javascript.json

@@ -82,7 +82,7 @@
         "Wait for the workspace to finish processing and select it on the left sidebar, below the Create New Workspace button.",
         "Click the \"Start Editing\" button.",
         "In the lower right hand corner you should see a terminal window. In this window use the following commands. You don't need to know what these mean at this point.",
-        "Run this command: <code>sudo npm install how-to-npm -g</code>",
+        "Run this command: <code>npm install how-to-npm -g</code>",
         "Now start this tutorial by running <code>how-to-npm</code>",
         "Note that you can resize the c9.io's windows by dragging their borders.",
         "Make sure that you are always in your project's \"workspace\" directory. You can always navigate back to this directory by running this command: <code>cd ~/workspace</code>.",
@@ -94,12 +94,12 @@
         "Complete \"Listing Dependencies\"",
         "Complete \"NPM Test\"",
         "Complete \"Package Niceties\"",
-        "Complete \"Publish\"",
+        "Complete \"Publish\". Note that you may have to return to the \"Dev Environment\" challenge and run <code>npm adduser</code> first.",
-        "Complete \"Version\"",
+        "Complete \"Version\". Note that <code>npm version</code> is supposed to automatically update your <code>package.json</code> but it doesn’t. You have to manually edit the version number in your <code>package.json</code> before you can verify and continue.",
         "Complete \"Publish Again\"",
         "Complete \"Dist Tag\"",
         "Complete \"Dist Tag Removal\"",
-        "Complete \"Outdated\"",
+        "Complete \"Outdated\". Note that <code>npm outdated</code> produces no result, so you you may have to guess the outdated package, or ask how-to-npm to reveal the answer.",
         "Complete \"Update\"",
         "Complete \"RM\"",
         "Complete \"Finale\"",

views/home.jade

@@ -28,7 +28,7 @@ block content
                         a.btn.btn-cta.signup-btn.btn-block(href="/challenges") Go to my next challenge
                     else
                         a.btn.btn-cta.signup-btn.btn-block(href="/login") Start learning to code (it's free)
-                    .spacer
+                    .button-spacer
                     a.btn.btn-cta.btn-success.btn-block(href="/nonprofits") My nonprofit needs coding help
                     .big-break
             h2 Campers you'll hang out with: