Skip to content

Commit

Permalink
also update double spaces on lists using - instead of *
Browse files Browse the repository at this point in the history
  • Loading branch information
Hamms committed Jul 20, 2018
1 parent dad4ae1 commit 450ae38
Show file tree
Hide file tree
Showing 71 changed files with 77 additions and 77 deletions.
Expand Up @@ -5,7 +5,7 @@
"level_num": "custom",
"user_id": 324,
"properties": {
"markdown_instructions": "<div style=\"float: right; height: 250px; width: 40%; overflow-y: scroll; margin-left: 20px; font-size:14px\" markdown=\"1\">\r\n<details>\r\n<summary>**How does the code work?**</summary>\r\nHere is the code that makes the `h1` elements underlined:\r\n\r\n<pre>h1 {\r\n text-decoration: underline;\r\n}</pre>\r\n\r\n* `h1` is the _selector_. It specifies which elements will have to follow the rules inside the curly braces. The `p` stands for paragraph.\r\n* `text-decoration: underline;` is the rule that makes the text inside the `h1` tag underlined.\r\n * `text-decoration` is the _property_. It explains what the rule is about, in this case where the line goes.\r\n * `underline` is the _value_. It explains how the rule should be applied, in this case making the test underlined.\r\n</details>\r\n<details>\r\n<summary>**What are the possible values for text decoration?**</summary>\r\nYou can choose between \"underline\", \"overline\", and \"line-through\". You can read more about the text-decoration property at <a href=\"http://www.w3schools.com/cssref/pr_text_text-decoration.asp\" target=\"_new\">W3Schools - CSS text-decoration Property</a>\r\n</details>\r\n<details>\r\n<summary>**Why do I need all the punctuation?**</summary>\r\nThe punctuation, such as the curly braces `{}`, the colon `:`, and the semicolon `;`, help the computer to understand the rules in the stylesheet. The curly braces hold all the rules for a particular selector. Each rule should end in a semicolon, and the properties and values are always separated by a colon.\r\n</details>\r\n<details>\r\n<summary>**What is a stylesheet?**</summary>\r\nA style sheet is a document that controls how a web page will appear. External style sheets are separate files that are linked to the HTML page.\r\n</details>\r\n<details>\r\n<summary>**What is CSS?**</summary>\r\nCSS is a language that controls the way content on a web site appears. It uses rule-sets to change the look of a page. Each rule set has a selector, which specifies which elements on the page will be affected, and the rules, which explain how to display the elements. Each rule consists of a property and a value for that property.\r\n\r\n\r\nHere’s an example of a rule-set that makes the text in an `h2` tag blue and cursive:\r\n\r\n<pre>h2 {\r\n color: blue;\r\n font-family: cursive;\r\n</pre>\r\n\r\nIn this example, `h2` is the selector, `color` and `font-family` are properties, and `blue` and `cursive` are the values for those properties.\r\n</details>\r\n</div>\r\n# Underlining\r\n\r\n* Find the code in the style sheet that makes the h1 tag underlined.\r\n* Change the text decoration and see which one you like.\r\n * Choose from \"underline\", \"overline\", and \"line-through\"\r\n* Add a text decoration rule for the paragraph or h3 tag.",
"markdown_instructions": "<div style=\"float: right; height: 250px; width: 40%; overflow-y: scroll; margin-left: 20px; font-size:14px\" markdown=\"1\">\r\n<details>\r\n<summary>**How does the code work?**</summary>\r\nHere is the code that makes the `h1` elements underlined:\r\n\r\n<pre>h1 {\r\n text-decoration: underline;\r\n}</pre>\r\n\r\n* `h1` is the _selector_. It specifies which elements will have to follow the rules inside the curly braces. The `p` stands for paragraph.\r\n* `text-decoration: underline;` is the rule that makes the text inside the `h1` tag underlined.\r\n * `text-decoration` is the _property_. It explains what the rule is about, in this case where the line goes.\r\n * `underline` is the _value_. It explains how the rule should be applied, in this case making the test underlined.\r\n</details>\r\n<details>\r\n<summary>**What are the possible values for text decoration?**</summary>\r\nYou can choose between \"underline\", \"overline\", and \"line-through\". You can read more about the text-decoration property at <a href=\"http://www.w3schools.com/cssref/pr_text_text-decoration.asp\" target=\"_new\">W3Schools - CSS text-decoration Property</a>\r\n</details>\r\n<details>\r\n<summary>**Why do I need all the punctuation?**</summary>\r\nThe punctuation, such as the curly braces `{}`, the colon `:`, and the semicolon `;`, help the computer to understand the rules in the stylesheet. The curly braces hold all the rules for a particular selector. Each rule should end in a semicolon, and the properties and values are always separated by a colon.\r\n</details>\r\n<details>\r\n<summary>**What is a stylesheet?**</summary>\r\nA style sheet is a document that controls how a web page will appear. External style sheets are separate files that are linked to the HTML page.\r\n</details>\r\n<details>\r\n<summary>**What is CSS?**</summary>\r\nCSS is a language that controls the way content on a web site appears. It uses rule-sets to change the look of a page. Each rule set has a selector, which specifies which elements on the page will be affected, and the rules, which explain how to display the elements. Each rule consists of a property and a value for that property.\r\n\r\n\r\nHere’s an example of a rule-set that makes the text in an `h2` tag blue and cursive:\r\n\r\n<pre>h2 {\r\n color: blue;\r\n font-family: cursive;\r\n</pre>\r\n\r\nIn this example, `h2` is the selector, `color` and `font-family` are properties, and `blue` and `cursive` are the values for those properties.\r\n</details>\r\n</div>\r\n# Underlining\r\n\r\n* Find the code in the style sheet that makes the h1 tag underlined.\r\n* Change the text decoration and see which one you like.\r\n * Choose from \"underline\", \"overline\", and \"line-through\"\r\n* Add a text decoration rule for the paragraph or h3 tag.",
"instructions_important": "false",
"project_template_level_name": "CSDU2 - text style template_2018",
"encrypted_examples": "W/I5DzZfdS02mk1zT5ro33bPw6Tm+UqmrPU9cHY+GR41wqrI06C/V5yt6u6H\nQpv5NaFlXk91obZq6vVFJG+Y1A==\n",
Expand Down
Expand Up @@ -5,7 +5,7 @@
"level_num": "custom",
"user_id": 324,
"properties": {
"markdown_instructions": "<div style=\"float: right; height: 250px; width: 40%; overflow-y: scroll; margin-left: 20px; font-size:14px\" markdown=\"1\">\r\n<details>\r\n<summary>**How does the code work?**</summary>\r\nHere is the code that is controlling the paragraph font:\r\n\r\n<pre>p {\r\n font-family: cursive;\r\n}</pre>\r\n\r\n* `p` is the _selector_. It specifies which elements will have to follow the rules inside the curly braces. The `p` stands for paragraph.\r\n* `font-family: cursive;` is the rule that makes the text inside the `p` tags a particular font.\r\n * `font-family` is the _property_. It explains what the rule is about, in this case the font.\r\n * `cursive` is the _value_. It explains how the rule should be applied, in this case making the text cursive.\r\n</details>\r\n<details>\r\n<summary>**What are the possible values for font family?**</summary>\r\nYou can choose between \"serif\", \"sans-serif\", \"cursive\", \"fantasy\", and \"monospace\". You can also try more specific fonts as described in <a href=\"http://www.w3schools.com/cssref/css_websafe_fonts.asp\" target=\"_new\">W3Schools - CSS Web Safe Font Combinations</a>\r\n</details>\r\n<details>\r\n<summary>**Why do I need all the punctuation?**</summary>\r\nThe punctuation, such as the curly braces `{}`, the colon `:`, and the semicolon `;`, help the computer to understand the rules in the stylesheet. The curly braces hold all the rules for a particular selector. Each rule should end in a semicolon, and the properties and values are always separated by a colon.\r\n</details>\r\n<details>\r\n<summary>**What is a stylesheet?**</summary>\r\nA style sheet is a document that controls how a web page will appear. External style sheets are separate files that are linked to the HTML page.\r\n</details>\r\n<details>\r\n<summary>**What is CSS?**</summary>\r\nCSS is a language that controls the way content on a web site appears. It uses rule-sets to change the look of a page. Each rule set has a selector, which specifies which elements on the page will be affected, and the rules, which explain how to display the elements. Each rule consists of a property and a value for that property.\r\n\r\n\r\nHere’s an example of a rule-set that makes the text in an `h2` tag blue and cursive:\r\n\r\n<pre>h2 {\r\n color: blue;\r\n font-family: cursive;\r\n</pre>\r\n\r\nIn this example, `h2` is the selector, `color` and `font-family` are properties, and `blue` and `cursive` are the values for those properties.\r\n</details>\r\n</div>\r\n# Changing the Font\r\n\r\n* Find the CSS rule-set in the style sheet that determines the style for the paragraph tag.\r\n* Change the font family and choose which one you like the best.\r\n * Choose from \"serif\", \"sans-serif\", \"cursive\", \"fantasy\", and \"monospace\"\r\n* Add a font family rule for the h1 or h3 tags.",
"markdown_instructions": "<div style=\"float: right; height: 250px; width: 40%; overflow-y: scroll; margin-left: 20px; font-size:14px\" markdown=\"1\">\r\n<details>\r\n<summary>**How does the code work?**</summary>\r\nHere is the code that is controlling the paragraph font:\r\n\r\n<pre>p {\r\n font-family: cursive;\r\n}</pre>\r\n\r\n* `p` is the _selector_. It specifies which elements will have to follow the rules inside the curly braces. The `p` stands for paragraph.\r\n* `font-family: cursive;` is the rule that makes the text inside the `p` tags a particular font.\r\n * `font-family` is the _property_. It explains what the rule is about, in this case the font.\r\n * `cursive` is the _value_. It explains how the rule should be applied, in this case making the text cursive.\r\n</details>\r\n<details>\r\n<summary>**What are the possible values for font family?**</summary>\r\nYou can choose between \"serif\", \"sans-serif\", \"cursive\", \"fantasy\", and \"monospace\". You can also try more specific fonts as described in <a href=\"http://www.w3schools.com/cssref/css_websafe_fonts.asp\" target=\"_new\">W3Schools - CSS Web Safe Font Combinations</a>\r\n</details>\r\n<details>\r\n<summary>**Why do I need all the punctuation?**</summary>\r\nThe punctuation, such as the curly braces `{}`, the colon `:`, and the semicolon `;`, help the computer to understand the rules in the stylesheet. The curly braces hold all the rules for a particular selector. Each rule should end in a semicolon, and the properties and values are always separated by a colon.\r\n</details>\r\n<details>\r\n<summary>**What is a stylesheet?**</summary>\r\nA style sheet is a document that controls how a web page will appear. External style sheets are separate files that are linked to the HTML page.\r\n</details>\r\n<details>\r\n<summary>**What is CSS?**</summary>\r\nCSS is a language that controls the way content on a web site appears. It uses rule-sets to change the look of a page. Each rule set has a selector, which specifies which elements on the page will be affected, and the rules, which explain how to display the elements. Each rule consists of a property and a value for that property.\r\n\r\n\r\nHere’s an example of a rule-set that makes the text in an `h2` tag blue and cursive:\r\n\r\n<pre>h2 {\r\n color: blue;\r\n font-family: cursive;\r\n</pre>\r\n\r\nIn this example, `h2` is the selector, `color` and `font-family` are properties, and `blue` and `cursive` are the values for those properties.\r\n</details>\r\n</div>\r\n# Changing the Font\r\n\r\n* Find the CSS rule-set in the style sheet that determines the style for the paragraph tag.\r\n* Change the font family and choose which one you like the best.\r\n * Choose from \"serif\", \"sans-serif\", \"cursive\", \"fantasy\", and \"monospace\"\r\n* Add a font family rule for the h1 or h3 tags.",
"instructions_important": "false",
"project_template_level_name": "CSDU2 - text style template_2018",
"encrypted_examples": "I0sbvPHG+lEuNH/bE9fnSeQPuJVWtDmT6ldUCBLJAO+TPnQ0uM5RBKeZJgd6\n70bSKImy4nfjRoeG+p36Nc6cig==\n",
Expand Down
Expand Up @@ -5,7 +5,7 @@
"level_num": "custom",
"user_id": 324,
"properties": {
"markdown_instructions": "<div style=\"float: right; height: 250px; width: 40%; overflow-y: scroll; margin-left: 20px; font-size:14px\" markdown=\"1\">\r\n<details>\r\n<summary>**How does the code work?**</summary>\r\nHere is the code that is controlling the paragraph text alignment:\r\n\r\n<pre>p {\r\n text-align: left;\r\n}</pre>\r\n\r\n* `p` is the _selector_. It specifies which elements will have to follow the rules inside the curly braces. The `p` stands for paragraph.\r\n* `text-align: left;` is the rule that makes the text inside the `p` tags align to the left side of the paragraph.\r\n * `text-align` is the _property_. It explains what the rule is about, in this case the text alignment.\r\n * `left` is the _value_. It explains how the rule should be applied, in this case making the text align to the left side of the paragraph.\r\n</details>\r\n<details>\r\n<summary>**Why doesn't `text-align: left;` do anything?**</summary>\r\nMost properties have default values. The default values are the styles that an element will have automatically, before you add your style sheet. The default value for `text-align` is `left`, so it doesn't change from how it already looked.\r\n</details>\r\n<details>\r\n<summary>**What are the possible values for text align?**</summary>\r\nYou can choose between \"left\", \"right\", and \"center\". You can read more about the text-align property at <a href=\"http://www.w3schools.com/cssref/pr_text_text-align.asp\" target=\"_new\">W3Schools - CSS text-align Property</a>\r\n</details>\r\n<details>\r\n<summary>**Why do I need all the punctuation?**</summary>\r\nThe punctuation, such as the curly braces `{}`, the colon `:`, and the semicolon `;`, help the computer to understand the rules in the style sheet. The curly braces hold all the rules for a particular selector. Each rule should end in a semicolon, and the properties and values are always separated by a colon.\r\n</details>\r\n<details>\r\n<summary>**What is a style sheet?**</summary>\r\nA style sheet is a document that controls how a web page will appear. External style sheets are separate files that are linked to the HTML page.\r\n</details>\r\n<details>\r\n<summary>**What is CSS?**</summary>\r\nCSS is a language that controls the way content on a web site appears. It uses rule-sets to change the look of a page. Each rule set has a selector, which specifies which elements on the page will be affected, and the rules, which explain how to display the elements. Each rule consists of a property and a value for that property.\r\n\r\n\r\nHere’s an example of a rule-set that makes the text in an `h2` tag blue and cursive:\r\n\r\n<pre>h2 {\r\n color: blue;\r\n font-family: cursive;\r\n</pre>\r\n\r\nIn this example, `h2` is the selector, `color` and `font-family` are properties, and `blue` and `cursive` are the values for those properties.\r\n</details>\r\n</details>\r\n</div>\r\n# Text Alignment\r\n\r\nThe `text-align` property sets the horizontal (side to side) position of the text within each line.\r\n\r\n* Find the \"text-align\" property in the paragraph tag.\r\n* Change the paragraph alignment.\r\n * Choose from \"left\", \"right\", and \"center\"",
"markdown_instructions": "<div style=\"float: right; height: 250px; width: 40%; overflow-y: scroll; margin-left: 20px; font-size:14px\" markdown=\"1\">\r\n<details>\r\n<summary>**How does the code work?**</summary>\r\nHere is the code that is controlling the paragraph text alignment:\r\n\r\n<pre>p {\r\n text-align: left;\r\n}</pre>\r\n\r\n* `p` is the _selector_. It specifies which elements will have to follow the rules inside the curly braces. The `p` stands for paragraph.\r\n* `text-align: left;` is the rule that makes the text inside the `p` tags align to the left side of the paragraph.\r\n * `text-align` is the _property_. It explains what the rule is about, in this case the text alignment.\r\n * `left` is the _value_. It explains how the rule should be applied, in this case making the text align to the left side of the paragraph.\r\n</details>\r\n<details>\r\n<summary>**Why doesn't `text-align: left;` do anything?**</summary>\r\nMost properties have default values. The default values are the styles that an element will have automatically, before you add your style sheet. The default value for `text-align` is `left`, so it doesn't change from how it already looked.\r\n</details>\r\n<details>\r\n<summary>**What are the possible values for text align?**</summary>\r\nYou can choose between \"left\", \"right\", and \"center\". You can read more about the text-align property at <a href=\"http://www.w3schools.com/cssref/pr_text_text-align.asp\" target=\"_new\">W3Schools - CSS text-align Property</a>\r\n</details>\r\n<details>\r\n<summary>**Why do I need all the punctuation?**</summary>\r\nThe punctuation, such as the curly braces `{}`, the colon `:`, and the semicolon `;`, help the computer to understand the rules in the style sheet. The curly braces hold all the rules for a particular selector. Each rule should end in a semicolon, and the properties and values are always separated by a colon.\r\n</details>\r\n<details>\r\n<summary>**What is a style sheet?**</summary>\r\nA style sheet is a document that controls how a web page will appear. External style sheets are separate files that are linked to the HTML page.\r\n</details>\r\n<details>\r\n<summary>**What is CSS?**</summary>\r\nCSS is a language that controls the way content on a web site appears. It uses rule-sets to change the look of a page. Each rule set has a selector, which specifies which elements on the page will be affected, and the rules, which explain how to display the elements. Each rule consists of a property and a value for that property.\r\n\r\n\r\nHere’s an example of a rule-set that makes the text in an `h2` tag blue and cursive:\r\n\r\n<pre>h2 {\r\n color: blue;\r\n font-family: cursive;\r\n</pre>\r\n\r\nIn this example, `h2` is the selector, `color` and `font-family` are properties, and `blue` and `cursive` are the values for those properties.\r\n</details>\r\n</details>\r\n</div>\r\n# Text Alignment\r\n\r\nThe `text-align` property sets the horizontal (side to side) position of the text within each line.\r\n\r\n* Find the \"text-align\" property in the paragraph tag.\r\n* Change the paragraph alignment.\r\n * Choose from \"left\", \"right\", and \"center\"",
"instructions_important": "false",
"project_template_level_name": "CSDU2 - text style template_2018",
"encrypted_examples": "8QGK77hk7vLwsHKZNI+vQkVr0HdgSJg/iFD7eKfL6IlmfvQtMdrOzGbu+0tF\nMpe0BEqIu9K736+t2tAdmhEkFQ==\n",
Expand Down

0 comments on commit 450ae38

Please sign in to comment.