diff --git a/index.html b/index.html
index 3ade9e0ab..e18282654 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('924694'))">Run</a><div><div id="924694" 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('711318'))">Run</a><div><div id="711318" 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="660339" style="background-color: #fafafa;">Hover this box!</pre></div><script>ExampleEventHandler.main(document.getElementById('660339'))</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="474599" style="background-color: #fafafa;">Hover this box!</pre></div><script>ExampleEventHandler.main(document.getElementById('474599'))</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="226109" /><div id="548322" style="background-color: #fafafa;"></div></div><script>ExampleBase64.main(document.getElementById('226109'), document.getElementById('548322'))</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="193513" /><div id="573183" style="background-color: #fafafa;"></div></div><script>ExampleBase64.main(document.getElementById('193513'), document.getElementById('573183'))</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="937331" /><div id="254250" style="background-color: #fafafa;"></div></div><script>ExampleLocalStorage.main(document.getElementById('937331'), document.getElementById('254250'))</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="75496" /><div id="953586" style="background-color: #fafafa;"></div></div><script>ExampleLocalStorage.main(document.getElementById('75496'), document.getElementById('953586'))</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="399317" style="background-color: #fafafa;"></canvas></div><script>ExampleCanvas.main(document.getElementById('399317'))</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="36325" style="background-color: #fafafa;"></canvas></div><script>ExampleCanvas.main(document.getElementById('36325'))</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('260822'))">Run</a><div><pre id="260822" 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('46211'))">Run</a><div><pre id="46211" 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="274625" style="background-color: #fafafa;" /><pre id="837193" style="background-color: #fafafa;">output</pre></div><script>ExampleWebsocket.main(document.getElementById('274625'), document.getElementById('837193'))</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="388935" style="background-color: #fafafa;" /><pre id="86580" style="background-color: #fafafa;">output</pre></div><script>ExampleWebsocket.main(document.getElementById('388935'), document.getElementById('86580'))</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('14953'))">Run</a><div><div style="height: 50px;background-color: #fafafa;" id="14953"><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('76507'))">Run</a><div><div style="height: 50px;background-color: #fafafa;" id="76507"><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>
@@ -262,4 +262,4 @@ <h1 id="Element.style" style="display: block;" class=" scalatex-site-Styles-hove
         );
       })
     })
-  </script></body></html>
\ No newline at end of file
+  </script></body></html>
\ No newline at end of file