div elements have closing tags.')"
],
"challengeSeed": [
diff --git a/seed/challenges/git.json b/seed/challenges/git.json
index 7b091e8fb7..aa03fb0a18 100644
--- a/seed/challenges/git.json
+++ b/seed/challenges/git.json
@@ -16,7 +16,7 @@
"Choose Node.js in the selection area below the name field.",
"Click the Create button. Then click into your new workspace.",
"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.",
- "Install
how-to-npm
with this command:
npm install -g git-it
",
+ "Install
git-it
with this command:
npm install -g git-it
",
"Now start the tutorial by running
git-it
.",
"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:
cd ~/workspace
.",
diff --git a/seed/challenges/html5-and-css.json b/seed/challenges/html5-and-css.json
index b93a1de494..e55619b87b 100644
--- a/seed/challenges/html5-and-css.json
+++ b/seed/challenges/html5-and-css.json
@@ -428,8 +428,12 @@
"description": [
"Create a CSS class called
red-text
and apply it to your
h2
element.",
"Classes are reusable styles that can be added to HTML elements.",
- "Here's the anatomy of a CSS class:",
- "

",
+ "Here's an example CSS class declaration:",
+ "
<style>
",
+ "
.blue-text {
",
+ "
color: blue;
",
+ "
}
",
+ "
</style>
",
"You can see that we've created a CSS class called
blue-text
within the
<style>
tag.",
"You can apply a class to an HTML element like this:
<h2 class=\"blue-text\">CatPhotoApp</h2>
.",
"Note that in your CSS
style
element, classes should start with a period. In your HTML elements' class declarations, classes shouldn't start with a period.",
@@ -750,7 +754,7 @@
"difficulty": 1.17,
"description": [
"You can add images to your website by using the
img
element, and point to a specific image's URL using the
src
attribute.",
- "An example of this would be
<img src=\"www.your-image-source.com/your-image.jpg\">
. Note that in most cases,
img
elements are self-closing.",
+ "An example of this would be
<img src=\"http://www.your-image-source.com/your-image.jpg\">
. Note that in most cases,
img
elements are self-closing.",
"Try it with this image:
https://bit.ly/fcc-relaxing-cat
."
],
"tests": [
@@ -1056,7 +1060,7 @@
"description": [
"
a
elements, also known as
anchor
elements, are used to link to content outside of the current page.",
"Here's a diagram of an
a
element. In this case, the
a
element is used in the middle of a paragraph element, which means the link will appear in the middle of a sentence.",
- "

",
+ "

",
"Here's an example:
<p>Here's a <a href=\"http://freecodecamp.com\"> link to Free Code Camp</a> for you to follow.</p>
.",
"Create an
a
element that links to
http://catphotoapp.com
and has \"cat photos\" as its
anchor text
."
],
@@ -1126,7 +1130,7 @@
"difficulty": 1.23,
"description": [
"Again, here's a diagram of an
a
element for your reference:",
- "

",
+ "

",
"Here's an example:
<p>Here's a <a href=\"http://freecodecamp.com\"> link to Free Code Camp</a> for you to follow.</p>
.",
"
Nesting
just means putting one element inside of another element.",
"Now nest your
a
element within a new
p
element so that the surrounding paragraph says \"click here for cat photos\", but where only \"cat photos\" is a link, and the rest of the text is rest is plain text."
@@ -3281,12 +3285,14 @@
"Let's override your
pink-text
and
blue-text
classes, and make your
h1
element orange, by giving the
h1
element an id and then styling that id.",
"Give your
h1
element the
id
attribute of
orange-text
. Remember, id styles look like this:
<h1 id=\"orange-text\">
",
"Leave the
blue-text
and
pink-text
classes on your
h1
element.",
- "Create a CSS declaration for your
orange-text
id in your
style
element. Here's and example of what this looks like:
#brown-text { color: brown; }
"
+ "Create a CSS declaration for your
orange-text
id in your
style
element. Here's an example of what this looks like:
#brown-text { color: brown; }
"
],
"tests": [
"assert($(\"h1\").hasClass(\"pink-text\"), 'Your
h1
element should have the class
pink-text
.')",
"assert($(\"h1\").hasClass(\"blue-text\"), 'Your
h1
element should have the class
blue-text
.')",
"assert($(\"h1\").attr(\"id\") === \"orange-text\", 'Give your
h1
element the id of
orange-text
.')",
+ "assert(editor.match(/#orange-text\\s*{/gi), 'Create a CSS declaration for your
orange-text
id')",
+ "assert(!editor.match(/
/gi), 'Do not give your h1
any style
attributes.')",
"assert($(\"h1\").css(\"color\") === \"rgb(255, 165, 0)\", 'Your h1
element should be orange.')"
],
"challengeSeed": [
diff --git a/seed/challenges/intermediate-ziplines.json b/seed/challenges/intermediate-ziplines.json
index 0a0c57f85c..6317353902 100644
--- a/seed/challenges/intermediate-ziplines.json
+++ b/seed/challenges/intermediate-ziplines.json
@@ -138,9 +138,9 @@
"id": "bd7158d8c442eddfaeb5bd1c",
"title": "Build a Simon Game",
"difficulty": 1.07,
- "challengeSeed": ["126415123"],
+ "challengeSeed": ["137213633"],
"description": [
- "Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/dting/full/KpJXZV/.",
+ "Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/dting/full/QbRyqq/.",
"Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself.",
"Rule #2: You may use whichever libraries or APIs you need.",
"Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it.",
diff --git a/seed/challenges/jquery.json b/seed/challenges/jquery.json
index 8576e4bc0d..93cc8899b2 100644
--- a/seed/challenges/jquery.json
+++ b/seed/challenges/jquery.json
@@ -17,7 +17,7 @@
"assert(editor.match(/