Deploying to gh-pages from @ 1da1115 🚀

Author: sjrd

index.html

@@ -115,7 +115,7 @@ <h1 id="Node.appendChild" style="display: block;" class=" scalatex-site-Styles-h
   val child = dom.document.createElement(&quot;div&quot;)
   child.textContent = &quot;Hi from Scala-js-dom&quot;
   div.appendChild(child)
-}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L20-L25" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleNodeAppendChild.main(document.getElementById('39132'))">Run</a><div><div id="39132" style="background-color: #fafafa;">div</div></div></div><div style="clear: both;"></div></div>
+}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L20-L25" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleNodeAppendChild.main(document.getElementById('712604'))">Run</a><div><div id="712604" style="background-color: #fafafa;">div</div></div></div><div style="clear: both;"></div></div>
 
     <h1 id="Node.onmousemove" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#Node.onmousemove" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>Node.onmousemove</h1>
       <div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(pre: html.Pre) = {
@@ -130,7 +130,7 @@ <h1 id="Node.onmousemove" style="display: block;" class=" scalatex-site-Styles-h
            |e.screenY ${e.screenY}
          &quot;&quot;&quot;.stripMargin
   }
-}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L113-L126" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><pre id="280512" style="background-color: #fafafa;">Hover this box!</pre></div><script>ExampleEventHandler.main(document.getElementById('280512'))</script></div><div style="clear: both;"></div></div>
+}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L113-L126" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><pre id="242336" style="background-color: #fafafa;">Hover this box!</pre></div><script>ExampleEventHandler.main(document.getElementById('242336'))</script></div><div style="clear: both;"></div></div>
 
     <h1 id="dom.btoa" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.btoa" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.btoa</h1>
       <div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(in: html.Input,
@@ -139,7 +139,7 @@ <h1 id="dom.btoa" style="display: block;" class=" scalatex-site-Styles-hoverCont
     out.textContent =
       dom.window.btoa(in.value)
   }
-}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L101-L108" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input style="width: 100%;background-color: #fafafa;" placeholder="Enter text to b64 encode" id="120437" /><div id="151174" style="background-color: #fafafa;"></div></div><script>ExampleBase64.main(document.getElementById('120437'), document.getElementById('151174'))</script></div><div style="clear: both;"></div></div>
+}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L101-L108" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input style="width: 100%;background-color: #fafafa;" placeholder="Enter text to b64 encode" id="61709" /><div id="980674" style="background-color: #fafafa;"></div></div><script>ExampleBase64.main(document.getElementById('61709'), document.getElementById('980674'))</script></div><div style="clear: both;"></div></div>
 
     <h1 id="dom.localStorage" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.localStorage" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.localStorage</h1>
       <div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(in: html.Input, box: html.Div) = {
@@ -155,7 +155,7 @@ <h1 id="dom.localStorage" style="display: block;" class=" scalatex-site-Styles-h
     box.textContent =
       &quot;Saved! &quot; + in.value
   }
-}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L56-L70" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input style="width: 100%;background-color: #fafafa;" id="325683" /><div id="744565" style="background-color: #fafafa;"></div></div><script>ExampleLocalStorage.main(document.getElementById('325683'), document.getElementById('744565'))</script></div><div style="clear: both;"></div></div>
+}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L56-L70" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input style="width: 100%;background-color: #fafafa;" id="622642" /><div id="214082" style="background-color: #fafafa;"></div></div><script>ExampleLocalStorage.main(document.getElementById('622642'), document.getElementById('214082'))</script></div><div style="clear: both;"></div></div>
 
     <h1 id="dom.HTMLCanvasElement" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.HTMLCanvasElement" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.HTMLCanvasElement</h1>
       <div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(c: html.Canvas) = {
@@ -178,7 +178,7 @@ <h1 id="dom.HTMLCanvasElement" style="display: block;" class=" scalatex-site-Sty
   ctx.arc(w/2, w/2, w/2, 0, 3.14)
 
   ctx.stroke()
-}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L75-L96" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><canvas id="543903" style="background-color: #fafafa;"></canvas></div><script>ExampleCanvas.main(document.getElementById('543903'))</script></div><div style="clear: both;"></div></div>
+}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L75-L96" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><canvas id="97848" style="background-color: #fafafa;"></canvas></div><script>ExampleCanvas.main(document.getElementById('97848'))</script></div><div style="clear: both;"></div></div>
 
     <h1 id="dom.Fetch" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.Fetch" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.Fetch</h1>
       <div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(pre: html.Pre) = {
@@ -197,7 +197,7 @@ <h1 id="dom.Fetch" style="display: block;" class=" scalatex-site-Styles-hoverCon
   }
   for (text &lt;- responseText)
     pre.textContent = text
