gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: replace frontend libraries bitly links (#41815)

Browse Source 
* fix: replace frontend libraries bitly links

* fix: replace s3 bucket urls with cdn urls
This commit is contained in:
Kristofer Koishigawa
2021-09-22 02:23:30 +09:00
committed by GitHub
parent 8c9ca6a2fa
commit a9204f12ea
18 changed files with 72 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.md
View File

@ -75,10 +75,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>
@ -137,10 +137,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md
View File

@ -92,10 +92,10 @@ assert(code.match(/<\/i>|<\/span>/g));
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
@ -154,10 +154,10 @@ assert(code.match(/<\/i>|<\/span>/g));
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/call-out-optional-actions-with-btn-info.md
View File

@ -81,9 +81,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -144,9 +144,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button> <button class="btn btn-block btn-info">Info</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/center-text-with-bootstrap.md
View File

@ -67,9 +67,9 @@ assert($('h2').hasClass('red-text'));
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
<li>cat nip</li> <li>cat nip</li>
@ -129,9 +129,9 @@ assert($('h2').hasClass('red-text'));
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
<li>cat nip</li> <li>cat nip</li>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/create-a-block-element-bootstrap-button.md
View File

@ -93,9 +93,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-default">Like</button> <button class="btn btn-default">Like</button>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -156,9 +156,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-block btn-default">Like</button> <button class="btn btn-block btn-default">Like</button>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/create-a-bootstrap-button.md
View File

@ -76,9 +76,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -143,9 +143,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<!-- ADD Bootstrap Styled Button --> <!-- ADD Bootstrap Styled Button -->
<button class="btn btn-default">Like</button> <button class="btn btn-default">Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md
View File

@ -75,9 +75,9 @@ assert(
<div class="container-fluid"> <div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
@ -137,10 +137,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/ditch-custom-css-for-bootstrap.md
View File

@ -91,9 +91,9 @@ assert($('.img-responsive').length > 1);
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
@ -149,9 +149,9 @@ assert($('.img-responsive').length > 1);
<div class="container-fluid"> <div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md
View File

@ -77,10 +77,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
@ -154,10 +154,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>

12
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md
View File

@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
# --description-- # --description--
First, add a new image below the existing one. Set its `src` attribute to `https://bit.ly/fcc-running-cats`. First, add a new image below the existing one. Set its `src` attribute to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
It would be great if this image could be exactly the width of our phone's screen. It would be great if this image could be exactly the width of our phone's screen.
@ -34,10 +34,10 @@ Your new image should not have the class `smaller-image`.
assert(!$('img:eq(1)').hasClass('smaller-image')); assert(!$('img:eq(1)').hasClass('smaller-image'));
``` ```
Your new image should have a `src` of `https://bit.ly/fcc-running-cats`. Your new image should have a `src` of `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
```js ```js
assert($('img:eq(1)').attr('src') === 'https://bit.ly/fcc-running-cats'); assert($('img:eq(1)').attr('src') === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg');
``` ```
Your new `img` element should have a closing angle bracket. Your new `img` element should have a closing angle bracket.
@ -87,7 +87,7 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -148,8 +148,8 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive"> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md
View File

@ -68,10 +68,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
@ -137,10 +137,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md
View File

@ -67,10 +67,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
@ -129,10 +129,10 @@ assert(
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/style-text-inputs-as-form-controls.md
View File

@ -70,10 +70,10 @@ assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3);
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
@ -147,10 +147,10 @@ assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3);
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
</div> </div>
<div class="col-xs-4"> <div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</div> </div>
</div> </div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button> <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md
View File

@ -75,9 +75,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-default btn-block">Like</button> <button class="btn btn-default btn-block">Like</button>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -138,9 +138,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-primary btn-block">Like</button> <button class="btn btn-primary btn-block">Like</button>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/use-a-span-to-target-inline-elements.md
View File

@ -86,9 +86,9 @@ assert(
<div class="container-fluid"> <div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
@ -146,9 +146,9 @@ assert(
<div class="container-fluid"> <div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2> <h2 class="text-primary text-center">CatPhotoApp</h2>
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>

4
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md
View File

@ -84,7 +84,7 @@ assert($('.container-fluid').children().length >= 8 && !$('.container-fluid').ha
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -143,7 +143,7 @@ assert($('.container-fluid').children().length >= 8 && !$('.container-fluid').ha
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md
View File

@ -91,9 +91,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button> <button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button> <button class="btn btn-block btn-danger">Delete</button>
@ -156,9 +156,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<div class="row"> <div class="row">
<div class="col-xs-4"> <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>

8
curriculum/challenges/english/03-front-end-development-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.md
View File

@ -81,9 +81,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button> <button class="btn btn-block btn-info">Info</button>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -145,9 +145,9 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
<button class="btn btn-block btn-primary">Like</button> <button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button> <button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button> <button class="btn btn-block btn-danger">Delete</button>