docs: screenshots of console and ftl dev

block · Jun 9, 2024 · 2a41f51 · 2a41f51
1 parent 8eb1cc7
commit 2a41f51
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 7 deletions.
diff --git a/docs/content/docs/getting-started/quick-start/console.png b/docs/content/docs/getting-started/quick-start/console.png
diff --git a/docs/content/docs/getting-started/quick-start/ftldev.png b/docs/content/docs/getting-started/quick-start/ftldev.png
diff --git a/docs/content/docs/getting-started/quick-start/index.md b/docs/content/docs/getting-started/quick-start/index.md
@@ -102,17 +102,23 @@ If using VSCode, opening the directory will prompt you to start FTL:
 
 Alternatively start the local FTL development cluster from the command-line:
 
-```
-ftl dev
-```
+[![ftl dev](ftldev.png)](ftldev.png)
 
 This will build and deploy all local modules. Modifying the code will cause `ftl
 dev` to rebuild and redeploy the module.
 
 ### Open the console
 
 FTL has a console that allows navigation of the cluster topology, logs, traces,
-and more. Open a browser window at [https://localhost:8892](https://localhost:8892) to view it.
+and more. Open a browser window at [https://localhost:8892](https://localhost:8892) to view it:
+
+[![FTL Console](console.png)](console.png)
+
+### Call your verb
+
+Open a new terminal and use `ftl call` to call your verb:
+
+[![ftl call](ftlcall.png)](ftlcall.png)
 
 ### Create another module
 

diff --git a/docs/sass/main.scss b/docs/sass/main.scss
@@ -1,7 +1,9 @@
 
 @import "../themes/adidoks/sass/main.scss";
 
-img {
-  max-width: 100%;
-  height: auto;
+main {
+  img {
+    max-width: 100%;
+    height: auto;
+  }
 }