fix: replace responsive web dev bitly links

This commit is contained in:
Dharmin Shah
2021-09-30 14:52:07 +05:30
parent 80e8ba8879
commit 3d2bcbef4b
7 changed files with 26 additions and 26 deletions

View File

@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
# --description-- # --description--
首先,在已有的圖片下面添加一張新的圖片。 設置其 `src` 屬性爲 `https://bit.ly/fcc-running-cats` 首先,在已有的圖片下面添加一張新的圖片。 設置其 `src` 屬性爲 `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`
如果圖片的大小恰恰和我們手機屏幕尺寸大小一樣自然是最好的。 如果圖片的大小恰恰和我們手機屏幕尺寸大小一樣自然是最好的。
@ -34,10 +34,10 @@ assert($('img:eq(1)').hasClass('img-responsive'));
assert(!$('img:eq(1)').hasClass('smaller-image')); assert(!$('img:eq(1)').hasClass('smaller-image'));
``` ```
新圖片的 `src` 屬性值應該爲 `https://bit.ly/fcc-running-cats` 新圖片的 `src` 屬性值應該爲 `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');
``` ```
確保新的 `img` 元素有一個閉合的尖括號。 確保新的 `img` 元素有一個閉合的尖括號。
@ -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>

View File

@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
# --description-- # --description--
首先,在已有的图片下面添加一张新的图片。 设置其 `src` 属性为 `https://bit.ly/fcc-running-cats` 首先,在已有的图片下面添加一张新的图片。 设置其 `src` 属性为 `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`
如果图片的大小恰恰和我们手机屏幕尺寸大小一样自然是最好的。 如果图片的大小恰恰和我们手机屏幕尺寸大小一样自然是最好的。
@ -34,10 +34,10 @@ assert($('img:eq(1)').hasClass('img-responsive'));
assert(!$('img:eq(1)').hasClass('smaller-image')); assert(!$('img:eq(1)').hasClass('smaller-image'));
``` ```
新图片的 `src` 属性值应该为 `https://bit.ly/fcc-running-cats` 新图片的 `src` 属性值应该为 `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');
``` ```
确保新的 `img` 元素有一个闭合的尖括号。 确保新的 `img` 元素有一个闭合的尖括号。
@ -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>

View File

@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
# --description-- # --description--
Innanzitutto, aggiungi una nuova immagine sotto quella esistente. Imposta l'attributo `src` su `https://bit.ly/fcc-running-cats`. Innanzitutto, aggiungi una nuova immagine sotto quella esistente. Imposta l'attributo `src` su `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
Sarebbe bello se questa immagine potesse essere larga esattamente come lo schermo del nostro telefono. Sarebbe bello se questa immagine potesse essere larga esattamente come lo schermo del nostro telefono.
@ -34,10 +34,10 @@ La tua nuova immagine non dovrebbe avere la classe `smaller-image`.
assert(!$('img:eq(1)').hasClass('smaller-image')); assert(!$('img:eq(1)').hasClass('smaller-image'));
``` ```
La tua nuova immagine dovrebbe avere un `src` di `https://bit.ly/fcc-running-cats`. La tua nuova immagine dovrebbe avere un `src` di `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');
``` ```
Il tuo nuovo elemento `img` dovrebbe avere una parentesi angolare di chiusura. Il tuo nuovo elemento `img` dovrebbe avere una parentesi angolare di chiusura.
@ -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>

View File

@ -911,7 +911,7 @@
"type": "code", "type": "code",
"lang": "html", "lang": "html",
"meta": null, "meta": null,
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://bit.ly/fcc-relaxing-cat\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n --fcc-editable-region--\n <section>\n <h2>Cat Lists</h2>\n </section>\n --fcc-editable-region--\n </main>\n </body>\n</html>", "value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n --fcc-editable-region--\n <section>\n <h2>Cat Lists</h2>\n </section>\n --fcc-editable-region--\n </main>\n </body>\n</html>",
"position": { "position": {
"start": { "line": 86, "column": 1, "offset": 2070 }, "start": { "line": 86, "column": 1, "offset": 2070 },
"end": { "line": 114, "column": 4, "offset": 2759 }, "end": { "line": 114, "column": 4, "offset": 2759 },
@ -1037,7 +1037,7 @@
"type": "code", "type": "code",
"lang": "html", "lang": "html",
"meta": null, "meta": null,
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://bit.ly/fcc-relaxing-cat\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n <section>\n <h2>Cat Lists</h2>\n </section>\n </main>\n </body>\n</html>", "value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n <section>\n <h2>Cat Lists</h2>\n </section>\n </main>\n </body>\n</html>",
"position": { "position": {
"start": { "line": 143, "column": 1, "offset": 2969 }, "start": { "line": 143, "column": 1, "offset": 2969 },
"end": { "line": 169, "column": 4, "offset": 3598 }, "end": { "line": 169, "column": 4, "offset": 3598 },

View File

@ -860,7 +860,7 @@
"type": "code", "type": "code",
"lang": "html", "lang": "html",
"meta": null, "meta": null,
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://bit.ly/fcc-relaxing-cat\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n --fcc-editable-region--\n <section>\n <h2>Cat Lists</h2>\n </section>\n --fcc-editable-region--\n </main>\n </body>\n</html>", "value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n --fcc-editable-region--\n <section>\n <h2>Cat Lists</h2>\n </section>\n --fcc-editable-region--\n </main>\n </body>\n</html>",
"position": { "position": {
"start": { "line": 78, "column": 1, "offset": 1960 }, "start": { "line": 78, "column": 1, "offset": 1960 },
"end": { "line": 106, "column": 4, "offset": 2649 }, "end": { "line": 106, "column": 4, "offset": 2649 },
@ -986,7 +986,7 @@
"type": "code", "type": "code",
"lang": "html", "lang": "html",
"meta": null, "meta": null,
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://bit.ly/fcc-relaxing-cat\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n <section>\n <h2>Cat Lists</h2>\n </section>\n </main>\n </body>\n</html>", "value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n <section>\n <h2>Cat Lists</h2>\n </section>\n </main>\n </body>\n</html>",
"position": { "position": {
"start": { "line": 135, "column": 1, "offset": 2859 }, "start": { "line": 135, "column": 1, "offset": 2859 },
"end": { "line": 161, "column": 4, "offset": 3488 }, "end": { "line": 161, "column": 4, "offset": 3488 },

View File

@ -91,7 +91,7 @@ assert(
</p> </p>
<a href="https://www.freecodecamp.org/cat-photos" <a href="https://www.freecodecamp.org/cat-photos"
><img ><img
src="https://bit.ly/fcc-relaxing-cat" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"
alt="A cute orange cat lying on its back." alt="A cute orange cat lying on its back."
/></a> /></a>
</section> </section>
@ -148,7 +148,7 @@ var x = 'y';
</p> </p>
<a href="https://www.freecodecamp.org/cat-photos" <a href="https://www.freecodecamp.org/cat-photos"
><img ><img
src="https://bit.ly/fcc-relaxing-cat" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"
alt="A cute orange cat lying on its back." alt="A cute orange cat lying on its back."
/></a> /></a>
</section> </section>

View File

@ -207,7 +207,7 @@ Object {
</p> </p>
<a href=\\"https://www.freecodecamp.org/cat-photos\\" <a href=\\"https://www.freecodecamp.org/cat-photos\\"
><img ><img
src=\\"https://bit.ly/fcc-relaxing-cat\\" src=\\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\\"
alt=\\"A cute orange cat lying on its back.\\" alt=\\"A cute orange cat lying on its back.\\"
/></a> /></a>
</section> </section>
@ -296,7 +296,7 @@ a {
</p> </p>
<a href=\\"https://www.freecodecamp.org/cat-photos\\" <a href=\\"https://www.freecodecamp.org/cat-photos\\"
><img ><img
src=\\"https://bit.ly/fcc-relaxing-cat\\" src=\\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\\"
alt=\\"A cute orange cat lying on its back.\\" alt=\\"A cute orange cat lying on its back.\\"
/></a> /></a>
</section> </section>