diff --git a/projects/ws-js-ws/.ws-js-ws.md.swp b/projects/ws-js-ws/.ws-js-ws.md.swp index 0b8531d..8061d8b 100644 Binary files a/projects/ws-js-ws/.ws-js-ws.md.swp and b/projects/ws-js-ws/.ws-js-ws.md.swp differ diff --git a/projects/ws-js-ws/ws-js-ws.md b/projects/ws-js-ws/ws-js-ws.md index 0e04764..18856ea 100644 --- a/projects/ws-js-ws/ws-js-ws.md +++ b/projects/ws-js-ws/ws-js-ws.md @@ -55,7 +55,7 @@ XPUB Studio, 4th floor etc - 11:00 - Intro & demo of [drw](https://hub.xpub.nl/soupboat/drw/) - 11:30 - How does it work -- 12:00 - Step by step installation following [drw documentation](https://git.xpub.nl/kamo/drw) +- 12:00 - Step by step installation - 12:30 - Examples & brainstorm for projects - 13:00 - Lunch break @@ -76,8 +76,8 @@ It works with multiple sources, but also multiple destinations. The same drawings can be displayed on different places! _(such as this page)_ -Open [hub.xpub.nl/soupboat/drw/destination/](https://hub.xpub.nl/soupboat/drw/destination/) and send some drawings. -Try to navigate to [hub.xpub.nl/soupboat/drw/wander/](https://hub.xpub.nl/soupboat/drw/wander/) to see a different mode. +Open [hub.xpub.nl/soupboat/drw/destination](https://hub.xpub.nl/soupboat/drw/destination) and send some drawings. +Try to navigate to [hub.xpub.nl/soupboat/drw/wander](https://hub.xpub.nl/soupboat/drw/wander) to see a different mode. ## How does it work @@ -122,8 +122,12 @@ Using the [JSON](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objec ```js -// Transform the string message into a Javascript object -let message = JSON.parse({"type": "test", "data": "this is my test message"}) + +// The websocket message arrives as text string +let text = '{"type": "test", "data": "this is my test message"}' + +// Transform the string message into an object +let message = JSON.parse(text) // Access the contents of the message console.log(message.type) diff --git a/static/css/.drw.css.swp b/static/css/.drw.css.swp index 64cd5d3..8741aef 100644 Binary files a/static/css/.drw.css.swp and b/static/css/.drw.css.swp differ diff --git a/static/css/drw.css b/static/css/drw.css index a20fd90..b7d3c3f 100644 --- a/static/css/drw.css +++ b/static/css/drw.css @@ -3,6 +3,11 @@ body { font-family: serif; } + +pre { +font-size: 1.4rem; +} + nav, nav * { font-size: 1rem !important; background-color: #ff8d00;