From c108d9951fc10cd42038e4b570af8362c5bcabda Mon Sep 17 00:00:00 2001 From: Hayleigh Thompson Date: Wed, 31 Jan 2024 11:33:32 +0000 Subject: :art: Add header images to some examples. --- examples/02-interactivity/README.md | 44 +++++++++++++++++++------------------ 1 file changed, 23 insertions(+), 21 deletions(-) (limited to 'examples/02-interactivity/README.md') diff --git a/examples/02-interactivity/README.md b/examples/02-interactivity/README.md index d2e486a..5cfbf4f 100644 --- a/examples/02-interactivity/README.md +++ b/examples/02-interactivity/README.md @@ -1,3 +1,5 @@ +![](./header.png) + # 02 Interactivity In this example we show the basic structure of all Lustre applications with a @@ -19,32 +21,32 @@ These three pieces come together to form a self-contained update loop. You produ an initial model, render it as HTML, and convert any user interactions into messages to handle in the update function. - ```text - +--------+ - | | - | update | - | | - +--------+ - ^ | - | | - Msg | | Model - | | - | v +```text + +--------+ + | | + | update | + | | + +--------+ + ^ | + | | + Msg | | Model + | | + | v +------+ +------------------------+ | | Model | | | init |------------------------>| Lustre Runtime | | | | | +------+ +------------------------+ - ^ | - | | - Msg | | Model - | | - | v - +--------+ - | | - | view | - | | - +--------+ + ^ | + | | + Msg | | Model + | | + | v + +--------+ + | | + | view | + | | + +--------+ ``` ### Model -- cgit v1.2.3