jiebi/CodeConvo huggingface dataset:
Code change:
This isn't exactly a bug, but in the description for the challenge, there is an image that shows how bootstrap lays out elements on a page. This image is way too small to see or read any of the text in the image, and there doesn't seem to be a good way to get a larger version of the image.
Thanks, we've updated the copy to have the image link to the specific section of the bootstrap website!

Related discussion:
text: "Add them as a new contact in Screen Hero, then click the monitor-looking button to attempt to share your screen with them.", "Once the Screen Hero session starts, your screen's margins will glow orange. You are now sharing your screen.", "Your pair will have their own cursor, and will be able to type text on his or her and keyboard.", <del> "Now it's time to tackle our Bonfires.", "Go to <a href='http://freecodecamp.com/bonfires' target='_blank'>http://freecodecamp.com/bonfires</a> and start working through our Bonfire challenges.", </del> <ins> "Now it's time to tackle our Bonfires. You can begin them by advancing to the next challenge.", </ins> "Once you you finish pair programming, end the session in Screen Hero session.", "Congratulations! You have completed your first pair programming session.", "Pair program as much as possible with different campers until you've completed all the Bonfire challenges. This is a big time investment, but the JavaScript practice you get will be well worth it!",
Code change:
This isn't exactly a bug, but in the description for the challenge, there is an image that shows how bootstrap lays out elements on a page. This image is way too small to see or read any of the text in the image, and there doesn't seem to be a good way to get a larger version of the image.
Thanks, we've updated the copy to have the image link to the specific section of the bootstrap website!

