slider

examples/article.html

@@ -42,6 +42,11 @@
 <distill-header></distill-header>
 <d-abstract>
   <figure style="grid-column: page; margin: 1rem 0;"><img src="momentum.png" style="width:100%; border: 1px solid rgba(0, 0, 0, 0.2);"/></figure>
+  <d-slider style="grid-column: page;"></d-slider>
+  <script>
+    document.querySelector("d-slider").addEventListener("input", e => { console.log("input", e.target.value); });
+    document.querySelector("d-slider").addEventListener("change", e => { console.log("change", e.target.value); });
+  </script>
   <p>We often think of Momentum as a means of dampening oscillations and speeding up the iterations, leading to faster convergence. But it has other interesting behavior. It allows a larger range of step-sizes to be used, and creates its own oscillations. What is going on?</p>
 </d-abstract>
 <d-article>