feat: add vhs demo gif

README.md

@@ -297,6 +297,13 @@ function project:env() {
 
 ```
 
+## Example
+Under the `example/` directory you can find some example configurations for dde projects.
+
+You may switch into one of those example directories and run the environment with `dde` like so:
+
+![Demo](docs/media/demo.gif)
+
 ## Known solutions
 * **failed to remove network dde**  
 If you get this error it means your project `docker-compose.yml` is wrongly configured.

example/demo.tape

@@ -0,0 +1,33 @@
+# This is a VHS tape. You can find out more about VHS here: https://github.com/charmbracelet/vhs
+# You need to map dde into you PATH. You can do this by creating a shell file in `/usr/local/bin/dde` which links to your dde installation like so: `$HOME/dde/dde.sh $@`
+
+Output ../docs/media/demo.gif
+
+Require echo
+Require dde
+
+Set Shell "bash"
+Set FontSize 32
+Set Width 1600
+Set Height 800
+
+Type "cd with-mutagen"
+Sleep 500ms
+Enter
+Sleep 2s
+
+Type "dde up"
+Sleep 500ms
+Enter
+Sleep 6s
+
+Type "dde exec"
+Sleep 500ms
+Enter
+Sleep 4s
+
+Type "echo 'Dev-Environment successfully started 🤓 '"
+Sleep 500ms
+Enter
+
+Sleep 7s