feat: add CSS Color Markers project (#44459)

* feat: first draft of CSS Color Markers project * Update client/i18n/locales/english/intro.json Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-007.md Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-046.md Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-079.md Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com> * feat: begin adding tests * feat: add more tests, fix wording and some CSS values * feat: add more steps, fix wording * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-014.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * feat: add more tests, simplify some regex tests, fix wording * fix: preformatted block names and help category map * feat: finish first draft of color marker tests * fix: simplify text involving classes * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-004.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-008.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-009.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-010.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-011.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-013.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-014.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-014.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-054.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-089.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * Update curriculum/challenges/english/01-responsive-web-design/learn-css-colors-by-building-a-color-markers-set/step-094.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fix: add outro message to final CSS color markers step * fix: make most regex tests case insensitive, add note about casing for filename * correct double key from rebase * remove jQuery for betterness * move project to new superblock * adjust meta to match others * fix: add new to helper call * regex-ise funny lessons * unnecessary: add -22 superblock * fix: make linter happy * regex-ise missed challenges...oops * Revert "fix: make linter happy" This reverts commit 6e6e3cf503. * Revert "unnecessary: add -22 superblock" This reverts commit a58045607e. * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-005.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-010.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-052.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-053.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-054.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-055.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-056.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-057.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-058.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-059.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-062.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-063.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-064.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-065.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-068.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-069.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-color-markers-set/step-082.md Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> * fix: rename project to "Learn CSS Colors by Building a Set of Colored Markers" * Update curriculum/challenges/english/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/step-010.md Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * adjust superblock to include `2022/` Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com> Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
2021-12-22 04:45:08 +09:00
parent ff566d441a
commit e878b3ee57
99 changed files with 8450 additions and 5 deletions
--- a/client/i18n/locales/english/intro.json
+++ b/client/i18n/locales/english/intro.json
@@ -95,6 +95,10 @@
        "title": "Build a Technical Documentation Page Project",
        "intro": ["placeholder", "holder of place"]
      },
+      "learn-css-colors-by-building-a-set-of-colored-markers": {
+        "title": "Learn CSS Colors by Building a Set of Colored Markers",
+        "intro": ["placeholder", "holder of place"]
+      },
      "learn-html-by-building-a-cat-photo-app": {
        "title": "Learn HTML by Building a Cat Photo App",
        "intro": [
@@ -262,15 +266,24 @@
      },
      "basic-javascript-rpg-game": {
        "title": "Basic JavaScript RPG Game",
-        "intro": ["", ""]
+        "intro": [
+          "",
+          ""
+        ]
      },
      "intermediate-javascript-calorie-counter": {
        "title": "Intermediate JavaScript Calorie Counter",
-        "intro": ["", ""]
+        "intro": [
+          "",
+          ""
+        ]
      },
      "functional-programming-spreadsheet": {
        "title": "Functional Programming Spreadsheet",
-        "intro": ["", ""]
+        "intro": [
+          "",
+          ""
+        ]
      }
    }
  },
@@ -370,7 +383,13 @@
          "In these projects, you'll need to fetch data and parse a dataset, then use D3 to create different data visualizations. Finish them all to earn your Data Visualization certification."
        ]
      },
-      "d3-dashboard": { "title": "D3 Dashboard", "intro": ["", ""] }
+      "d3-dashboard": {
+        "title": "D3 Dashboard",
+        "intro": [
+          "",
+          ""
+        ]
+      }
    }
  },
  "relational-databases": {
@@ -637,4 +656,4 @@
    "legacy-header": "Legacy Courses",
    "legacy-desc": "These courses are no longer part of the certification path, but are still available for you to further your learning."
  }
-}
+}
--- a/client/src/pages/learn/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/index.md
+++ b/client/src/pages/learn/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/index.md
@@ -0,0 +1,10 @@
+---
+title: Introduction to the Learn CSS Colors by Building a Set of Colored Markers Project
+block: learn-css-colors-by-building-a-set-of-colored-markers
+superBlock: Responsive Web Design
+isBeta: true
+---
+
+## Introduction to the Learn CSS Colors by Building a Set of Colored Markers Project
+
+This is a test for the new project-based curriculum.
--- a/client/utils/help-category-map.json
+++ b/client/utils/help-category-map.json
@@ -79,6 +79,7 @@
  "learn-github-by-building-a-list-of-inspirational-quotes": "Relational Databases",
  "number-guessing-game": "Relational Databases",
  "learn-accessibility-by-building-a-quiz": "HTML-CSS",
+  "learn-css-colors-by-building-a-set-of-colored-markers": "HTML-CSS",
  "learn-html-forms-by-building-a-registration-form": "HTML-CSS",
  "learn-css-animation-by-building-a-ferris-wheel": "HTML-CSS",
  "learn-css-flexbox-by-building-a-photo-gallery": "HTML-CSS",