From ffb43bca2dd1b1235566850d533a3c7c5f6f30e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juraj=20Mich=C3=A1lek?= <juraj.michalek@espressif.com>
Date: Tue, 17 Dec 2024 13:49:24 +0100
Subject: [PATCH] workshop - flowcode - add videos
---
content/workshops/flowcode/01-planning/index.md | 5 +++--
content/workshops/flowcode/02-using-the-display/index.md | 6 +++---
content/workshops/flowcode/03-switch-io-pins/index.md | 4 +++-
content/workshops/flowcode/04-the-bezel-encoder/index.md | 3 +++
content/workshops/flowcode/05-i2c-expansion/index.md | 5 ++++-
content/workshops/flowcode/06-menu-system/index.md | 9 ++++-----
content/workshops/flowcode/07-mobile-phone-app/index.md | 7 ++++++-
content/workshops/flowcode/_index.md | 4 ++++
8 files changed, 30 insertions(+), 13 deletions(-)
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)