diff --git a/.idea/codeStyleSettings.xml b/.idea/codeStyleSettings.xml
index 78902dc..205ada7 100644
--- a/.idea/codeStyleSettings.xml
+++ b/.idea/codeStyleSettings.xml
@@ -16,5 +16,6 @@
+
\ No newline at end of file
diff --git a/README.md b/README.md
index 2d14044..54e9e63 100644
--- a/README.md
+++ b/README.md
@@ -194,10 +194,11 @@ This is the step in which the hiccup-formatted
"descriptions of required DOM", returned by the view functions of Domino 5, are made real.
The browser DOM nodes are mutated.
-### Whew! A reprieve
+### As A Picture
+
+
+[]("/images/Readme/6dominoes.png?raw=true")
-After the six dominoes have fallen, re-frame (metaphorically) stands them up.
-Your re-frame app is poised lithely, ready for the next `event` to trigger the cycle again.
## A Cascade Of Simple Functions
@@ -223,7 +224,7 @@ the last domino which does the dirty work and realises these descriptions.
In both cases, you don't need to worry yourself about this dirty work. re-frame looks
after those dominoes.
-## Code Fragments
+## As Code Fragments
Let's take this domino narrative one step further and introduce some code fragments.
We're going to be working on a SPA with a list of items.
diff --git a/docs/ApplicationState.md b/docs/ApplicationState.md
index 2d812cb..14e5ee6 100644
--- a/docs/ApplicationState.md
+++ b/docs/ApplicationState.md
@@ -1,27 +1,19 @@
-
-
-## Table Of Contents
-
-- [Application State](#application-state)
- - [Table Of Contents](#table-of-contents)
- - [On Data](#on-data)
- - [The Big Ratom](#the-big-ratom)
- - [The Benefits Of Data-In-The-One-Place](#the-benefits-of-data-in-the-one-place)
- - [Get You A Leveragable Schema](#get-you-a-leveragable-schema)
-
-
-
-## Application State
-
-How does re-frame manage application state?
+- [On Data](#on-data)
+- [The Big Ratom](#the-big-ratom)
+- [The Benefits Of Data-In-The-One-Place](#the-benefits-of-data-in-the-one-place)
#### Table Of Contents
+
+
+
- [On Data](#on-data)
- [The Big Ratom](#the-big-ratom)
- [The Benefits Of Data-In-The-One-Place](#the-benefits-of-data-in-the-one-place)
+
+
### On Data
Well-formed Data at rest is as close to perfection in programming as it gets. All the crap that had to happen to put it there however...
@@ -126,7 +118,7 @@ shows how to use a spec. Look in `src/db.cljs` for the spec itself, and then in
how to write code which checks `app-db` against this spec after every single event has been
processed.
-Specs are leveragable. Watch how:
+Specs are more leveragable than types. Watch how:
https://www.youtube.com/watch?v=VNTQ-M_uSo8
***
diff --git a/docs/EffectfulHandlers.md b/docs/EffectfulHandlers.md
index fb426e3..4aed939 100644
--- a/docs/EffectfulHandlers.md
+++ b/docs/EffectfulHandlers.md
@@ -397,6 +397,7 @@ to then, as a next step, better understand coeffects and effects. We'll soon be
***
+Previous: [Infographic Overview](EventHandlingInfographic.md)
Up: [Index](README.md)
Next: [Interceptors](Interceptors.md)
diff --git a/docs/EventHandlingInfographic.md b/docs/EventHandlingInfographic.md
new file mode 100644
index 0000000..e8f3139
--- /dev/null
+++ b/docs/EventHandlingInfographic.md
@@ -0,0 +1,14 @@
+## An Infographic View Of Event Handling
+
+Three diagrams are provided. The first is a beginners view,
+the second is a useful schematic, and the third is accurate and detailed.
+
+View them in conjunction with a reading of the written tutorials.
+
+[]("/images/event-handlers.png?raw=true")
+
+***
+
+
+Up: [Index](README.md)
+Next: [Effectful Handlers](EffectfulHandlers.md)
diff --git a/docs/README.md b/docs/README.md
index 4f7d661..a1ba904 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -8,6 +8,7 @@
### Event Handlers
+- [Infographic Overview](EventHandlingInfographic.md)
- [Effectful Handlers](EffectfulHandlers.md)
- [Interceptors](Interceptors.md)
- [Effects](Effects.md)
diff --git a/images/Readme/6dominoes.png b/images/Readme/6dominoes.png
new file mode 100644
index 0000000..320eb84
Binary files /dev/null and b/images/Readme/6dominoes.png differ
diff --git a/images/Readme/todolist.png b/images/Readme/todolist.png
index 2d7da13..9dfa9e1 100644
Binary files a/images/Readme/todolist.png and b/images/Readme/todolist.png differ
diff --git a/images/event-handlers.png b/images/event-handlers.png
new file mode 100644
index 0000000..d3a5e7b
Binary files /dev/null and b/images/event-handlers.png differ
diff --git a/images/example_app.png b/images/example_app.png
index 1d72996..b00db33 100644
Binary files a/images/example_app.png and b/images/example_app.png differ