CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-13 21:02:08 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat(curriculum): add empty lines in catPhotoApp project (#48446)

Browse Source 
* feat(curriculum): add empty lines in catPhotoApp project

* Remove the whitespaces
This commit is contained in:
Muhammed Mustafa 2022-11-14 09:38:21 +02:00 committed by GitHub
parent 719e360ec2
commit 369db647f5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
40 changed files with 53 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc1798ff86c76b9248c6eb3.md
View File

@ -77,6 +77,7 @@ assert(collection.indexOf('H1') < collection.indexOf('H2'));
<body>
--fcc-editable-region--
<h1>CatPhotoApp</h1>
--fcc-editable-region--
</body>
</html>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17d3bf86c76b9248c6eb4.md
View File

@ -53,6 +53,7 @@ assert(collection.indexOf('H2') < collection.indexOf('P'));
<h1>CatPhotoApp</h1>
--fcc-editable-region--
<h2>Cat Photos</h2>
--fcc-editable-region--
</body>
</html>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc17dc8f86c76b9248c6eb5.md
View File

@ -63,6 +63,7 @@ assert(
<h2>Cat Photos</h2>
--fcc-editable-region--
<p>Click here to view more cat photos.</p>
--fcc-editable-region--
</body>
</html>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc2385ff86c76b9248c6eb7.md
View File

@ -60,10 +60,12 @@ assert(
<html>
<body>
--fcc-editable-region--
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
--fcc-editable-region--
</body>
</html>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23f9bf86c76b9248c6eba.md
View File

@ -53,6 +53,7 @@ assert(collection.indexOf('P') < collection.indexOf('IMG'));
<!-- TODO: Add link to cat photos -->
--fcc-editable-region--
<p>Click here to view more cat photos.</p>
--fcc-editable-region--
</main>
</body>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc24614f86c76b9248c6ebd.md
View File

@ -70,6 +70,7 @@ assert(
<!-- TODO: Add link to cat photos -->
--fcc-editable-region--
<p>Click here to view more cat photos.</p>
--fcc-editable-region--
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa3589eacea3f48c6300ae.md
View File

@ -66,6 +66,7 @@ assert(
</section>
--fcc-editable-region--
<section>
</section>
--fcc-editable-region--
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa371beacea3f48c6300af.md
View File

@ -75,6 +75,7 @@ assert(
--fcc-editable-region--
<section>
<h2>Cat Lists</h2>
</section>
--fcc-editable-region--
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
View File

@ -49,6 +49,7 @@ assert(secondSectionLastElemNode.nodeName === 'UL');
--fcc-editable-region--
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
--fcc-editable-region--
</section>
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb5ecbeacea3f48c6300b1.md
View File

@ -71,6 +71,7 @@ assert(
<h3>Things cats love:</h3>
--fcc-editable-region--
<ul>
</ul>
--fcc-editable-region--
</section>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb6250eacea3f48c6300b2.md
View File

@ -85,6 +85,7 @@ assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/cdn\.freecodecamp\.org\/curriculum\/ca
<li>laser pointers</li>
<li>lasagna</li>
</ul>
--fcc-editable-region--
</section>
</main>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb655eeacea3f48c6300b3.md
View File

@ -65,7 +65,9 @@ assert(
<li>lasagna</li>
</ul>
--fcc-editable-region--
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
--fcc-editable-region--
</section>
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfb6a35eacea3f48c6300b4.md
View File

@ -88,6 +88,7 @@ assert(
--fcc-editable-region--
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
</figure>
--fcc-editable-region--
</section>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d1.md
View File

@ -72,6 +72,7 @@ assert(
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure>
--fcc-editable-region--
</section>
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d2.md
View File

@ -86,6 +86,7 @@ assert.deepStrictEqual(
</figure>
--fcc-editable-region--
<h3>Top 3 things cats hate:</h3>
--fcc-editable-region--
</section>
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d3.md
View File

@ -63,6 +63,7 @@ assert($('main > section')[1].lastElementChild.nodeName === 'FIGURE');
<li>thunder</li>
<li>other cats</li>
</ol>
--fcc-editable-region--
</section>
</main>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d4.md
View File

@ -85,7 +85,9 @@ assert(
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
--fcc-editable-region--
<figcaption>Cats hate other cats.</figcaption>
--fcc-editable-region--
</figure>
</section>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d5.md
View File

@ -96,6 +96,7 @@ assert(
</section>
--fcc-editable-region--
<section>
</section>
--fcc-editable-region--
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d6.md
View File

@ -79,6 +79,7 @@ assert($('form')[0].innerHTML.trim().length === 0);
<section>
--fcc-editable-region--
<h2>Cat Form</h2>
--fcc-editable-region--
</section>
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804d8.md
View File

@ -99,6 +99,7 @@ assert(
<h2>Cat Form</h2>
--fcc-editable-region--
<form action="https://freecatphotoapp.com/submit-cat-photo">
</form>
--fcc-editable-region--
</section>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804da.md
View File

@ -83,6 +83,7 @@ assert(collection.indexOf('INPUT') < collection.indexOf('BUTTON'));
<form action="https://freecatphotoapp.com/submit-cat-photo">
--fcc-editable-region--
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
--fcc-editable-region--
</form>
</section>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md
View File

@ -135,7 +135,7 @@ assert(
<h2>Cat Form</h2>
<form action="https://freecatphotoapp.com/submit-cat-photo">
--fcc-editable-region--
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
--fcc-editable-region--
<button type="submit">Submit</button>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e1.md
View File

@ -88,8 +88,10 @@ assert(
<h2>Cat Form</h2>
<form action="https://freecatphotoapp.com/submit-cat-photo">
--fcc-editable-region--
<label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
<label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
--fcc-editable-region--
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e2.md
View File

@ -117,6 +117,7 @@ assert(
<fieldset>
--fcc-editable-region--
<legend>What's your cat's personality?</legend>
--fcc-editable-region--
</fieldset>
<input type="text" name="catphotourl" placeholder="cat photo URL" required>

3
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e7.md
View File

@ -95,8 +95,9 @@ assert(document.querySelector('main').nextElementSibling.nodeName === 'FOOTER');
</section>
--fcc-editable-region--
</main>
</body>
</html>
--fcc-editable-region--
</html>
```

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e8.md
View File

@ -96,6 +96,7 @@ assert(extraSpacesRemoved.match(/No Copyright - freeCodeCamp\.org$/i));
</main>
--fcc-editable-region--
<footer>
</footer>
--fcc-editable-region--
</body>

7
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ea.md
View File

@ -9,7 +9,7 @@ dashedName: step-65
Notice that everything you've added to the page so far is inside the `body` element. All page content elements that should be rendered to the page go inside the `body` element. However, other important information goes inside the `head` element.
Add a `head` element just above the `body` element.
Add a `head` element above the `body` element.
# --hints--
@ -43,9 +43,11 @@ assert(noSpaces.match(/\<\/head\>\<body\>/));
## --seed-contents--
```html
<html>
--fcc-editable-region--
<html>
<body>
--fcc-editable-region--
<main>
<h1>CatPhotoApp</h1>
<section>
@ -102,7 +104,6 @@ assert(noSpaces.match(/\<\/head\>\<body\>/));
</p>
</footer>
</body>
--fcc-editable-region--
</html>
```

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804eb.md
View File

@ -48,6 +48,7 @@ assert(document.title && document.title.toLowerCase() === 'catphotoapp');
<html>
--fcc-editable-region--
<head>
</head>
--fcc-editable-region--
<body>

3
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ee.md
View File

@ -32,11 +32,12 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
```html
--fcc-editable-region--
<html lang="en">
--fcc-editable-region--
<head>
<title>CatPhotoApp</title>
</head>
--fcc-editable-region--
<body>
<main>
<h1>CatPhotoApp</h1>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efada803cbd2bbdab94e332.md
View File

@ -89,6 +89,7 @@ assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/cdn\.freecodecamp\.org\/curriculum\/ca
</ol>
--fcc-editable-region--
<figure>
</figure>
--fcc-editable-region--
</section>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efae0543cbd2bbdab94e333.md
View File

@ -7,7 +7,7 @@ dashedName: step-30
# --description--
To improve accessibility of the image you just added, add an `alt` attribute with the text:
To improve accessibility of the image you added, add an `alt` attribute with the text:
`Five cats looking around a field.`

5
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efae16e3cbd2bbdab94e334.md
View File

@ -110,11 +110,12 @@ assert(
<li>thunder</li>
<li>other cats</li>
</ol>
--fcc-editable-region--
<figure>
--fcc-editable-region--
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
--fcc-editable-region--
</figure>
--fcc-editable-region--
</section>
</main>
</body>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f05a1d8e233dff4a68508d8.md
View File

@ -124,6 +124,7 @@ assert(code.match(/<\/label>\s*<label\s*>\s*<input [^>]+>\s*Outdoor/i));
<form action="https://freecatphotoapp.com/submit-cat-photo">
--fcc-editable-region--
<label><input id="indoor" type="radio"> Indoor</label>
--fcc-editable-region--
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>

2
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f07be6ef7412fbad0c5626b.md
View File

@ -57,6 +57,7 @@ assert.isFalse(includesH1);
<html>
<body>
--fcc-editable-region--
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
@ -64,6 +65,7 @@ assert.isFalse(includesH1);
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</main>
--fcc-editable-region--
</body>
</html>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f07c98cdb9413cbd4b16750.md
View File

@ -73,6 +73,7 @@ assert(foundElems.length === 2);
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
--fcc-editable-region--
</main>
</body>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f07fb1579dc934717801375.md
View File

@ -90,6 +90,7 @@ assert($('main > section')[2].children.length === 0);
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
--fcc-editable-region--
</main>
</body>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d48e7b435f13ab6550051.md
View File

@ -90,6 +90,7 @@ assert(extraSpacesRemoved.match(/Is your cat an indoor or outdoor cat\??$/i));
<form action="https://freecatphotoapp.com/submit-cat-photo">
--fcc-editable-region--
<fieldset>
<label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
<label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
</fieldset>

3
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d4ab1b435f13ab6550052.md
View File

@ -116,9 +116,10 @@ assert(fieldsetChildren[0].length > fieldsetChildren[1].length);
<label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
<label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
</fieldset>
--fcc-editable-region--
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
--fcc-editable-region--
</form>
</section>
</main>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d4d04b435f13ab6550053.md
View File

@ -101,6 +101,7 @@ assert(
</fieldset>
--fcc-editable-region--
<fieldset>
</fieldset>
--fcc-editable-region--
<input type="text" name="catphotourl" placeholder="cat photo URL" required>

1
curriculum/challenges/english/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md
View File

@ -45,6 +45,7 @@ assert.notMatch(code, /<\/meta\s*>?/i);
<html lang="en">
--fcc-editable-region--
<head>
<title>CatPhotoApp</title>
</head>
--fcc-editable-region--