diff options
| author | Hayleigh Thompson <me@hayleigh.dev> | 2024-01-31 11:33:32 +0000 |
|---|---|---|
| committer | Hayleigh Thompson <me@hayleigh.dev> | 2024-01-31 11:33:32 +0000 |
| commit | c108d9951fc10cd42038e4b570af8362c5bcabda (patch) | |
| tree | 47c732f42b7587ec0a6f08dcf1edd6cae3672929 /examples/02-interactivity | |
| parent | 592230b11d2eda076dc12878c0885226b7361ad4 (diff) | |
| download | lustre-c108d9951fc10cd42038e4b570af8362c5bcabda.tar.gz lustre-c108d9951fc10cd42038e4b570af8362c5bcabda.zip | |
:art: Add header images to some examples.
Diffstat (limited to 'examples/02-interactivity')
| -rw-r--r-- | examples/02-interactivity/README.md | 44 | ||||
| -rw-r--r-- | examples/02-interactivity/header.png | bin | 0 -> 320493 bytes |
2 files changed, 23 insertions, 21 deletions
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 @@ + + # 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 diff --git a/examples/02-interactivity/header.png b/examples/02-interactivity/header.png Binary files differnew file mode 100644 index 0000000..6cca8a2 --- /dev/null +++ b/examples/02-interactivity/header.png |
