From b1de8ee4f82aaebd4f87419c415f104e6ae130fe Mon Sep 17 00:00:00 2001 From: Shaun Hamilton <51722130+Sky020@users.noreply.github.com> Date: Wed, 6 May 2020 15:23:27 +0100 Subject: [PATCH] fix(curriculum): change project codepen links (#38746) --- .../build-a-personal-portfolio-webpage.english.md | 2 +- .../build-a-product-landing-page.english.md | 2 +- .../build-a-survey-form.english.md | 2 +- .../build-a-technical-documentation-page.english.md | 2 +- .../build-a-tribute-page.english.md | 2 +- .../build-a-drum-machine.english.md | 2 +- .../build-a-javascript-calculator.english.md | 2 +- .../build-a-markdown-previewer.english.md | 2 +- .../build-a-pomodoro-clock.english.md | 2 +- .../build-a-random-quote-machine.english.md | 2 +- 10 files changed, 10 insertions(+), 10 deletions(-) diff --git a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.english.md b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.english.md index bfb50c615c..70d332147d 100644 --- a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.english.md @@ -22,7 +22,7 @@ You can use HTML, JavaScript, and CSS to complete this project. Plain CSS is rec User Story #9: My portfolio should have at least one media query. User Story #10: The height of the welcome section should be equal to the height of the viewport. User Story #11: The navbar should always be at the top of the viewport. -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.english.md b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.english.md index 568d94b13e..35c9034719 100644 --- a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.english.md @@ -26,7 +26,7 @@ You can use HTML, JavaScript, and CSS to complete this project. Plain CSS is rec User Story #13: The navbar should always be at the top of the viewport. User Story #14: My product landing page should have at least one media query. User Story #15: My product landing page should utilize CSS flexbox at least once. -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.english.md b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.english.md index 2c82f3332e..c6148646d0 100644 --- a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.english.md @@ -27,7 +27,7 @@ You can use HTML, JavaScript, and CSS to complete this project. Plain CSS is rec User Story #14: Inside the form element, I can select several fields from a series of checkboxes, each of which must have a value attribute. User Story #15: Inside the form element, I am presented with a textarea at the end for additional comments. User Story #16: Inside the form element, I am presented with a button with id="submit" to submit all my inputs. -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.english.md b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.english.md index a6fb7ad849..3b38036ea0 100644 --- a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.english.md @@ -26,7 +26,7 @@ You can use HTML, JavaScript, and CSS to complete this project. Plain CSS is rec User Story #13: When I click on a navbar element, the page should navigate to the corresponding section of the main-doc element (e.g. If I click on a nav-link element that contains the text "Hello world", the page navigates to a section element that has that id and contains the corresponding header. User Story #14: On regular sized devices (laptops, desktops), the element with id="navbar" should be shown on the left side of the screen and should always be visible to the user. User Story #15: My Technical Documentation page should use at least one media query. -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.english.md b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.english.md index f3bd192498..a454841d96 100644 --- a/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.english.md @@ -20,7 +20,7 @@ You can use HTML, JavaScript, and CSS to complete this project. Plain CSS is rec User Story #7: I should see an a element with a corresponding id="tribute-link", which links to an outside site that contains additional information about the subject of the tribute page. HINT: You must give your element an attribute of target and set it to _blank in order for your link to open in a new tab (i.e. target="_blank"). User Story #8: The img element should responsively resize, relative to the width of its parent element, without exceeding its original size. User Story #9: The img element should be centered within its parent element. -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js. +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js. Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.english.md b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.english.md index a284ebe998..8d825d1dc4 100644 --- a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.english.md +++ b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-drum-machine.english.md @@ -18,7 +18,7 @@ You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and User Story #5: When I click on a .drum-pad element, the audio clip contained in its child audio element should be triggered. User Story #6: When I press the trigger key associated with each .drum-pad, the audio clip contained in its child audio element should be triggered (e.g. pressing the Q key should trigger the drum pad which contains the string "Q", pressing the W key should trigger the drum pad which contains the string "W", etc.). User Story #7: When a .drum-pad is triggered, a string describing the associated audio clip is displayed as the inner text of the #display element (each string must be unique). -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.english.md b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.english.md index 5e1bda08ab..5d46066a02 100644 --- a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.english.md +++ b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-javascript-calculator.english.md @@ -28,7 +28,7 @@ You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and User Story #15: My calculator should have several decimal places of precision when it comes to rounding (note that there is no exact standard, but you should be able to handle calculations like 2 / 7 with reasonable precision to at least 4 decimal places). Note On Calculator Logic: It should be noted that there are two main schools of thought on calculator input logic: immediate execution logic and formula logic. Our example utilizes formula logic and observes order of operation precedence, immediate execution does not. Either is acceptable, but please note that depending on which you choose, your calculator may yield different results than ours for certain equations (see below example). As long as your math can be verified by another production calculator, please do not consider this a bug. EXAMPLE: 3 + 5 x 6 - 2 / 4 =
-You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.english.md b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.english.md index bb327a29a9..5387d7d4cb 100644 --- a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.english.md +++ b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-markdown-previewer.english.md @@ -18,7 +18,7 @@ You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and User Story #5: When my markdown previewer first loads, the default text in the #editor field should contain valid markdown that represents at least one of each of the following elements: a header (H1 size), a sub header (H2 size), a link, inline code, a code block, a list item, a blockquote, an image, and bolded text. User Story #6: When my markdown previewer first loads, the default markdown in the #editor field should be rendered as HTML in the #preview element. Optional Bonus (you do not need to make this test pass): My markdown previewer interprets carriage returns and renders them as br (line break) elements. -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.english.md b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.english.md index 8b2a09d0e7..41cba429a7 100644 --- a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.english.md +++ b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-pomodoro-clock.english.md @@ -39,7 +39,7 @@ You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and User Story #26: When a countdown reaches zero (NOTE: timer MUST reach 00:00), a sound indicating that time is up should play. This should utilize an HTML5 audio tag and have a corresponding id="beep". User Story #27: The audio element with id="beep" must be 1 second or longer. User Story #28: The audio element with id of beep must stop playing and be rewound to the beginning when the element with the id of reset is clicked. -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing. diff --git a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.english.md b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.english.md index 7f48414d23..fb080a0d0d 100644 --- a/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.english.md +++ b/curriculum/challenges/english/03-front-end-libraries/front-end-libraries-projects/build-a-random-quote-machine.english.md @@ -22,7 +22,7 @@ You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and User Story #9: My quote machine should fetch the new quote's author when the #new-quote button is clicked and display it in the #author element. User Story #10: I can tweet the current quote by clicking on the #tweet-quotea element. This a element should include the "twitter.com/intent/tweet" path in its href attribute to tweet the current quote. User Story #11: The #quote-box wrapper element should be horizontally centered. Please run tests with browser's zoom level at 100% and page maximized. -You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js +You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Once you're done, submit the URL to your working project with all its tests passing.