Tutorial category breakout (#437)

* Tutorial category breakout

* Put galleries in config

* restore default tutorial

* updated links

* update tutorials pages

* add infrared
This commit is contained in:
Galen Nickel 2019-08-30 11:54:30 -07:00 committed by Peli de Halleux
parent 39bd7aa0eb
commit cb1cd2a4b4
7 changed files with 161 additions and 95 deletions

View File

@ -2,113 +2,41 @@
Step by step guides to coding your @boardname@. Step by step guides to coding your @boardname@.
## Brick ## Tutorials
```codecard ```codecard
[{ [{
"name": "Wake Up!", "name": "Brick",
"description": "Show different moods on the screen. Is it tired, sleepy, or awake?", "description": "Learn how to use the screen and the buttons",
"cardType": "tutorial", "url":"/tutorials/brick",
"url":"/tutorials/wake-up",
"imageUrl":"/static/tutorials/wake-up.png" "imageUrl":"/static/tutorials/wake-up.png"
}, { }, {
"name": "Make an Animation", "name": "Motors",
"description": "Create a custom animation on your EV3 Brick Display.", "description": "User motors to move the brick.",
"cardType": "tutorial", "url":"/tutorials/motors",
"url":"/tutorials/make-an-animation",
"imageUrl":"/static/tutorials/make-an-animation.png"
}, {
"name": "What Animal Am I?",
"description": "Create different animal effects and have someone guess what the animal is.",
"cardType": "tutorial",
"url":"/tutorials/what-animal-am-i",
"imageUrl":"/static/tutorials/what-animal-am-i.png"
}, {
"name": "Music Brick",
"description": "Transform the brick into a musical instrument!",
"cardType": "tutorial",
"url":"/tutorials/music-brick",
"imageUrl":"/static/tutorials/music-brick.png"
}]
```
## Motors
```codecard
[{
"name": "Run Motors",
"description": "Use the EV3 Brick buttons to start and stop the Large Motor and Medium Motor.",
"cardType": "tutorial",
"url":"/tutorials/run-motors",
"imageUrl":"/static/tutorials/run-motors.png" "imageUrl":"/static/tutorials/run-motors.png"
}] }, {
``` "name": "Touch Sensor",
"description": "Use touch sensors in your robot.",
## Touch Sensor "url":"/tutorials/touch-sensor",
```codecard
[{
"name": "Touch to Run",
"description": "Press the Touch Sensor and run a motor.",
"cardType": "tutorial",
"url":"/tutorials/touch-to-run",
"imageUrl":"/static/tutorials/touch-to-run.png" "imageUrl":"/static/tutorials/touch-to-run.png"
}, { }, {
"name": "Touch Sensor Values", "name": "Color Sensor",
"description": "Check the value of a Touch Sensor and stop a motor if pressed.", "description": "Use the color sensor to follow line or detect colors",
"cardType": "tutorial", "url":"/tutorials/color-sensor",
"url":"/tutorials/touch-sensor-values",
"imageUrl":"/static/tutorials/touch-sensor-values.png"
}]
```
## Color Sensor
```codecard
[{
"name": "What Color?",
"description": "Use the Color Sensor to detect different colors.",
"cardType": "tutorial",
"url":"/tutorials/what-color",
"imageUrl":"/static/tutorials/what-color.png" "imageUrl":"/static/tutorials/what-color.png"
}, { }, {
"name": "Line Following", "name": "Infrared Sensor",
"description": "Use the Color Sensor to make a robot follow a line.", "description": "Use the infrared sensor to detect objects",
"cardType": "tutorial", "url":"/tutorials/infrared-sensor",
"url":"/tutorials/line-following",
"imageUrl":"/static/tutorials/line-following.png"
}, {
"name": "Red Light, Green Light",
"description": "Play Red Light, Green Light using the Color Sensor and the robot.",
"cardType": "tutorial",
"url":"/tutorials/redlight-greenlight",
"imageUrl":"/static/tutorials/redlight-greenlight.png"
}]
```
## Infrared Sensor
```codecard
[{
"name": "Security Alert",
"description": "Build an security alert using the Infrared Sensor.",
"cardType": "tutorial",
"url":"/tutorials/security-alert",
"imageUrl":"/static/tutorials/security-alert.png" "imageUrl":"/static/tutorials/security-alert.png"
}] }]
``` ```
## See Also ## See Also
[Wake Up!](/tutorials/wake-up), [Brick tutorials](/tutorials/brick),
[Make An Animation](/tutorials/make-an-animation), [Motors tutorials](/tutorials/motors),
[What Animal Am I?](/tutorials/what-animal-am-i), [Touch sensor tutorials](/tutorials/touch-sensor),
[Music Brick](/tutorials/music-brick), [Color sensor tutorials](/tutorials/color-sensor),
[Run Motors](/tutorials/run-motors), [Infrared sensor tutorials](/tutorials/infrared-sensor)
[Touch to Run](/tutorials/touch-to-run),
[Touch Sensor Values](/tutorials/touch-sensor-values),
[What Color?](/tutorials/what-color),
[Line Following](/tutorials/line-following),
[Red Light, Green Light](/tutorials/redlight-greenlight),
[Object Near?](/tutorials/object-near),
[Security Alert](/tutorials/security-alert)

38
docs/tutorials/brick.md Normal file
View File

@ -0,0 +1,38 @@
# Brick Tutorials
## Tutorials
```codecard
[{
"name": "Wake Up!",
"description": "Show different moods on the screen. Is it tired, sleepy, or awake?",
"cardType": "tutorial",
"url":"/tutorials/wake-up",
"imageUrl":"/static/tutorials/wake-up.png"
}, {
"name": "Make an Animation",
"description": "Create a custom animation on your EV3 Brick Display.",
"cardType": "tutorial",
"url":"/tutorials/make-an-animation",
"imageUrl":"/static/tutorials/make-an-animation.png"
}, {
"name": "What Animal Am I?",
"description": "Create different animal effects and have someone guess what the animal is.",
"cardType": "tutorial",
"url":"/tutorials/what-animal-am-i",
"imageUrl":"/static/tutorials/what-animal-am-i.png"
}, {
"name": "Music Brick",
"description": "Transform the brick into a musical instrument!",
"cardType": "tutorial",
"url":"/tutorials/music-brick",
"imageUrl":"/static/tutorials/music-brick.png"
}]
```
## See Also
[Wake Up!](/tutorials/wake-up),
[Make An Animation](/tutorials/make-an-animation),
[What Animal Am I?](/tutorials/what-animal-am-i),
[Music Brick](/tutorials/music-brick),

View File

@ -0,0 +1,31 @@
# Color Sensor
## Tutorials
```codecard
[{
"name": "What Color?",
"description": "Use the Color Sensor to detect different colors.",
"cardType": "tutorial",
"url":"/tutorials/what-color",
"imageUrl":"/static/tutorials/what-color.png"
}, {
"name": "Line Following",
"description": "Use the Color Sensor to make a robot follow a line.",
"cardType": "tutorial",
"url":"/tutorials/line-following",
"imageUrl":"/static/tutorials/line-following.png"
}, {
"name": "Red Light, Green Light",
"description": "Play Red Light, Green Light using the Color Sensor and the robot.",
"cardType": "tutorial",
"url":"/tutorials/redlight-greenlight",
"imageUrl":"/static/tutorials/redlight-greenlight.png"
}]
```
## See Also
[What Color?](/tutorials/what-color),
[Line Following](/tutorials/line-following),
[Red Light, Green Light](/tutorials/redlight-greenlight),

View File

@ -0,0 +1,24 @@
# Infrared sensor
## Tutorials
```codecard
[{
"name": "Object Near",
"description": "Detect if objects are near.",
"cardType": "tutorial",
"url":"/tutorials/object-near",
"imageUrl":"/static/tutorials/object-near.png"
}, {
"name": "Security Alert",
"description": "Build an security alert using the Infrared Sensor.",
"cardType": "tutorial",
"url":"/tutorials/security-alert",
"imageUrl":"/static/tutorials/security-alert.png"
}]
```
## See Also
[Object Near?](/tutorials/object-near),
[Security Alert](/tutorials/security-alert)

17
docs/tutorials/motors.md Normal file
View File

@ -0,0 +1,17 @@
# Motors
## Tutorials
```codecard
[{
"name": "Run Motors",
"description": "Use the EV3 Brick buttons to start and stop the Large Motor and Medium Motor.",
"cardType": "tutorial",
"url":"/tutorials/run-motors",
"imageUrl":"/static/tutorials/run-motors.png"
}]
```
## See Also
[Run Motors](/tutorials/run-motors),

View File

@ -0,0 +1,24 @@
# Touch Sensor
## Tutorials
```codecard
[{
"name": "Touch to Run",
"description": "Press the Touch Sensor and run a motor.",
"cardType": "tutorial",
"url":"/tutorials/touch-to-run",
"imageUrl":"/static/tutorials/touch-to-run.png"
}, {
"name": "Touch Sensor Values",
"description": "Check the value of a Touch Sensor and stop a motor if pressed.",
"cardType": "tutorial",
"url":"/tutorials/touch-sensor-values",
"imageUrl":"/static/tutorials/touch-sensor-values.png"
}]
```
## See Also
[Touch to Run](/tutorials/touch-to-run),
[Touch Sensor Values](/tutorials/touch-sensor-values),

View File

@ -9,7 +9,11 @@
}, },
"galleries": { "galleries": {
"Getting Started": "getting-started", "Getting Started": "getting-started",
"Tutorials": "tutorials", "Brick Tutorials": "tutorials/brick",
"Motor Tutorials": "tutorials/motors",
"Touch Sensor Tutorials": "tutorials/touch-sensor",
"Color Sensor Tutorials": "tutorials/color-sensor",
"Infrared Sensor Tutorials": "tutorials/infrared-sensor",
"Design Engineering": "design-engineering", "Design Engineering": "design-engineering",
"Coding": "coding", "Coding": "coding",
"Maker": "maker", "Maker": "maker",