Related discussion:
text: "tests": [ "assert($('ul').length > 0, 'You should have an <code>ul</code> element on your webpage.')", "assert($('ol').length > 0, 'You should have an <code>ol</code> element on your webpage.')", <del> "assert($('li').length > 5, 'You should have three <code>li</code> elements on within your <code>ul</code> element.')", "assert($('li').length > 5, 'You should have three <code>li</code> elements on within your <code>ol</code> element.')" </del> <ins> "assert($('li').length > 5, 'You should have three <code>li</code> elements within your <code>ul</code> element.')", "assert($('li').length > 5, 'You should have three <code>li</code> elements within your <code>ol</code> element.')" </ins> ], "challengeSeed": [ "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
Code change:
This isn't exactly a bug, but in the description for the challenge, there is an image that shows how bootstrap lays out elements on a page. This image is way too small to see or read any of the text in the image, and there doesn't seem to be a good way to get a larger version of the image.
Thanks, we've updated the copy to have the image link to the specific section of the bootstrap website!

Related discussion:
text: "For example, if you wanted to make a text input field required, you can just add the word "required" within your <code>input</code> element use: <code>&#60;input type='text' required&#62;</code>" ], "tests": [ <del> "assert($('input').prop('required'), 'Your text field have the property of being required.')", "assert($('[placeholder]').length > 0, 'Your text field should have the placeholder text of "cat photo URL".')" </del> <ins> "assert($('input').prop('required'), 'Your text field should have the property of being required.')", "assert(new RegExp('cat photo URL').test($('input').prop('placeholder')), 'Your text field should have the placeholder text of "cat photo URL".')" </ins> ], "challengeSeed": [ "<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>",
Code change:
This isn't exactly a bug, but in the description for the challenge, there is an image that shows how bootstrap lays out elements on a page. This image is way too small to see or read any of the text in the image, and there doesn't seem to be a good way to get a larger version of the image.
Thanks, we've updated the copy to have the image link to the specific section of the bootstrap website!

Related discussion:
text: "Put the "like", "Info" and "Delete" buttons side-by-side by wrapping all three of them within one <code>&#60;div class="row"&#62;</code> element, then each of them within a <code>&#60;div class="col-xs-4"&#62;</code> element.", "Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a <code>div</code> element.", "Here's a diagram of how Bootstrap's 12-column grid layout works:", <del> "<img class='img-responsive' src='https://www.evernote.com/l/AHTwlE2XCLhGFYJzoye_QfsF3ho6y87via4B/image.png'>", </del> <ins> "<a href='http://getbootstrap.com/css/#grid-example-basic' target='_blank'><img class='img-responsive' src='https://www.evernote.com/l/AHTwlE2XCLhGFYJzoye_QfsF3ho6y87via4B/image.png'></a>", </ins> "Note that in this illustration, we use the <code>col-md-*</code> class. Here, "md" means "medium", and "*" is a number specifying how many columns wide the element should be. In this case, we're specifying how many columns wide an element should be on a medium-sized screen, such as a laptop.", "In the Cat Photo App that we're building, we'll use <code>col-xs-*</code>, where "*" is the number of columns wide the element should be, and "xs" means "extra small", like an extra-small mobile phone screen.", "The <code>row</code> class is applied to a <code>div</code>, and the buttons themselves can be wrapped within it."
Code change:
This isn't exactly a bug, but in the description for the challenge, there is an image that shows how bootstrap lays out elements on a page. This image is way too small to see or read any of the text in the image, and there doesn't seem to be a good way to get a larger version of the image.
Thanks, we've updated the copy to have the image link to the specific section of the bootstrap website!

Related discussion:
text: "name": "Waypoint: Line up Form Elements Responsively with Bootstrap", "difficulty" : 0.062, "description": [ <del> "Wrap both your form's text input field and submit button within a div with the class "row". Wrap your form's text input field within a div with the class of "col-xs-7". Wrap your form's submit button the in a div with the class "col-xs-5".", </del> "Now let's get your form input and your submission button on the same line. We'll do this the same way we have previously: by using a "row" element with "col-xs-*" elements withing it.", <ins> "Wrap both your form's text input field and submit button within a div with the class "row". Wrap your form's text input field within a div with the class of "col-xs-7". Wrap your form's submit button the in a div with the class "col-xs-5".", </ins> "This is the last challenge we'll do for our Cat Photo App for now. We hope you've enjoyed learning Font Awesome, Bootstrap, and responsive design!" ], "tests": [ <del> "assert($('.row').length > 4, 'Wrap your all of your checkboxes inside one div with the class "row".')", </del> <ins> "assert($('.row').length > 4, 'Wrap your form submission button and text area in a div with class "row".')", </ins> "assert($('.col-xs-5').length > 0, 'Wrap your form submission button in a div with the class "col-xs-5".')", "assert($('.col-xs-7').length > 0, 'Wrap your form text area in a div with the class "col-xs-7".')" ],
Code change:
Challenge has an issue. It seems that it's more appropritae to show helpful links to: () () instead of: () () Am I right?

Related discussion:
text: ], "MDNlinks": [ "Comparison Operators", <del> "String.slice()", </del> <ins> "Array.slice()", </ins> "Array.filter()", "Array.indexOf()", <del> "String.concat()" </del> <ins> "Array.concat()" </ins> ], "type": "bonfire", "challengeType": 5,
Code change:
Challenge has an issue. Waypoint requires you to have a 10px border around the img element, but you can pass by with a 5px border. Steps to reproduce: 1) Paste into your code, inside your style tag. 2) Add to your img tag classes 3) Change your to and to inside your style tag. Then the Waypoint allows you to the next challenge even if you don't change your border-width to 10px; !
Looking at the code, it seems that there's not a test for . Also, property is tested with a RegExp and it yields true if the word 'solid' is written in any place in the editor, it might be better to check it with JQuery's .css function, as in the test for which, by the way, looks for

