typo and style

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)

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;