div elements have closing tags.')"
],
"challengeSeed": [
@@ -1699,10 +1699,10 @@
"difficulty": 2.22,
"description": [
"Now we're several
div elements deep on each column of our row. This is as deep as we'll need to go. Now we can add our
button elements.",
- "Wrap three
button elements within each of your \"well\"
div elements."
+ "Nest three
button elements within each of your \"well\"
div elements."
],
"tests": [
- "assert($('div.well').children('button').length > 5, 'Wrap three
button elements within each of your
div elements with class \"well\".')",
+ "assert($('div.well').children('button').length > 5, 'Nest three
button elements within each of your
div elements with class \"well\".')",
"assert($('button') && $('button').length > 5, 'You should have a total of 6
button elements.')"
],
"challengeSeed": [
diff --git a/seed/challenges/html5-and-css.json b/seed/challenges/html5-and-css.json
index cec3975c69..1ef68d9dce 100644
--- a/seed/challenges/html5-and-css.json
+++ b/seed/challenges/html5-and-css.json
@@ -1104,20 +1104,21 @@
},
{
"id": "bad87fee1348bd9aede08817",
- "name": "Waypoint: Wrap an Anchor Element within a Paragraph",
- "dashedName": "waypoint-wrap-an-anchor-element-within-a-paragraph",
+ "name": "Waypoint: Nest an Anchor Element within a Paragraph",
+ "dashedName": "waypoint-nest-an-anchor-element-within-a-paragraph",
"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>.",
- "Now wrap 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 - the rest is plain text."
+ "\"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."
],
"tests": [
"assert($('a').attr('href').match(/catphotoapp.com/gi).length > 0, 'You need an
a element that links to \"catphotoapp.com\".')",
"assert($('a').text().match(/cat\\sphotos/gi).length > 0, 'Your
a element should have the anchor text of \"cat photos\"')",
"assert($('p') && $('p').length > 2, 'Create a new
p element around your
a element. \"click here for\".')",
- "assert($('a[href=\\'http://www.catphotoapp.com\\']').parent().is('p'), 'Your
a element should be wrapped within your new
p element.')",
+ "assert($('a[href=\\'http://www.catphotoapp.com\\']').parent().is('p'), 'Your
a element should be nested within your new
p element.')",
"assert($('p').text().match(/click\\shere\\sfor/gi), 'Your
p element should have the text \"click here for\".')",
"assert(editor.match(/<\\/p>/g) && editor.match(/
/g).length === editor.match(/
p elements has a closing tag.')",
"assert(editor.match(/<\\/a>/g) && editor.match(//g).length === editor.match(/a elements has a closing tag.')"
@@ -1252,14 +1253,14 @@
"dashedName": "waypoint-turn-an-image-into-a-link",
"difficulty": 1.25,
"description": [
- "You can make elements into links by wrapping them within an a element.",
- "Wrap your image within an a element. Here's an example: <a href='#'><img src='http://bit.ly/fcc-kittens2'/></a>.",
+ "You can make elements into links by nesting them within an a element.",
+ "Nest your image within an a element. Here's an example: <a href='#'><img src='http://bit.ly/fcc-kittens2'/></a>.",
"Remember to use the hash symbol (#) as your a element's href property in order to turn it into a dead link.",
"Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link."
],
"tests": [
"assert(new RegExp('#').test($('a').children('img').parent().attr('href')), 'Your a element should be a dead link with a href attribute set to \"#\".')",
- "assert($('a').children('img').length > 0, 'Wrap your image element within an a element.')",
+ "assert($('a').children('img').length > 0, 'Nest your image element within an a element.')",
"assert(editor.match(/<\\/a>/g) && editor.match(//g).length === editor.match(/a elements has a closing tag.')"
],
"challengeSeed": [
@@ -1398,7 +1399,12 @@
"description": [
"HTML has a special element for creating unordered lists, or bullet point-style lists.",
"Unordered lists start with a <ul> element. Then they contain some number of <li> elements.",
- "For example: <ul><li>milk</li><li>cheese</li></ul> would create a bulleted list of \"milk\" and \"cheese\".",
+ "For example: ",
+ "<ul>",
+ " <li>milk</li>",
+ " <li>cheese</li>",
+ "</ul>",
+ "would create a bulleted list of \"milk\" and \"cheese\".",
"Replace your p elements with an unordered list of three things that cats love."
],
"tests": [
@@ -1710,10 +1716,10 @@
"description": [
"You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action on your form element.",
"For example: <form action=\"/url-where-you-want-to-submit-form-data\"></form>.",
- "Wrap your text field in a form element. Add the action=\"/submit-cat-photo\" attribute to this form element."
+ "Nest your text field in a form element. Add the action=\"/submit-cat-photo\" attribute to this form element."
],
"tests": [
- "assert($('form') && $('form').children('input') && $('form').children('input').length > 0, 'Wrap your text input element within a form element.')",
+ "assert($('form') && $('form').children('input') && $('form').children('input').length > 0, 'Nest your text input element within a form element.')",
"assert($('form').attr('action'), 'Your form element should have an action attribute.')",
"assert(editor.match(/<\\/form>/g) && editor.match(/