-}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L131-L148" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleFetch.main(document.getElementById('489506'))">Run</a><div><pre id="489506" style="background-color: #fafafa;">output</pre></div></div><div style="clear: both;"></div></div>
+}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L131-L148" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleFetch.main(document.getElementById('557186'))">Run</a><div><pre id="557186" style="background-color: #fafafa;">output</pre></div></div><div style="clear: both;"></div></div>
 
     <h1 id="dom.Websocket" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#dom.Websocket" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>dom.Websocket</h1>
       <div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(in: html.Input,
@@ -214,7 +214,7 @@ <h1 id="dom.Websocket" style="display: block;" class=" scalatex-site-Styles-hove
       socket.send(in.value)
     }
   }
-}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L153-L168" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input placeholder="Type something in" id="486906" style="background-color: #fafafa;" /><pre id="626445" style="background-color: #fafafa;">output</pre></div><script>ExampleWebsocket.main(document.getElementById('486906'), document.getElementById('626445'))</script></div><div style="clear: both;"></div></div>
+}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L153-L168" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><div><input placeholder="Type something in" id="86288" style="background-color: #fafafa;" /><pre id="101673" style="background-color: #fafafa;">output</pre></div><script>ExampleWebsocket.main(document.getElementById('86288'), document.getElementById('101673'))</script></div><div style="clear: both;"></div></div>
 
     <h1 id="Element.style" style="display: block;" class=" scalatex-site-Styles-hoverContainer scalatex-site-Styles-headerTag"><a class=" scalatex-site-Styles-headerLink" href="#Element.style" style="position: absolute;right: 0px;"><i class="fa fa-link"></i></a>Element.style</h1>
       <div><div style="width: 50%;float: left;"><pre class=" scalatex-site-Styles-hoverContainer"><code class="scala scalatex-site-Styles-highlightMe">def main(div: html.Div) = {
@@ -226,7 +226,7 @@ <h1 id="Element.style" style="display: block;" class=" scalatex-site-Styles-hove
     util.Random.nextInt(colors.length)
 
   div.style.color = colors(index)
-}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L41-L51" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleElementStyle.main(document.getElementById('913830'))">Run</a><div><div style="height: 50px;background-color: #fafafa;" id="913830"><b>div</b></div></div></div><div style="clear: both;"></div></div>
+}</code><a class=" scalatex-site-Styles-headerLink" style="position: absolute;right: 0.5em;top: 0.5em;display: block;font-size: 24px;" href="https://github.com/scala-js/scala-js-dom/tree/main/example/src/main/scala/example/Example.scala#L41-L51" target="_blank"><i class="fa fa-link "></i></a></pre></div><div style="width: 50%;float: left;padding: 8px;box-sizing: border-box;"><a class="pure-button" onclick="ExampleElementStyle.main(document.getElementById('186611'))">Run</a><div><div style="height: 50px;background-color: #fafafa;" id="186611"><b>div</b></div></div></div><div style="clear: both;"></div></div>
 
   <p>
     The goal of this project is to provide a thin-but-idiomatic-scala interface to modern browser APIs. In particular:</p>