Translations (#161)

* lock update

* move english files to new directory

* fragments

* wip - index page refactor

* 404 site nav and page head component

* wip index content parity

* exercise index navigation

* content parity with room for improvement

* remove unfinished tests

site/content/exercises/en-US/circuitpython/index.mdx

@@ -0,0 +1,25 @@
+---
+order: 1
+title: CircuitPython
+category: CircuitPython
+---
+
+![Mu Blink](../../../images/circuitpython/mu.png)
+
+## Introduction to CircuitPython - Level 1
+
+This is the original single day workshop with Circuit Playground Express and CircuitPython. Includes an overview of the board's sensors and lights through code. Allows students to dig into an aspect of the device they enjoy for an afternoon of exploration.
+
+[Go to exercises](/exercises/en-US/circuitpython/level-1/)
+
+## Programming with CircuitPython - Level 2
+
+This course builds on the original single day workshop with Circuit Playground Express and CircuitPython to fill out the student's understanding of basic programming concepts.
+
+[Go to exercises](/exercises/en-US/circuitircuitpython/level-2/)
+
+## Programming with CircuitPython - Robotics
+
+This course builds on the original single day workshop with Circuit Playground Express and CircuitPython to fill out the student's understanding of basic programming concepts.
+
+[Go to exercises](/exercises/en-US/circuitircuitpython/robotics/)

site/content/exercises/en-US/circuitpython/level-1/index.mdx

@@ -0,0 +1,10 @@
+---
+order: 1
+title: CircuitPython with Circuit Playground Express
+category: CircuitPython
+level: 1
+---
+
+import Setup from '../../circuitpython/start-here.mdx';
+
+<Setup />

site/content/exercises/en-US/circuitpython/level-2/index.mdx

@@ -0,0 +1,14 @@
+---
+order: 1
+title: CircuitPython
+category: CircuitPython
+level: 2
+---
+
+![Mu Blink](../../images/circuitpython/mu.png)
+
+## Introduction to CircuitPython - Level 1
+
+This is the original single day workshop with Circuit Playground Express and CircuitPython. Includes an overview of the board's sensors and lights through code. Allows students to dig into an aspect of the device they enjoy for an afternoon of exploration.
+
+[Go to exercises](/exercises/en-US/circuitpython/level-1/)

site/content/exercises/circuitpython/robotics/E3/index.md → site/content/exercises/en-US/circuitpython/robotics/E3/index.md

@@ -28,9 +28,11 @@ while True:
 - [cp.play_tone](https://docs.circuitpython.org/projects/circuitplayground/en/latest/api.html#adafruit_circuitplayground.circuit_playground_base.CircuitPlaygroundBase.play_tone)
 
 ## Making Music
-If you want to try out some music here are variables you need to get started. See below for [sample songs](http://opensource.morganstanley.com/exercises/circuitpython/robotics/E3/#sample-songs).
+
+If you want to try out some music here are variables you need to get started. See below for [sample songs](http://opensource.morganstanley.com/exercises/en-US/circuitpython/robotics/E3/#sample-songs).
 
 Copy these musical note variables into your code:
+
 ```python
 deep_A = 116.541
 deep_B = 123.471
@@ -77,6 +79,7 @@ high_B = 987.767
 # Sample Songs
 
 ## The Star Spangled Banner - USA National Anthem
+
 ```python
 cp.play_tone(mid_G, 0.75)
 cp.play_tone(mid_E, 0.25)
@@ -94,6 +97,7 @@ cp.play_tone(mid_G, 2)
 ```
 
 ## Für Elise - by Ludwig van Beethoven
+
 ```python
 cp.play_tone(high_E, 0.25)
 cp.play_tone(high_D_sharp, 0.25)

site/content/exercises/circuitpython/robotics/index-summary.mdx → site/content/exercises/en-US/circuitpython/robotics/index.mdx

@@ -1,10 +1,12 @@
 ---
 order: 1
-title: Robotics with CircuitPython
+title: Advanced Robotics with CircuitPython
+category: Robotics
+level: 4
 ---
 
 ## Intro to Robotics with CircuitPython
 
 Our curriculum for robotics with CircuitPython.
 
-### [Microcontroller Setup Instructions](http://opensource.morganstanley.com/cpx-training/exercises/circuitpython/setup_bluefruit/)
+### [Microcontroller Setup Instructions](http://opensource.morganstanley.com/cpx-training/exercises/en-US/circuitpython/setup_bluefruit/)

site/content/exercises/circuitpython/start-here.mdx → site/content/exercises/en-US/circuitpython/start-here.mdx

@@ -5,6 +5,6 @@ title: CircuitPython Start Here
 
 ## Programming with CircuitPython on an Adafruit's Circuit Playground Express
 
-### [Start Here](/exercises/circuitpython/setup)
+### [Start Here](/exercises/en-US/circuitpython/setup)
 
-If you haven't set up your Circuit Playground Express board to support CircuitPython yet, please refer to the [setup instructions](/exercises/circuitpython/setup).
+If you haven't set up your Circuit Playground Express board to support CircuitPython yet, please refer to the [setup instructions](/exercises/en-US/circuitircuitpython/setup).

site/content/exercises/en-US/index.mdx

@@ -0,0 +1,38 @@
+---
+order: 1
+title: Learn
+subtitle: An interactive introduction to coding. Learn the basics through simple exercises designed to inspire.
+---
+
+## Multi-week Programs
+
+### [Introduction to MakeCode](/exercises/en-US/makecode/intro)
+
+_Grades 5-7_
+Multi-week course with Circuit Playground Express and MakeCode. Best for beginners of ages 9-15, this graphical block based coding format translates to Javascript for a more comprehensive coding experience.
+
+### [Introduction to CircuitPython](/exercises/en-US/circuitpython)
+
+_Grades 6-9_
+Based on the original single day workshop with Circuit Playground Express and CircuitPython. Starts with an overview of how to work with the board's sensors and lights through code and ends with a capstone project of the student's creation.
+
+- [Intro to CircuitPython - Level 1](/exercises/en-US/circuitpython/level-1/)
+- [Coding with CircuitPython - Level 2](/exercises/en-US/circuitpython/level-2)
+
+### Robotics
+
+_Grades 8-11_
+Learn the fundamentals of robotics through combining components such as sensors, servos and gears to an Adafruit CircuitPlayground Express microcontroller board.
+
+- [Robotics with MakeCode](/exercises/en-US/makecode/robotics)
+- [Advanced Robotics with CircuitPython](/exercises/en-US/circuitpython/robotics)
+
+## Single Day Programs
+
+### [Intro to CircuitPython - Level 1](/exercises/en-US/circuitpython/level-1/)
+
+This is the original single day workshop with Circuit Playground Express and CircuitPython. Includes an overview of the board's sensors and lights through code. Allows students to dig into an aspect of the device they enjoy for an afternoon of exploration.
+
+### [Coding with CircuitPython - Level 2](/exercises/en-US/circuitpython/level-2)
+
+This course builds on the original single day workshop with Circuit Playground Express and CircuitPython to fill out the student's understanding of basic programming concepts.

site/content/exercises/makecode/index-summary.mdx → site/content/exercises/en-US/makecode/index.mdx

@@ -1,6 +1,7 @@
 ---
 order: 1
 title: MakeCode
+category: MakeCode
 ---
 
 ## Intro to programming with Adafruit's Circuit Playground Express and MakeCode

site/content/exercises/en-US/makecode/intro/index.mdx

@@ -0,0 +1,16 @@
+---
+order: 1
+title: Introduction to MakeCode
+level: 1
+category: MakeCode
+---
+
+## Intro to programming with Adafruit's Circuit Playground Express and MakeCode
+
+![MakeCode Blink](../../../images/makecode/blink.png)
+
+### Open the MakeCode environment
+
+Before jumping in, [go to MakeCode website](https://makecode.adafruit.com) and select the "New? Start here" tutorial.
+
+Documentation is [here](https://makecode.adafruit.com/docs) and if you run into odd issues, you might be getting [error codes](https://makecode.adafruit.com/device/error-codes).

site/content/exercises/makecode/robotics/index-summary.mdx → site/content/exercises/en-US/makecode/robotics/index.mdx

@@ -1,6 +1,8 @@
 ---
 order: 1
 title: CPX Robotics with MakeCode
+category: Robotics
+level: 3
 ---
 
 ## Intro to CPX Robotics with MakeCode

site/content/exercises/index.mdx

@@ -0,0 +1,11 @@
+---
+order: 1
+title: Learn
+subtitle: An interactive introduction to coding. Learn the basics through simple exercises designed to inspire.
+---
+
+### Select a Language
+
+We are working towards providing our programs in a variety of languages. Curriculum is currently available in the following languages:
+
+<Translations />

site/gatsby-node.js

@@ -41,11 +41,18 @@ exports.createPages = async ({ graphql, actions }) => {
 
   // Create  pages.
   const pages = result.data.allMdx.nodes;
-  const exerciseTemplate = path.resolve(`./src/templates/exercise.js`);
-  const pageTemplate = path.resolve(`./src/templates/page.js`);
+  const exerciseTemplate = path.resolve(`./src/templates/exercise.jsx`);
+  const indexTemplate = path.resolve(`./src/templates/index.jsx`);
+  const pageTemplate = path.resolve(`./src/templates/page.jsx`);
 
   function getTemplate(page) {
-    return page.frontmatter.exercise ? exerciseTemplate : pageTemplate;
+    const path = page.internal.contentFilePath;
+    const isExerciseIndex = path.includes('index') && path.includes('exercise');
+    return page.frontmatter.exercise
+      ? exerciseTemplate
+      : isExerciseIndex
+        ? indexTemplate
+        : pageTemplate;
   }
 
   pages.forEach((page) => {