chore(learn): audit files for crowdin (#40838)
* chore(learn): audit files for crowdin Audits the challenge text in the Responsive Web Design superblock to account for words/phrases that should not be translated because they refer to code. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> * fix: remove quotes from code Removes instances of quoted code blocks, or code blocked quotes. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> * fix: additional uncaught quote-codes Thanks Oliver :) Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> Co-authored-by: Randell Dawson <5313213+RandellDawson@users.noreply.github.com> * fix: so many quotes Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> * fix: missing punctuation Noted in a Crowdin comment. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> * fix: remove more quotes Co-authored-by: Randell Dawson <5313213+RandellDawson@users.noreply.github.com> Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com> Co-authored-by: Randell Dawson <5313213+RandellDawson@users.noreply.github.com>
This commit is contained in:
committed by
GitHub
parent
4c99d18b2f
commit
427444c757
@ -17,11 +17,11 @@ Here's an example submit button:
|
||||
|
||||
# --instructions--
|
||||
|
||||
Add a button as the last element of your `form` element with a type of `submit`, and "Submit" as its text.
|
||||
Add a button as the last element of your `form` element with a type of `submit`, and `Submit` as its text.
|
||||
|
||||
# --hints--
|
||||
|
||||
Your form should have a button inside it.
|
||||
Your `form` should have a `button` inside it.
|
||||
|
||||
```js
|
||||
assert($('form').children('button').length > 0);
|
||||
|
@ -29,7 +29,7 @@ You should add a `placeholder` attribute to the existing text `input` element.
|
||||
assert($('input[placeholder]').length > 0);
|
||||
```
|
||||
|
||||
You should set the value of your placeholder attribute to `cat photo URL`.
|
||||
You should set the value of your `placeholder` attribute to `cat photo URL`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
@ -11,7 +11,7 @@ dashedName: check-radio-buttons-and-checkboxes-by-default
|
||||
|
||||
You can set a checkbox or radio button to be checked by default using the `checked` attribute.
|
||||
|
||||
To do this, just add the word "checked" to the inside of an input element. For example:
|
||||
To do this, just add the word `checked` to the inside of an input element. For example:
|
||||
|
||||
`<input type="radio" name="test-name" checked>`
|
||||
|
||||
|
@ -22,7 +22,7 @@ For example:
|
||||
</ul>
|
||||
```
|
||||
|
||||
would create a bullet point style list of "milk" and "cheese".
|
||||
would create a bullet point style list of `milk` and `cheese`.
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@ -38,7 +38,7 @@ Add a pair of radio buttons to your form, each nested in its own `label` element
|
||||
|
||||
# --hints--
|
||||
|
||||
Your page should have two radio button elements.
|
||||
Your page should have two `radio` button elements.
|
||||
|
||||
```js
|
||||
assert($('input[type="radio"]').length > 1);
|
||||
|
@ -22,7 +22,7 @@ For example:
|
||||
</ol>
|
||||
```
|
||||
|
||||
would create a numbered list of "Garfield" and "Sylvester".
|
||||
would create a numbered list of `Garfield` and `Sylvester`.
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@ -13,7 +13,7 @@ Web developers traditionally use <dfn>lorem ipsum text</dfn> as placeholder text
|
||||
|
||||
Lorem ipsum text has been used as placeholder text by typesetters since the 16th century, and this tradition continues on the web.
|
||||
|
||||
Well, 5 centuries is long enough. Since we're building a CatPhotoApp, let's use something called "kitty ipsum text".
|
||||
Well, 5 centuries is long enough. Since we're building a CatPhotoApp, let's use something called "kitty ipsum" text.
|
||||
|
||||
# --instructions--
|
||||
|
||||
@ -21,7 +21,7 @@ Replace the text inside your `p` element with the first few words of this kitty
|
||||
|
||||
# --hints--
|
||||
|
||||
Your `p` element should contain the first few words of the provided `kitty ipsum text`.
|
||||
Your `p` element should contain the first few words of the provided "kitty ipsum" text.
|
||||
|
||||
```js
|
||||
assert.isTrue(/Kitty(\s)+ipsum/gi.test($('p').text()));
|
||||
|
@ -17,7 +17,7 @@ You can create a paragraph element like this:
|
||||
|
||||
# --instructions--
|
||||
|
||||
Create a `p` element below your `h2` element, and give it the text "Hello Paragraph".
|
||||
Create a `p` element below your `h2` element, and give it the text `Hello Paragraph`.
|
||||
|
||||
**Note:** As a convention, all HTML tags are written in lowercase, for example `<p></p>` and not `<P></P>`.
|
||||
|
||||
|
@ -23,7 +23,7 @@ Create an `a` element that links to `https://freecatphotoapp.com` and has "cat p
|
||||
|
||||
# --hints--
|
||||
|
||||
Your `a` element should have the anchor text of "cat photos".
|
||||
Your `a` element should have the anchor text of `cat photos`.
|
||||
|
||||
```js
|
||||
assert(/cat photos/gi.test($('a').text()));
|
||||
|
@ -21,15 +21,15 @@ Below is an example of an internal anchor link and its target element:
|
||||
<h2 id="contacts-header">Contacts</h2>
|
||||
```
|
||||
|
||||
When users click the Contacts link, they'll be taken to the section of the webpage with the **Contacts** header element.
|
||||
When users click the `Contacts` link, they'll be taken to the section of the webpage with the **Contacts** header element.
|
||||
|
||||
# --instructions--
|
||||
|
||||
Change your external link to an internal link by changing the `href` attribute to "#footer" and the text from "cat photos" to "Jump to Bottom".
|
||||
Change your external link to an internal link by changing the `href` attribute to `"#footer"` and the text from `cat photos` to `Jump to Bottom`.
|
||||
|
||||
Remove the `target="_blank"` attribute from the anchor tag since this causes the linked document to open in a new window tab.
|
||||
|
||||
Then add an `id` attribute with a value of "footer" to the `<footer>` element at the bottom of the page.
|
||||
Then add an `id` attribute with a value of `footer` to the `<footer>` element at the bottom of the page.
|
||||
|
||||
# --hints--
|
||||
|
||||
|
@ -19,7 +19,7 @@ You can nest links within other text elements.
|
||||
|
||||
Let's break down the example: Normal text is wrapped in the `p` element:
|
||||
`<p> Here's a ... for you to follow. </p>` Next is the *anchor* element `<a>` (which requires a closing tag `</a>`):
|
||||
`<a> ... </a>` `target` is an anchor tag attribute that specifies where to open the link and the value `"_blank"` specifies to open the link in a new tab. `href` is an anchor tag attribute that contains the URL address of the link:
|
||||
`<a> ... </a>` `target` is an anchor tag attribute that specifies where to open the link and the value `_blank` specifies to open the link in a new tab `href` is an anchor tag attribute that contains the URL address of the link:
|
||||
`<a href="http://freecodecamp.org"> ... </a>` The text, **"link to freecodecamp.org"**, within the `a` element called `anchor text`, will display a link to click:
|
||||
`<a href=" ... ">link to freecodecamp.org</a>` The final output of the example will look like this:
|
||||
|
||||
@ -27,7 +27,7 @@ Here's a [link to freecodecamp.org](http://freecodecamp.org) for you to follow.
|
||||
|
||||
# --instructions--
|
||||
|
||||
Nest the existing `a` element within a new `p` element. The new paragraph should have text that says "View more cat photos", where "cat photos" is a link, and the rest is plain text.
|
||||
Nest the existing `a` element within a new `p` element. The new paragraph should have text that says `View more cat photos`, where `cat photos` is a link, and the rest is plain text.
|
||||
|
||||
# --hints--
|
||||
|
||||
@ -40,7 +40,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Your `a` element should have the anchor text of "cat photos"
|
||||
Your `a` element should have the anchor text of `cat photos`
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -65,7 +65,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Your `p` element should have the text "View more " (with a space after it).
|
||||
Your `p` element should have the text `View more ` (with a space after it).
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -80,7 +80,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Your `a` element should <em>not</em> have the text "View more".
|
||||
Your `a` element should <em>not</em> have the text `View more`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
@ -17,7 +17,7 @@ Just like any other non-self-closing element, you can open a `div` element with
|
||||
|
||||
# --instructions--
|
||||
|
||||
Nest your "Things cats love" and "Things cats hate" lists all within a single `div` element.
|
||||
Nest your "Things cats love" and "Top 3 things cats hate" lists all within a single `div` element.
|
||||
|
||||
Hint: Try putting your opening `div` tag above your "Things cats love" `p` element and your closing `div` tag after your closing `ol` tag so that both of your lists are within one `div`.
|
||||
|
||||
|
@ -31,11 +31,11 @@ Each challenge has tests you can run at any time by clicking the "Run tests" but
|
||||
|
||||
# --instructions--
|
||||
|
||||
To pass the test on this challenge, change your `h1` element's text to say "Hello World".
|
||||
To pass the test on this challenge, change your `h1` element's text to say `Hello World`.
|
||||
|
||||
# --hints--
|
||||
|
||||
Your `h1` element should have the text "Hello World".
|
||||
Your `h1` element should have the text `Hello World`.
|
||||
|
||||
```js
|
||||
assert.isTrue(/hello(\s)+world/gi.test($('h1').text()));
|
||||
|
Reference in New Issue
Block a user