diff --git a/docs/getting-started/vscode.md b/docs/getting-started/vscode.md index 721c4238..70d73c08 100644 --- a/docs/getting-started/vscode.md +++ b/docs/getting-started/vscode.md @@ -203,9 +203,17 @@ Sometimes, you will want to see the file as a regular Markdown file, and you don ### Notebook Explorer -To help you navigate the Markdown files in your project, Runme adds a super handy `Runme Notebooks` panel. Clicking any Markdown file will open it in your code editor view: +To help you navigate the Markdown files in your project, Runme adds a super handy `Runme Notebooks` panel. It allows you to open and run cells quickly: -![notebook explorer](/img/runme-noteboooks.png) +![notebook explorer](/img/runme-notebooks.png) + +Include or Exclude unnamed cells + +![notebook explorer - Include / Exclude](/videos/runme-notebooks-1.gif) + +Open and Run cells + +![notebook explorer - Open and Run](/videos/runme-notebooks-2.gif) ## Next Steps diff --git a/static/img/runme-notebooks.png b/static/img/runme-notebooks.png index 0ea59329..bb3983de 100644 Binary files a/static/img/runme-notebooks.png and b/static/img/runme-notebooks.png differ diff --git a/static/img/runme-noteboooks.png b/static/img/runme-noteboooks.png deleted file mode 100644 index 6e92ab55..00000000 Binary files a/static/img/runme-noteboooks.png and /dev/null differ diff --git a/static/img/vscode-notebook-ux.png b/static/img/vscode-notebook-ux.png index ee6a7c03..92c06e92 100644 Binary files a/static/img/vscode-notebook-ux.png and b/static/img/vscode-notebook-ux.png differ diff --git a/static/videos/runme-notebooks-1.gif b/static/videos/runme-notebooks-1.gif new file mode 100644 index 00000000..3dc25d93 Binary files /dev/null and b/static/videos/runme-notebooks-1.gif differ diff --git a/static/videos/runme-notebooks-2.gif b/static/videos/runme-notebooks-2.gif new file mode 100644 index 00000000..9c1fe9bc Binary files /dev/null and b/static/videos/runme-notebooks-2.gif differ