diff --git a/client/i18n/locales/chinese-traditional/intro.json b/client/i18n/locales/chinese-traditional/intro.json index 1f4f35a1d4..6dffd55a54 100644 --- a/client/i18n/locales/chinese-traditional/intro.json +++ b/client/i18n/locales/chinese-traditional/intro.json @@ -113,7 +113,7 @@ "在這個課程中，你將使用 CSS 來創建你自己的畢加索風格的畫。你將學習 FontAwesome SVG 圖標、CSS 定位，並增強你已經學習過的技能。" ] }, - "css-piano": { + "learn-responsive-web-design-by-building-a-piano": { "title": "CSS 鋼琴", "intro": [ "", diff --git a/client/i18n/locales/chinese/intro.json b/client/i18n/locales/chinese/intro.json index bfcadd9c87..66800d77a7 100644 --- a/client/i18n/locales/chinese/intro.json +++ b/client/i18n/locales/chinese/intro.json @@ -113,7 +113,7 @@ "在这个课程中，你将使用 CSS 来创建你自己的毕加索风格的画。你将学习 FontAwesome SVG 图标、CSS 定位，并增强你已经学习过的技能。" ] }, - "css-piano": { + "learn-responsive-web-design-by-building-a-piano": { "title": "CSS 钢琴", "intro": [ "", diff --git a/client/i18n/locales/english/intro.json b/client/i18n/locales/english/intro.json index 5409db085b..fe1c225907 100644 --- a/client/i18n/locales/english/intro.json +++ b/client/i18n/locales/english/intro.json @@ -95,7 +95,7 @@ "In this course, you will use CSS to create your own painting in the style of Picasso. You will learn about FontAwesome SVG icons, CSS positioning, and reinforce the skills you have already been learning." ] }, - "css-piano": { "title": "CSS Piano", "intro": ["", ""] }, + "learn-responsive-web-design-by-building-a-piano": { "title": "Learn Responsive Web Design by Building a Piano", "intro": ["", ""] }, "css-photo-gallery": { "title": "CSS Photo Gallery", "intro": ["", ""] }, "learn-css-grid-by-building-a-magazine": { "title": "Learn CSS Grid by Building a Magazine", "intro": ["", ""] }, "css-nutrition-label": { diff --git a/client/i18n/locales/espanol/intro.json b/client/i18n/locales/espanol/intro.json index bcba86d161..2665f7bd22 100644 --- a/client/i18n/locales/espanol/intro.json +++ b/client/i18n/locales/espanol/intro.json @@ -113,7 +113,7 @@ "En este curso, usarás CSS para crear tu propia pintura en el estilo de Picasso. Aprenderás sobre los iconos SVG de FontAwesome, posicionamiento CSS, y reforzarás las habilidades que ya has estado aprendiendo." ] }, - "css-piano": { + "learn-responsive-web-design-by-building-a-piano": { "title": "Piano CSS", "intro": [ "", diff --git a/client/i18n/locales/italian/intro.json b/client/i18n/locales/italian/intro.json index bc59f21cac..acbe5a4f45 100644 --- a/client/i18n/locales/italian/intro.json +++ b/client/i18n/locales/italian/intro.json @@ -113,7 +113,7 @@ "In questo corso, userai CSS per creare il tuo dipinto nello stile di Picasso. Imparerai le icone di FontAwesome SVG, il posizionamento CSS e rinforzerai le abilità che hai già imparato." ] }, - "css-piano": { + "learn-responsive-web-design-by-building-a-piano": { "title": "Piano CSS", "intro": [ "", diff --git a/client/i18n/locales/portuguese/intro.json b/client/i18n/locales/portuguese/intro.json index 237635a22d..d7a9f88da8 100644 --- a/client/i18n/locales/portuguese/intro.json +++ b/client/i18n/locales/portuguese/intro.json @@ -113,7 +113,7 @@ "Neste curso, você usará o CSS para criar sua própria pintura ao estilo de Picasso. Você aprenderá sobre os ícones SVG FontAwesome, posicionamento em CSS e reforçará as habilidades que você já está aprendendo." ] }, - "css-piano": { + "learn-responsive-web-design-by-building-a-piano": { "title": "Piano em CSS", "intro": [ "", diff --git a/client/src/pages/learn/responsive-web-design/learn-responsive-web-design-by-building-a-piano/index.md b/client/src/pages/learn/responsive-web-design/learn-responsive-web-design-by-building-a-piano/index.md new file mode 100644 index 0000000000..15b34d0fd9 --- /dev/null +++ b/client/src/pages/learn/responsive-web-design/learn-responsive-web-design-by-building-a-piano/index.md @@ -0,0 +1,10 @@ +--- +title: Introduction to the Learn Responsive Web Design by Building a Piano +block: learn-responsive-web-design-by-building-a-piano +superBlock: Responsive Web Design +isBeta: true +--- + +## Introduction to the Learn Responsive Web Design by Building a Piano + +This is a test for the new project-based curriculum. diff --git a/client/utils/help-category-map.json b/client/utils/help-category-map.json index 1a1d1130a7..757812510b 100644 --- a/client/utils/help-category-map.json +++ b/client/utils/help-category-map.json @@ -8,7 +8,7 @@ "css-grid": "HTML-CSS", "learn-the-css-box-model-by-building-a-rothko-painting": "HTML-CSS", "css-picasso-painting": "HTML-CSS", - "css-piano": "HTML-CSS", + "learn-responsive-web-design-by-building-a-piano": "HTML-CSS", "responsive-web-design-projects": "HTML-CSS", "basic-javascript": "JavaScript", "es6": "JavaScript", diff --git a/curriculum/challenges/_meta/css-piano/meta.json b/curriculum/challenges/_meta/learn-responsive-web-design-by-building-a-piano/meta.json similarity index 94% rename from curriculum/challenges/_meta/css-piano/meta.json rename to curriculum/challenges/_meta/learn-responsive-web-design-by-building-a-piano/meta.json index 73cb57517c..235ca8ffde 100644 --- a/curriculum/challenges/_meta/css-piano/meta.json +++ b/curriculum/challenges/_meta/learn-responsive-web-design-by-building-a-piano/meta.json @@ -1,8 +1,8 @@ { - "name": "CSS Piano", + "name": "Learn Responsive Web Design by Building a Piano", "isUpcomingChange": true, "usesMultifileEditor": true, - "dashedName": "css-piano", + "dashedName": "learn-responsive-web-design-by-building-a-piano", "order": 13, "time": "5 hours", "template": "", diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-001.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-001.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-001.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-001.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-002.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-002.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-002.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-002.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-003.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-003.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-003.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-003.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-004.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-004.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-004.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-004.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-005.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-005.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-005.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-005.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-006.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-006.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-006.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-006.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-007.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-007.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-007.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-007.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-008.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-008.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-008.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-008.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-009.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-009.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-009.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-009.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-010.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-010.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-010.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-010.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-011.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-011.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-011.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-011.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-012.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-012.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-012.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-012.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-013.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-013.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-013.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-013.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-014.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-014.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-014.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-014.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-015.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-015.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-015.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-015.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-016.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-016.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-016.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-016.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-017.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-017.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-017.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-017.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-018.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-018.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-018.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-018.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-019.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-019.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-019.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-019.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-020.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-020.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-020.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-020.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-021.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-021.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-021.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-021.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-022.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-022.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-022.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-022.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-023.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-023.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-023.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-023.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-024.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-024.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-024.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-024.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-025.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-025.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-025.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-025.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-026.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-026.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-026.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-026.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-027.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-027.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-027.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-027.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-028.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-028.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-028.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-028.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-029.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-029.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-029.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-029.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-030.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-030.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-030.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-030.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-031.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-031.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-031.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-031.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-032.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-032.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-032.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-032.md diff --git a/curriculum/challenges/english/01-responsive-web-design/css-piano/step-033.md b/curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-033.md similarity index 100% rename from curriculum/challenges/english/01-responsive-web-design/css-piano/step-033.md rename to curriculum/challenges/english/01-responsive-web-design/learn-responsive-web-design-by-building-a-piano/step-033.md diff --git a/utils/preformatted-block-names.json b/utils/preformatted-block-names.json index a92cbbfc78..c05f4841d9 100644 --- a/utils/preformatted-block-names.json +++ b/utils/preformatted-block-names.json @@ -4,7 +4,7 @@ "basic-html-and-html5": "Basic HTML and HTML5", "css-flexbox": "CSS Flexbox", "css-grid": "CSS Grid", - "css-piano": "CSS Piano", + "learn-responsive-web-design-by-building-a-piano": "Learn Responsive Web Design by Building a Piano", "devops": "DevOps", "es6": "ES6", "information-security-with-helmetjs": "Information Security with HelmetJS",