chore: rename rothko painting (#44203)

* chore: rename files

* chore: update codebase

* chore: missed one

* chore: use proper title case

client/i18n/locales/chinese-traditional/intro.json

@@ -78,7 +78,7 @@
           ""
         ]
       },
-      "css-box-model": {
+      "learn-the-css-box-model-by-building-a-rothko-painting": {
         "title": "CSS 盒模型",
         "intro": [
           "馬克·羅斯科以他抽象的繪畫風格著稱。他的繪畫通常描繪不同尺寸的長方形區域顏色。",

client/i18n/locales/chinese/intro.json

@@ -78,7 +78,7 @@
           ""
         ]
       },
-      "css-box-model": {
+      "learn-the-css-box-model-by-building-a-rothko-painting": {
         "title": "CSS 盒模型",
         "intro": [
           "马克·罗斯科以他抽象的绘画风格著称。他的绘画通常描绘不同尺寸的长方形区域颜色。",

client/i18n/locales/english/intro.json

@@ -72,8 +72,8 @@
         "title": "Basic CSS Cafe Menu",
         "intro": ["", ""]
       },
-      "css-box-model": {
+      "learn-the-css-box-model-by-building-a-rothko-painting": {
-        "title": "CSS Box Model",
+        "title": "Learn the CSS Box Model by Building a Rothko Painting",
         "intro": [
           "Mark Rothko was known for his abstract style of painting. Rothko paintings commonly depicted rectangular regions of color in varying sizes.",
           "In this lesson, you will be using CSS to create your own painting in Rothko's style. You will use many of the skills you have already been practicing, as well as new CSS tool such as blur and transform."

client/i18n/locales/espanol/intro.json

@@ -78,7 +78,7 @@
           ""
         ]
       },
-      "css-box-model": {
+      "learn-the-css-box-model-by-building-a-rothko-painting": {
         "title": "Modelo de Caja de CSS",
         "intro": [
           "Mark Rothko fue conocido por el arte abstracto de su pintura. Los cuadros de Rothko suelen representar regiones rectangulares de color en tamaños variables.",

client/i18n/locales/italian/intro.json

@@ -78,7 +78,7 @@
           ""
         ]
       },
-      "css-box-model": {
+      "learn-the-css-box-model-by-building-a-rothko-painting": {
         "title": "Modello a scatola di CSS",
         "intro": [
           "Mark Rothko era noto per il suo stile astratto di pittura. I dipinti di Rothko raffiguravano comunemente regioni rettangolari di colore in varie dimensioni.",

client/i18n/locales/portuguese/intro.json

@@ -78,7 +78,7 @@
           ""
         ]
       },
-      "css-box-model": {
+      "learn-the-css-box-model-by-building-a-rothko-painting": {
         "title": "Modelo da caixa do CSS",
         "intro": [
           "Mark Rothko era conhecido por seu estilo abstrato de pintura. As pinturas de Rothko comumente retratavam regiões retangulares coloridas em tamanhos variados.",

client/src/pages/learn/responsive-web-design/learn-the-css-box-model-by-building-a-rothko-painting/index.md

@@ -0,0 +1,10 @@
+---
+title: Introduction to the Learn the CSS Box Model by Building a Rothko Painting
+block: learn-the-css-box-model-by-building-a-rothko-painting
+superBlock: Responsive Web Design
+isBeta: true
+---
+
+## Introduction to the Learn the CSS Box Model by Building a Rothko Painting
+
+This is a test for the new project-based curriculum.

client/utils/help-category-map.json

@@ -6,7 +6,7 @@
   "responsive-web-design-principles": "HTML-CSS",
   "css-flexbox": "HTML-CSS",
   "css-grid": "HTML-CSS",
-  "css-box-model": "HTML-CSS",
+  "learn-the-css-box-model-by-building-a-rothko-painting": "HTML-CSS",
   "css-picasso-painting": "HTML-CSS",
   "css-piano": "HTML-CSS",
   "responsive-web-design-projects": "HTML-CSS",

curriculum/challenges/_meta/learn-the-css-box-model-by-building-a-rothko-painting/meta.json

@@ -1,8 +1,8 @@
 {
-  "name": "CSS Box Model",
+  "name": "Learn the CSS Box Model by Building a Rothko Painting",
   "isUpcomingChange": true,
   "usesMultifileEditor": true,
-  "dashedName": "css-box-model",
+  "dashedName": "learn-the-css-box-model-by-building-a-rothko-painting",
   "order": 12,
   "time": "5 hours",
   "template": "",

utils/preformatted-block-names.json

@@ -22,7 +22,7 @@
   "learn-html-by-building-a-cat-photo-app": "Learn HTML by Building a Cat Photo App",
   "basic-css-cafe-menu": "CSS Cafe Menu",
   "css-variables-skyline": "CSS Variables Skyline",
-  "css-box-model": "CSS Box Model",
+  "learn-the-css-box-model-by-building-a-rothko-painting": "Learn the CSS Box Model by Building a Rothko Painting",
   "css-picasso-painting": "CSS Picasso Painting",
   "javascript-spreadsheet": "JavaScript Spreadsheet",
   "intermediate-javascript-calorie-counter": "Intermediate JavaScript Calorie Counter",