about summary refs log tree commit diff stats
diff options
context:
space:
mode:
-rw-r--r--doc/counter-edit.pngbin0 -> 28127 bytes
-rw-r--r--doc/counter.pngbin0 -> 14633 bytes
-rw-r--r--tour.md13
3 files changed, 9 insertions, 4 deletions
diff --git a/doc/counter-edit.png b/doc/counter-edit.png
new file mode 100644
index 0000000..dc5d411
--- /dev/null
+++ b/doc/counter-edit.png
Binary files differdiff --git a/doc/counter.png b/doc/counter.png
new file mode 100644
index 0000000..321db81
--- /dev/null
+++ b/doc/counter.png
Binary files differdiff --git a/tour.md b/tour.md
index 15ef02d..9710173 100644
--- a/tour.md
+++ b/tour.md
@@ -38,15 +38,20 @@ Run the simplest example app:
 src/teliva counter.tlv
 ```
 
+<img alt='screenshot of Teliva running a counter app' src='doc/counter.png'>
+
 Can you figure out what this app does, what you can do with it? There's a
 number on screen. Hit `enter`. The number increments by 1. Hit `ctrl-x` to
 exit (press `ctrl` and `x` on your keyboard at the same time).
 
 Run the app again. Try editing the app by hitting `ctrl-e`. You see a "big
-picture" view of the app. Spend a few moments scanning this page. All programs
-consist of data and _functions_: code that operates on data in some way.
-Teliva apps always start by running the special function `main`. The big
-picture orders functions from the _top down_. It shows `main` up top,
+picture" view of the app. Spend a few moments scanning this page.
+
+<img alt='editing the code for the counter app' src='doc/counter-edit.png'>
+
+All programs consist of data and _functions_: code that operates on data in
+some way. Teliva apps always start by running the special function `main`. The
+big picture orders functions from the _top down_. It shows `main` up top,
 functions that `main` calls below, functions called by _those_ functions next,
 and so on.