diff --git a/book/_config.yml b/book/_config.yml
index 3c7269e..c43c908 100644
--- a/book/_config.yml
+++ b/book/_config.yml
@@ -27,7 +27,7 @@ sphinx:
     - https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js
     thebe_config:
       use_thebe_lite: true
-      exclude_patterns: ["**/_*.yml", "**/*.md", "**/*.ipynb"]
+      exclude_patterns: ["**/_*.yml", "**/*.md", "**/*.ipynb","**/*.gif","**/*.txt","**/*.json",]
     html_theme_options:
       repository_url: "https://gitlab.tudelft.nl/interactivetextbooks-citg/jupyter-book-manual"
       use_repository_button: true
diff --git a/book/external/template b/book/external/template
index 7165661..7e7fc7c 160000
--- a/book/external/template
+++ b/book/external/template
@@ -1 +1 @@
-Subproject commit 71656612afa24342f345d9e113553b8ff3cdf4b1
+Subproject commit 7e7fc7ca0109bd007d14ec95b198c552c29063ad
diff --git a/book/workflows/branches.md b/book/workflows/branches.md
index 6535e1b..f32c2f0 100644
--- a/book/workflows/branches.md
+++ b/book/workflows/branches.md
@@ -48,6 +48,15 @@ The circled menu is the branch selection menu.
 
 ``````{tab-item} ... GitHub
 
+How to branch is demonstrated in the figure below, followed by a step-by-step tutorial.
+
+```{figure} figures/branching-github-ezgif.com-optimize.gif
+---
+name: branching_demo
+---
+Demonstration, video available [here](https://youtu.be/3ceMSLQpD70)
+```
+
 1. Open the repository in which you want to work in. In the top bar you will see your current branch `main` and next to that there is a tab called `Branches`. 
 
 <figure align="center">
@@ -219,6 +228,15 @@ The circled menu is the branch selection menu.
 ````
 ````{tab-item} ... GitHub
 
+How to branch is demonstrated in the figure below, followed by a step-by-step tutorial.
+
+```{figure} figures/branching-github-ezgif.com-optimize.gif
+---
+name: branching_demo
+---
+Demonstration, video available [here](https://youtu.be/3ceMSLQpD70)
+```
+
 1. Open the repository in which you want to work in. In the top bar you will see your current branch `main` and next to that there is a tab called `Branches`. 
 
 <figure align="center">
diff --git a/book/workflows/figures/branching-github-ezgif.com-optimize.gif b/book/workflows/figures/branching-github-ezgif.com-optimize.gif
new file mode 100644
index 0000000..b5cbeb3
Binary files /dev/null and b/book/workflows/figures/branching-github-ezgif.com-optimize.gif differ