stam site: added demo video

site/index.html

@@ -350,7 +350,7 @@ <h2>Practical Tooling</h2>
 
         <ul>
         <li><a href="https://github.com/annotation/stam-rust">stam-rust</a> is the main library written in Rust with a focus on performance (<a href="https://docs.rs/stam">Rust API</a>).</li>
-        <li><a href="https://github.com/annotation/stam-python">stam-python</a> is a Python library built on-top of the Rust library (<a href="https://stam-python.readthedocs.io/">Python API</a>).<br/> A <a href="https://github.com/annotation/stam-python/blob/master/tutorial.ipynb">tutorial "Standoff Text Annotation for Pythonistas"</a> is available as a jupyter notebook. <pre class="inline"><strong>$</strong> pip install stam</pre></li>
+        <li><a href="https://github.com/annotation/stam-python">stam-python</a> is a Python library built on-top of the Rust library (<a href="https://stam-python.readthedocs.io/">Python API</a>).<br/> A <a href="https://nbviewer.org/github/annotation/stam-python/blob/master/tutorial.ipynb">tutorial "Standoff Text Annotation for Pythonistas"</a> is available as a jupyter notebook. <pre class="inline"><strong>$</strong> pip install stam</pre></li>
         <li><a href="https://github.com/annotation/stam-tools">stam-tools</a> is a set of command-line tools to work with STAM.
         <pre class="inline"><strong>$</strong> cargo install stam-tools</pre>
         </li>
@@ -384,7 +384,7 @@ <h2>Practical Tooling</h2>
 </pre>
 
         <p>
-        Learn more? See the <a href="https://github.com/annotation/stam-python/blob/master/tutorial.ipynb">STAM Python Tutorial</a>!
+        Learn more? See the <a href="https://nbviewer.org/github/annotation/stam-python/blob/master/tutorial.ipynb">STAM Python Tutorial</a>!
         </p>
 
     </div>
@@ -539,6 +539,19 @@ <h2>Computing with Annotations</h2>
 
     </div>
 
+    </section>
+    <section class="right">
+        <div class="left">
+            <a href="assets/stamdemo.webm"><img src="assets/stamvideothumbnail.jpg" alt="stam-tools demo" /></a>
+        </div>
+        <div class="right">
+            <h2>Demos</h2>
+
+            <ul>
+                <li><a href="assets/stamdemo.webm">This screencast video</a> (no audio) shows <strong>stam-tools</strong>, the command-line tools for STAM</li>
+                <li><a href="https://nbviewer.org/github/annotation/stam-python/blob/master/tutorial.ipynb">Python tutorial "Standoff Text Annotation for Pythonistas"</a> is a tutorial for <strong>stam-python</strong> in the form of an interactive jupyter notebook.</li>
+            </ul>
+        </div>
     </section>
     <div id="footer">
         <img class="huclogo" src="assets/logo-knaw-huc.png" alt="KNAW Humanities Cluster" />