Related discussion:
text: "tests": [ "assert($("img").hasClass("smaller-image"), 'Your <code>img</code> element should have the class <code>smaller-image</code>.')", "assert($("img").hasClass("thick-green-border"), 'Your <code>img</code> element should have the class <code>thick-green-border</code>.')", <del> "assert($("img").hasClass("thick-green-border") && parseInt($("img").css("border-top-width")), 'Give your image a border width of <code>10px</code>.')", "assert(new RegExp("solid", "gi").test(editor), 'Give your image a border style of <code>solid</code>.')", </del> <ins> "assert($("img").hasClass("thick-green-border") && parseInt($("img").css("border-top-width"), 10) === 10, 'Give your image a border width of <code>10px</code>.')", "assert($("img").css("border-right-style") === "solid", 'Give your image a border style of <code>solid</code>.')", </ins> "assert($("img").css("border-left-color") === "rgb(0, 128, 0)", 'The border around your <code>img</code> element should be green.')" ], "challengeSeed": [
Code change:
Challenge has an issue. December 1st to February 3rd is two months not one month. The test is pretty wordy regardless. !
I believe it needs to be used in numbers not the name of the month. Sent from my iPhone
The numbers and everything in the test are right, it's just the message. The output for is .
Oh because nothing is one month apart look the number format for the year one is 2015 and one is 2016. Sent from my iPhone
This is not a problem with the logic of the test or based on my input – it's just a typo. Yes the years are different but the two dates are only two months apart, therefore the year of the second argument doesn't need to be outputted because it can be inferred. The test should say something along the lines of, "two months apart can be inferred, even if it is the next year".
Closing as fixed in

Related discussion:
text: ], "tests": [ "assert.deepEqual(friendly(['2015-07-01', '2015-07-04']), ['July 1st','4th'], 'ending month should be omitted since it is already mentioned');", <del> "assert.deepEqual(friendly(['2015-12-01', '2016-02-03']), ['December 1st','February 3rd'], 'one month apart can be inferred it is the next year');", </del> <ins> "assert.deepEqual(friendly(['2015-12-01', '2016-02-03']), ['December 1st','February 3rd'], 'two months apart can be inferred if it is the next year');", </ins> "assert.deepEqual(friendly(['2015-12-01', '2017-02-03']), ['December 1st, 2015','February 3rd, 2017']);", "assert.deepEqual(friendly(['2016-03-01', '2016-05-05']), ['March 1st','May 5th, 2016']);", "assert.deepEqual(friendly(['2017-01-01', '2017-01-01']), ['January 1st, 2017'], 'since we do not duplicate only return once');",
Code change:
Challenge has an issue. in JavaScript we can can work with decimal numbers <--- needs full stop.
merged to

Related discussion:
text: "dashedName": "waypoint-add-two-numbers-with-javascript", "difficulty": "9.98141", "description": [ <del> "In JavaScript whole numbers (called integers) can be easily used to preform mathematical functions", "Let's try a few of the most commonly used ones now", "We use <code>+</code>for addition", </del> <ins> "In JavaScript whole numbers (called integers) can be easily used to perform mathematical functions.", "Let's try a few of the most commonly used ones now.", "We use <code>+</code>for addition.", </ins> "Replace the <code>0</code>with correct number to achieve the result in the comment." ], "tests": [
Code change:
Challenge has an issue. in JavaScript we can can work with decimal numbers <--- needs full stop.
merged to

Related discussion:
text: "dashedName": "waypoint-subtract-one-number-from-another-with-javascript", "difficulty": "9.98142", "description": [ <del> "In JavaScript whole numbers (called integers) can be easily used to preform mathematical functions", "Let's try a few of the most commonly used ones now", "We use <code>-</code>for subtraction", </del> <ins> "In JavaScript whole numbers (called integers) can be easily used to perform mathematical functions.", "Let's try a few of the most commonly used ones now.", "We use <code>-</code>for subtraction.", </ins> "Replace the <code>0</code>with correct number to achieve the result in the comment." ], "tests": [
Code change:
Challenge has an issue. in JavaScript we can can work with decimal numbers <--- needs full stop.
merged to

Related discussion:
text: "dashedName": "waypoint-multiply-two-numbers-with-javascript", "difficulty": "9.98143", "description": [ <del> "In JavaScript whole numbers (called integers) can be easily used to preform mathematical functions", "Let's try a few of the most commonly used ones now", "We use <code>*</code>for multiplication", </del> <ins> "In JavaScript whole numbers (called integers) can be easily used to perform mathematical functions.", "Let's try a few of the most commonly used ones now.", "We use <code>*</code>for multiplication.", </ins> "Replace the <code>0</code>with correct number to achieve the result in the comment." ], "tests": [
Code change:
Challenge has an issue. in JavaScript we can can work with decimal numbers <--- needs full stop.
merged to

Related discussion:
text: "dashedName": "waypoint-divide-one-number-by-another-with-javascript", "difficulty": "9.9814", "description": [ <del> "In JavaScript whole numbers (called integers) can be easily used to preform mathematical functions", "Let's try a few of the most commonly used ones now", "We use <code>/</code>for division", </del> <ins> "In JavaScript whole numbers (called integers) can be easily used to perform mathematical functions.", "Let's try a few of the most commonly used ones now.", "We use <code>/</code>for division.", </ins> "Replace the <code>0</code>with correct number to achieve the result in the comment." ], "tests": [
Code change:
Challenge has an issue. in JavaScript we can can work with decimal numbers <--- needs full stop.
merged to

Related discussion:
text: "dashedName": "waypoint-create-decimal-numbers-with-javascript", "difficulty": "9.9815", "description": [ <del> "in JavaScript we can can work with decimal numbers", </del> <ins> "In JavaScript we can can work with decimal numbers.", </ins> "Let's create a variable <code>myDecimal</code> and give it a decimal value." ], "tests": [
Code change:
Challenge has an issue. ! The last sentence should read Create and call a function called that returns the sum of and .

Related discussion:
text: "<code>function functionName (a, b) {</code>", "<code>&thinsp;&thinsp;return(a + b);</code>", "<code>}</code>", <del> "We can "call" our function like this: <code>functionName();</code>, and it will run and return it's <code>return</code> value to us.", "Create and call a function called <code>myFunction</code>." </del> <ins> "We can "call" our function like this: <code>functionName();</code>, and it will run and return its <code>return</code> value to us.", "Create and call a function called <code>myFunction</code> that returns the sum of a and b." </ins> ], "tests":[ "assert((function(){if(typeof(f) !== "undefined" && typeof(f) === "number" && f === a + b  && editor.getValue().match(/return/gi).length >= 1 && editor.getValue().match(/a/gi).length >= 1 && editor.getValue().match(/b/gi).length >= 1 && editor.getValue().match(/+/gi).length >= 1){return(true);}else{return(false);}})(), 'Your function should return the value of a + b');"
Code change:
Challenge has an issue. ! The last sentence should read Create and call a function called that returns the sum of and .

Related discussion:
text: "  return a - b;", "};", "", <del> "//Don't modify above this line", "//Create a function called myFunction that returns the value of a plus b.", "  // Only change code below this line.", </del> <ins> "// Don't modify above this line", "// Create a function called myFunction that returns the value of a plus b.", "// Only change code below this line.", </ins> "", "", "",
Code change:
Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. The last line in code is: but for output box to work should be: ( replaced by )
Created PR

Related discussion:
text: "// Only change code above this line.", "// We use this function to show you the value of your variable in your output box.", "// You'll learn about functions soon.", <del> "if(typeof(myArray) !== "undefined" && typeof(data) !== "undefined"){(function(y,z){return('myArray = ' + JSON.stringify(y) + ', data = ' + JSON.stringify(z));})(myArray, data);}" </del> <ins> "if(typeof(myArray) !== "undefined" && typeof(myData) !== "undefined"){(function(y,z){return('myArray = ' + JSON.stringify(y) + ', myData = ' + JSON.stringify(z));})(myArray, myData);}" </ins> ], "type": "waypoint", "challengeType": 1
Code change:
Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. Code "assert(editor.getValue().match(/(//)...../g)," appears on the left hand checklist. After completing the challenge and running the code, section completion pop-up appears, and if you try to move on to the next section, the section completion pop-up will continuously appear instead of moving on to the next section. Multi-line comments such as this do not pass the test: / hello / <img width="1440" alt="screen shot 2015-08-18 at 8 50 03 pm" src=""
Dear camper, your issue is a duplicate and already fixed: Please see .

Related discussion:
text: "Try creating one of each." ], "tests":[ <del> "assert(editor.getValue().match(/(//)...../g), 'Create a <code>//</code> style comment that contains at least five letters');", "assert(editor.getValue().match(/(/*)...../g), 'Create a <code>/* */</code> style comment that contains at least five letters.');", "assert(editor.getValue().match(/(*/)/g), 'Make sure that you close the comment with a <code>*/</code>');" </del> <ins> "assert(editor.getValue().match(/(//)...../g), 'Create a <code>//</code> style comment that contains at least five letters');", "assert(editor.getValue().match(/(/*)[wW]{5,}(?=*/)/gm), 'Create a <code>/* */</code> style comment that contains at least five letters.');", "assert(editor.getValue().match(/(*/)/g), 'Make sure that you close the comment with a <code>*/</code>');" </ins> ], "challengeSeed":[ ],
Code change:
Challenge has an issue. Please describe how to reproduce it, and include links to screenshots if possible. First line of the challenge has a typo where the word "use" comes twice: You can use use spans to create inline elements.
I have created a pull request that should close this issue. I can't merge it in myself though so we will have to wait until someone with write access to this repository can approve the pull request. Then this issue will be fixed in staging.

Related discussion:
text: "title": "Use Spans for Inline Elements", "difficulty": 2.105, "description": [ <del> "You can use use spans to create inline elements. Remember when we used the <code>btn-block</code> class to make the button fill the entire row?", </del> <ins> "You can use spans to create inline elements. Remember when we used the <code>btn-block</code> class to make the button fill the entire row?", </ins> "This image illustrates the difference between <code>inline</code> elements and <code>block-level</code> elements:", "<img class="img-responsive" src="https://www.evernote.com/l/AHTFU358y71AV6mokPeuTEgrZVdUJ4A8v3AB/image.png" alt="An "inline" button is as small as the text it contains. In this image, it's centered. Below it is a "block-level" button, which stretches to fill the entire horizontal space.'>", "By using the <code>span</code> element, you can put several elements together, and even style different parts of the same element differently.",
Code change:
Assignment: Let's remove all the values greater than five Assert: You should have removed all the values from the array that are greater than 4. problem arises if user includes 5 in result set

Related discussion:
text: "<code>});</code>" ], "tests":[ <del> "assert.deepEqual(array, [1,2,3,4], 'message: You should have removed all the values from the array that are greater than 4.');", </del> <ins> "assert.deepEqual(array, [1,2,3,4,5], 'message: You should have removed all the values from the array that are greater than 5.');", </ins> "assert(editor.getValue().match(/array.filters*(/gi), 'message: You should be using the filter method to remove the values from the array.');", "assert(editor.getValue().match(/[1,2,3,4,5,6,7,8,9,10]/gi), 'message: You should only be using <code>.filter</code> to modify the contents of the array.');" ],
Code change:
I think "Each id should be unique to a specific element." would be less ambiguous (and more accurate) as "Each id must be unique on the page."

Related discussion:
text: "id": "bad87fee1348cd8acef08812", "title": "Create a Block Element Bootstrap Button", "description": [ <del> "Normally, your <code>button</code> elements are only as wide as the text that they contain. By making them block elements, your button will stretch to fill your page's entire horizontal space.", </del> <ins> "Normally, your <code>button</code> elements are only as wide as the text that they contain. By making them block elements, your button will stretch to fill your page's entire horizontal space and any elements following it will flow onto a "new line" below the block.", </ins> "This image illustrates the difference between <code>inline</code> elements and <code>block-level</code> elements:", "<a href="http://i.imgur.com/O32cDWE.png" data-lightbox="img-enlarge"><img class="img-responsive" src="http://i.imgur.com/O32cDWE.png" title="Click to enlarge" alt="An "inline" button is as small as the text it contains. In this image, it's centered. Below it is a "block-level" button, which stretches to fill the entire horizontal space.'></a>", "Note that these buttons still need the <code>btn</code> class.",
Code change:
I think "Each id should be unique to a specific element." would be less ambiguous (and more accurate) as "Each id must be unique on the page."

Related discussion:
text: "title": "Add ID Attributes to Bootstrap Elements", "description": [ "Recall that in addition to class attributes, you can give each of your elements an <code>id</code> attribute.", <del> "Each id should be unique to a specific element.", </del> <ins> "Each id must be unique to a specific element and used only once per page.", </ins> "Let's give a unique id to each of our <code>div</code> elements of class <code>well</code>.", "Remember that you can give an element an id like this: <code>&#60;div class="well" id="center-well"&#62;</code>", "Give the well on the left the id of <code>left-well</code>. Give the well on the right the <code>id</code> of <code>right-well</code>."
Code change:
when I finish all challenges, the flash info is Once you have completed all of our challenges, you should join our&lt;a target=""_blank"" href=""""Half Way Club&lt;/aand start getting ready for our nonprofit projects.a element will not open HalfWayClub of gitter I'm using firefox 41.0.1 on windows, I think there is something wrong with

Related discussion:
text: req.flash('info', { msg: dedent` Once you have completed all of our challenges, you should <del> join our <a href="//gitter.im/freecodecamp/HalfWayClub" target="_blank">Half Way Club</a> and start getting </del> <ins> join our <a href="https://gitter.im/freecodecamp/HalfWayClub" target="_blank">Half Way Club</a> and start getting </ins> ready for our nonprofit projects. `.split('n').join(' ') });