diff --git a/index.html b/index.html
index 628c02e5..cb49f16c 100644
--- a/index.html
+++ b/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('326502'))">Run</a><div><div id="326502" 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('82012'))">Run</a><div><div id="82012" 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="216306" style="background-color: #fafafa;">Hover this box!</pre></div><script>ExampleEventHandler.main(document.getElementById('216306'))</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="495816" style="background-color: #fafafa;">Hover this box!</pre></div><script>ExampleEventHandler.main(document.getElementById('495816'))</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="991573" /><div id="650605" style="background-color: #fafafa;"></div></div><script>ExampleBase64.main(document.getElementById('991573'), document.getElementById('650605'))</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="442334" /><div id="585316" style="background-color: #fafafa;"></div></div><script>ExampleBase64.main(document.getElementById('442334'), document.getElementById('585316'))</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="497973" /><div id="458889" style="background-color: #fafafa;"></div></div><script>ExampleLocalStorage.main(document.getElementById('497973'), document.getElementById('458889'))</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="733944" /><div id="118495" style="background-color: #fafafa;"></div></div><script>ExampleLocalStorage.main(document.getElementById('733944'), document.getElementById('118495'))</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="977412" style="background-color: #fafafa;"></canvas></div><script>ExampleCanvas.main(document.getElementById('977412'))</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="79127" style="background-color: #fafafa;"></canvas></div><script>ExampleCanvas.main(document.getElementById('79127'))</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('405819'))">Run</a><div><pre id="405819" 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('47982'))">Run</a><div><pre id="47982" 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="467213" style="background-color: #fafafa;" /><pre id="545224" style="background-color: #fafafa;">output</pre></div><script>ExampleWebsocket.main(document.getElementById('467213'), document.getElementById('545224'))</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="861142" style="background-color: #fafafa;" /><pre id="132873" style="background-color: #fafafa;">output</pre></div><script>ExampleWebsocket.main(document.getElementById('861142'), document.getElementById('132873'))</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('62065'))">Run</a><div><div style="height: 50px;background-color: #fafafa;" id="62065"><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('496250'))">Run</a><div><div style="height: 50px;background-color: #fafafa;" id="496250"><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>