diff --git a/content/workshops/flowcode/01-planning/index.md b/content/workshops/flowcode/01-planning/index.md index dfed1d92..52a11070 100644 --- a/content/workshops/flowcode/01-planning/index.md +++ b/content/workshops/flowcode/01-planning/index.md @@ -36,8 +36,9 @@ based on the M5stack dial with the following features: src="../assets/hardware.webp" >}} -A YouTube video accompanies this tutorial. -{{< youtube KdDiC8PhHD8 >}} +## Video + +{{< youtube gjOI7aVCoqA >}} ## Next step diff --git a/content/workshops/flowcode/02-using-the-display/index.md b/content/workshops/flowcode/02-using-the-display/index.md index e3133d07..cf4971f8 100644 --- a/content/workshops/flowcode/02-using-the-display/index.md +++ b/content/workshops/flowcode/02-using-the-display/index.md @@ -95,11 +95,11 @@ made - but the fonts that we have should be fine. src="../assets/2-11-pseudocode.webp" >}} -## Resources - +## Video -A YouTube video accompanies this tutorial. +{{< youtube A0fKmmufJRk >}} +## Resources A Flowcode example file accompanies this tutorial. This is available from the Flowcode Wiki: diff --git a/content/workshops/flowcode/03-switch-io-pins/index.md b/content/workshops/flowcode/03-switch-io-pins/index.md index 1c4157bb..b5ee5a72 100644 --- a/content/workshops/flowcode/03-switch-io-pins/index.md +++ b/content/workshops/flowcode/03-switch-io-pins/index.md @@ -38,7 +38,9 @@ Try the same program but use GPIO pins 13 and 15 rather than -A YouTube video accompanies this tutorial. +## Video + +{{< youtube zbe-uf5mFSo >}} A Flowcode example file accompanies this tutorial. This is diff --git a/content/workshops/flowcode/04-the-bezel-encoder/index.md b/content/workshops/flowcode/04-the-bezel-encoder/index.md index 093f3f88..59e0555f 100644 --- a/content/workshops/flowcode/04-the-bezel-encoder/index.md +++ b/content/workshops/flowcode/04-the-bezel-encoder/index.md @@ -66,6 +66,9 @@ macro ‘Resetcounter’ for this. src="../assets/4-4-bezel-program-c.webp" >}} +## Video + +{{< youtube dVPpjeCYYsE >}} A Flowcode example file accompanies this tutorial. This is available from the Flowcode Wiki: diff --git a/content/workshops/flowcode/05-i2c-expansion/index.md b/content/workshops/flowcode/05-i2c-expansion/index.md index 69599e66..2d577bc6 100644 --- a/content/workshops/flowcode/05-i2c-expansion/index.md +++ b/content/workshops/flowcode/05-i2c-expansion/index.md @@ -98,7 +98,10 @@ change. src="../assets/5-4-temp-hum-program.webp" >}} -A YouTube video accompanies this tutorial. +## Video + +{{< youtube U0qznFTGxDU >}} + A Flowcode example file accompanies this tutorial. This is available from the Flowcode Wiki: https://www.flowcode.co.uk/wiki/index.php? diff --git a/content/workshops/flowcode/06-menu-system/index.md b/content/workshops/flowcode/06-menu-system/index.md index 0e11c3e0..5acc36d2 100644 --- a/content/workshops/flowcode/06-menu-system/index.md +++ b/content/workshops/flowcode/06-menu-system/index.md @@ -40,11 +40,6 @@ Denial Screen 3 DENIALSCREEN Let’s see how this works: - - - - - The code in the main screen is shown on the left. {{< figure @@ -78,6 +73,10 @@ controls navigation between screens. src="../assets/6-6-denial-screen.webp" >}} +## Video + +{{< youtube 8z-WcH0wGcY >}} + A Flowcode example file accompanies this tutorial. This is available from the Flowcode Wiki: https://www.flowcode.co.uk/wiki/index.php? diff --git a/content/workshops/flowcode/07-mobile-phone-app/index.md b/content/workshops/flowcode/07-mobile-phone-app/index.md index 44eac5c9..6f1ed014 100644 --- a/content/workshops/flowcode/07-mobile-phone-app/index.md +++ b/content/workshops/flowcode/07-mobile-phone-app/index.md @@ -91,8 +91,13 @@ You will need to develop 2 programs: a Flowcode Embedded >}} -A YouTube video accompanies this tutorial. +## Video +{{< youtube hX9Ko3KUDQc >}} + +### Mobile Phone App + +{{< youtube YRs97dLiSgU >}} A Flowcode example file accompanies this tutorial. This is available from the Flowcode Wiki: diff --git a/content/workshops/flowcode/_index.md b/content/workshops/flowcode/_index.md index 7d9f4c3a..507fc876 100644 --- a/content/workshops/flowcode/_index.md +++ b/content/workshops/flowcode/_index.md @@ -62,6 +62,10 @@ If you complete this workshop then will learn: Whilst this project uses the M5Stack Dial the silks learned will be useful for any graphical display based project. +## Video + +{{< youtube Wd_M4lUPpI4 >}} + ## Agenda - [Assignment 1: Planning](01-planning)