workshop - flowcode - add videos

espressif · Dec 17, 2024 · ffb43bc · ffb43bc
1 parent 96b62fc
commit ffb43bc
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 13 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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)