update the about page and make it the root

This commit is contained in:
Michael Q Larson
2015-02-15 23:59:03 -08:00
parent 92136dcd1f
commit 9dd1558f1c
13 changed files with 240 additions and 145 deletions

View File

@@ -400,7 +400,7 @@
"Try an intelligent Google query that involves JavaScript and filters for this year (since JavaScript changes).",
"Go to <a href='http://stackoverflow.com/' target='_blank'>http://stackoverflow.com/</a> and view the recent questions.",
"Go to <a href='http://webchat.freenode.net/' target='_blank'>http://webchat.freenode.net/</a> and create an IRC account.",
"Join the #JavaScript chat room and introduce yourself as a Free Code Camp student.",
"Join the #LearnJavaScript chat room and introduce yourself as a Free Code Camp student.",
"Finally, we have a special chat room specifically for getting help with tools you learn through Free Code Camp Challenges. Go to <a href='https://gitter.im/FreeCodeCamp/Help' target='_blank'>https://gitter.im/FreeCodeCamp/Help</a>. Keep this chat open while you work on the remaining challenges.",
"Now you have several ways of getting help when you're stuck."
]

View File

@@ -419,6 +419,36 @@
"challengeType": 0
},
{
"_id" : "bad87fee1348bd9aedf08811",
"name": "Use rgb Codes for Precise Colors",
"difficulty" : "0.17",
"description": [
"Change the <code>red-text</code> class's color <code>rgb</code> value to be red.",
"Another way to represent color in CSS is with <code>rgb</code>, or red-green-blue notation.",
"For each of the three colors, you specify a value between 0 and 256.",
"For example, black is <code>rgb(0, 0, 0)</code>, white is <code>rgb(255, 255, 255)</code>, bright green is <code>rgb(0, 255, 0)</code>. You can also get less intense colors by using values lower than 255. For example, light green is <code>rgb(0, 123, 0).",
"If you think about it, this is just as precise as using <code>hex code</code>, because 16 times 16 is 256. In practice, most developers use <code>hex code</code> since it's faster to say out loud and to type.",
"We'll use 6-digit <code>hex code</code> in all our challenges going forward, but it's good to be aware of this <code>rgb</code> notation."
],
"tests": [
"expect($('h2')).to.have.css('color', 'rgb(255, 0, 0)');",
"expect($('h2')).to.have.class('red-text');"
],
"challengeSeed": [
"<style>",
" .red-text {",
" color: rgb(0, 255, 0);",
" }",
"</style>",
"",
"<h1>hello world</h1>",
"<h2 class=\"red-text\">cat photo app</h2>",
"<p>lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>"
],
"challengeType": 0
},
{
"_id" : "bad87fee1348bd9aedf08810",
"name": "Use Hex Codes for Precise Colors",
@@ -478,7 +508,7 @@
{
"_id" : "bad87fee1348bd9aedf08811",
"name": "Use rgb Codes for Precise Colors",
"name": "Set the Alpha of a Color with rgba",
"difficulty" : "0.17",
"description": [
"Change the <code>red-text</code> class's color <code>rgb</code> value to be red.",