|  | 
| 81 | 81 |  @p | 
| 82 | 82 |  Here are some examples to get you started: | 
| 83 | 83 | 
 | 
| 84 |  | - @sect{Node.appendChild} | 
| 85 |  | - @pair( | 
| 86 |  | - "NodeAppendChild", | 
| 87 |  | - Seq(div("div")) | 
| 88 |  | - ) | 
|  | 84 | +  @sect{Node.appendChild} | 
|  | 85 | +  @pair( | 
|  | 86 | +  "NodeAppendChild", | 
|  | 87 | +  Seq(div("div")) | 
|  | 88 | +  ) | 
| 89 | 89 | 
 | 
| 90 |  | - @sect{Node.onmousemove} | 
| 91 |  | - @pair( | 
| 92 |  | - "EventHandler", | 
| 93 |  | - Seq(pre("pre")), | 
| 94 |  | - autorun=true | 
| 95 |  | - ) | 
|  | 90 | +  @sect{Node.onmousemove} | 
|  | 91 | +  @pair( | 
|  | 92 | +  "EventHandler", | 
|  | 93 | +  Seq(pre("pre")), | 
|  | 94 | +  autorun=true | 
|  | 95 | +  ) | 
| 96 | 96 | 
 | 
| 97 |  | - @sect{dom.btoa} | 
| 98 |  | - @pair( | 
| 99 |  | - "Base64", | 
| 100 |  | - Seq(input(width:="100%", placeholder:="Enter text to b64 encode"), div), | 
| 101 |  | - autorun=true | 
| 102 |  | - ) | 
|  | 97 | +  @sect{dom.btoa} | 
|  | 98 | +  @pair( | 
|  | 99 | +  "Base64", | 
|  | 100 | +  Seq(input(width:="100%", placeholder:="Enter text to b64 encode"), div), | 
|  | 101 | +  autorun=true | 
|  | 102 | +  ) | 
| 103 | 103 | 
 | 
| 104 |  | - @sect{dom.localStorage} | 
| 105 |  | - @pair( | 
| 106 |  | - "LocalStorage", | 
| 107 |  | - Seq(input(width:="100%"), div), | 
| 108 |  | - autorun=true | 
| 109 |  | - ) | 
|  | 104 | +  @sect{dom.localStorage} | 
|  | 105 | +  @pair( | 
|  | 106 | +  "LocalStorage", | 
|  | 107 | +  Seq(input(width:="100%"), div), | 
|  | 108 | +  autorun=true | 
|  | 109 | +  ) | 
| 110 | 110 | 
 | 
| 111 |  | - @sect{dom.HTMLCanvasElement} | 
| 112 |  | - @pair( | 
| 113 |  | - "Canvas", | 
| 114 |  | - Seq(canvas), | 
| 115 |  | - autorun=true | 
| 116 |  | - ) | 
|  | 111 | +  @sect{dom.HTMLCanvasElement} | 
|  | 112 | +  @pair( | 
|  | 113 | +  "Canvas", | 
|  | 114 | +  Seq(canvas), | 
|  | 115 | +  autorun=true | 
|  | 116 | +  ) | 
| 117 | 117 | 
 | 
| 118 |  | - @sect{dom.XMLHttpRequest} | 
| 119 |  | - @pair( | 
| 120 |  | - "XMLHttpRequest", | 
| 121 |  | - Seq( | 
| 122 |  | - pre("output") | 
|  | 118 | + @sect{dom.XMLHttpRequest} | 
|  | 119 | + @pair( | 
|  | 120 | + "XMLHttpRequest", | 
|  | 121 | + Seq( | 
|  | 122 | + pre("output") | 
|  | 123 | + ) | 
| 123 | 124 |  ) | 
| 124 |  | - ) | 
| 125 | 125 | 
 | 
| 126 |  | - @sect{dom.Websocket} | 
| 127 |  | - @pair( | 
| 128 |  | - "Websocket", | 
| 129 |  | - Seq( | 
| 130 |  | - input(placeholder:="Type something in"), | 
| 131 |  | - pre("output") | 
| 132 |  | - ), | 
| 133 |  | - autorun=true | 
| 134 |  | - ) | 
|  | 126 | +  @sect{dom.Websocket} | 
|  | 127 | +  @pair( | 
|  | 128 | +  "Websocket", | 
|  | 129 | +  Seq( | 
|  | 130 | +  input(placeholder:="Type something in"), | 
|  | 131 | +  pre("output") | 
|  | 132 | +  ), | 
|  | 133 | +  autorun=true | 
|  | 134 | +  ) | 
| 135 | 135 | 
 | 
| 136 |  | - @sect{Element.style} | 
| 137 |  | - @pair( | 
| 138 |  | - "ElementStyle", | 
| 139 |  | - Seq(div(b("div"), height:="50px")) | 
| 140 |  | - ) | 
|  | 136 | +  @sect{Element.style} | 
|  | 137 | +  @pair( | 
|  | 138 | +  "ElementStyle", | 
|  | 139 | +  Seq(div(b("div"), height:="50px")) | 
|  | 140 | +  ) | 
| 141 | 141 | 
 | 
| 142 | 142 |  @p | 
| 143 | 143 |  The goal of this project is to provide a thin-but-idiomatic-scala interface to modern browser APIs. In particular: | 
|  | 
0 commit comments