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/01-hello-world/README.md | 2 ++ examples/01-hello-world/header.png | Bin 0 -> 327828 bytes examples/02-interactivity/README.md | 44 ++++++++++++++++--------------- examples/02-interactivity/header.png | Bin 0 -> 320493 bytes examples/03-controlled-inputs/README.md | 2 ++ examples/03-controlled-inputs/header.png | Bin 0 -> 330067 bytes examples/05-http-requests/README.md | 2 ++ examples/05-http-requests/header.png | Bin 0 -> 369241 bytes 8 files changed, 29 insertions(+), 21 deletions(-) create mode 100644 examples/01-hello-world/header.png create mode 100644 examples/02-interactivity/header.png create mode 100644 examples/03-controlled-inputs/header.png create mode 100644 examples/05-http-requests/header.png (limited to 'examples') diff --git a/examples/01-hello-world/README.md b/examples/01-hello-world/README.md index 5302fe3..cd9c068 100644 --- a/examples/01-hello-world/README.md +++ b/examples/01-hello-world/README.md @@ -1,3 +1,5 @@ +![](./header.png) + # 01 Hello World This hello world example is a tiny example of what you need to put together to diff --git a/examples/01-hello-world/header.png b/examples/01-hello-world/header.png new file mode 100644 index 0000000..dd76b40 Binary files /dev/null and b/examples/01-hello-world/header.png differ 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 diff --git a/examples/02-interactivity/header.png b/examples/02-interactivity/header.png new file mode 100644 index 0000000..6cca8a2 Binary files /dev/null and b/examples/02-interactivity/header.png differ diff --git a/examples/03-controlled-inputs/README.md b/examples/03-controlled-inputs/README.md index 5326f25..297a3c7 100644 --- a/examples/03-controlled-inputs/README.md +++ b/examples/03-controlled-inputs/README.md @@ -1 +1,3 @@ +![](./header.png) + # 03 Controlled Inputs diff --git a/examples/03-controlled-inputs/header.png b/examples/03-controlled-inputs/header.png new file mode 100644 index 0000000..336fb18 Binary files /dev/null and b/examples/03-controlled-inputs/header.png differ diff --git a/examples/05-http-requests/README.md b/examples/05-http-requests/README.md index d6d82bd..2fd846d 100644 --- a/examples/05-http-requests/README.md +++ b/examples/05-http-requests/README.md @@ -1 +1,3 @@ +![](./header.png) + # 04 HTTP Requests diff --git a/examples/05-http-requests/header.png b/examples/05-http-requests/header.png new file mode 100644 index 0000000..f08fb17 Binary files /dev/null and b/examples/05-http-requests/header.png differ -- cgit v1.2.3