Use div class=allcenter around all images.

[libguestfs-talks.git] / 2019-fosdem / 4600-about-nbdkit-layers-command.html

diff --git a/2019-fosdem/4600-about-nbdkit-layers-command.html b/2019-fosdem/4600-about-nbdkit-layers-command.html
index c8f477e..7530d59 100644 (file)
--- a/2019-fosdem/4600-about-nbdkit-layers-command.html
+++ b/2019-fosdem/4600-about-nbdkit-layers-command.html
@@ -4,124 +4,50 @@
 
 <h1>nbdkit &mdash; layers</h1>
 
-<style>
-b {
-    border: 1px solid rgb(204,0,0);
-    background: #eef;
-    padding: 5px;
-    border-radius: 15px;
-}
-</style>
-
-<div style="background: #cfc; border: 2px solid rgb(204,0,0);
-            position: absolute; top: 80px; left: 32px;
-            width: 800px; height: 220px;
-            transform: translate(-100px,-25px) scale(0.75,0.75);">
-  <code style="position: absolute; top: 1px; left: 50px;">blocksize</code>
-  <code style="position: absolute; top: 50px; left: 100px;">cache</code>
-  <code style="position: absolute; top: 80px; left: 115px;"><b>cow</b></code>
-  <code style="position: absolute; top: 140px; left: 10px;">delay</code>
-  <code style="position: absolute; top: 180px; left: 100px;">error</code>
+<script>
+filters("1")
 
-  <code style="position: absolute; top: 10px; left: 400px;">fua</code>
-  <code style="position: absolute; top: 60px; left: 600px;">log</code>
-  <code style="position: absolute; top: 90px; left: 250px;">nozero</code>
-  <code style="position: absolute; top: 130px; left: 530px;">offset</code>
-  <code style="position: absolute; top: 150px; left: 280px;">partition</code>
-  <code style="position: absolute; top: 180px; left: 480px;">truncate</code>
-</div>
+document.getElementById("filter1-cow").classList.add("highlighted")
 
-<div style="background: #cfc; border: 2px solid rgb(204,0,0);
-            position: absolute; top: 250px; left: 32px;
-            width: 800px; height: 220px;
-            transform: translate(-100px,-25px) scale(0.75,0.75);">
-  <code style="position: absolute; top: 1px; left: 50px;">blocksize</code>
-  <code style="position: absolute; top: 50px; left: 100px;">cache</code>
-  <code style="position: absolute; top: 80px; left: 115px;">cow</code>
-  <code style="position: absolute; top: 140px; left: 10px;"><b>delay</b></code>
-  <code style="position: absolute; top: 180px; left: 100px;">error</code>
+filters("2")
 
-  <code style="position: absolute; top: 10px; left: 400px;">fua</code>
-  <code style="position: absolute; top: 60px; left: 600px;">log</code>
-  <code style="position: absolute; top: 90px; left: 250px;">nozero</code>
-  <code style="position: absolute; top: 130px; left: 530px;">offset</code>
-  <code style="position: absolute; top: 150px; left: 280px;">partition</code>
-  <code style="position: absolute; top: 180px; left: 480px;">truncate</code>
-</div>
+document.getElementById("filter2-partition").classList.add("highlighted")
 
-<div style="background: #cfc; border: 2px solid rgb(204,0,0);
-            position: absolute; top: 420px; left: 32px;
-            width: 800px; height: 220px;
-            transform: translate(-100px,-25px) scale(0.75,0.75);">
-  <code style="position: absolute; top: 1px; left: 50px;">blocksize</code>
-  <code style="position: absolute; top: 50px; left: 100px;">cache</code>
-  <code style="position: absolute; top: 80px; left: 115px;">cow</code>
-  <code style="position: absolute; top: 140px; left: 10px;">delay</code>
-  <code style="position: absolute; top: 180px; left: 100px;">error</code>
+filters("3")
 
-  <code style="position: absolute; top: 10px; left: 400px;">fua</code>
-  <code style="position: absolute; top: 60px; left: 600px;">log</code>
-  <code style="position: absolute; top: 90px; left: 250px;">nozero</code>
-  <code style="position: absolute; top: 130px; left: 530px;">offset</code>
-  <code style="position: absolute; top: 150px; left: 280px;"><b>partition</b></code>
-  <code style="position: absolute; top: 180px; left: 480px;">truncate</code>
-</div>
+document.getElementById("filter3-xz").classList.add("highlighted")
 
-<div style="background: #ccf; border: 2px solid rgb(204,0,0);
-            position: absolute; top: 595px; left: 32px;
-            width: 800px; height: 400px;
-            transform: translate(-100px,-50px) scale(0.75,0.75);">
-  <code style="position: absolute; top: 1px; left: 10px;">curl</code>
-  <code style="position: absolute; top: 50px; left: 20px;">data</code>
-  <code style="position: absolute; top: 100px; left: 10px;">ext2</code>
-  <code style="position: absolute; top: 120px; left: 140px;">file</code>
-  <code style="position: absolute; top: 150px; left: 10px;">floppy</code>
-  <code style="position: absolute; top: 200px; left: 20px;">guestfs</code>
-  <code style="position: absolute; top: 250px; left: 10px;">gzip</code>
-  <code style="position: absolute; top: 280px; left: 150px;">iso</code>
-  <code style="position: absolute; top: 350px; left: 10px;">libvirt</code>
+plugins()
 
-  <code style="position: absolute; top: 5px; left: 340px;">lua</code>
-  <code style="position: absolute; top: 55px; left: 380px;">memory</code>
-  <code style="position: absolute; top: 105px; left: 340px;">nbd</code>
-  <code style="position: absolute; top: 125px; left: 450px;">null</code>
-  <code style="position: absolute; top: 155px; left: 340px;">ocaml</code>
-  <code style="position: absolute; top: 185px; left: 160px;">partitioning</code>
-  <code style="position: absolute; top: 240px; left: 380px;">pattern</code>
-  <code style="position: absolute; top: 300px; left: 320px;">perl</code>
-  <code style="position: absolute; top: 340px; left: 280px;">python</code>
+document.getElementById("plugin-file").classList.add("highlighted")
+</script>
 
-  <code style="position: absolute; top: 10px; left: 600px;">random</code>
-  <code style="position: absolute; top: 60px; left: 600px;">ruby</code>
-  <code style="position: absolute; top: 90px; left: 700px;">sh</code>
-  <code style="position: absolute; top: 130px; left: 590px;">split</code>
-  <code style="position: absolute; top: 180px; left: 600px;">streaming</code>
-  <code style="position: absolute; top: 190px; left: 450px;">tar</code>
-  <code style="position: absolute; top: 230px; left: 580px;">tcl</code>
-  <code style="position: absolute; top: 260px; left: 650px;">vddk</code>
-  <code style="position: absolute; top: 290px; left: 600px;"><b>xz</b></code>
-  <code style="position: absolute; top: 320px; left: 600px;">zero</code>
-</div>
+<style>
+pre.over {
+    color: white;
+    font-size: 28pt;
+    font-weight: bold;
+}
+</style>
 
-<pre
+<pre class="outline over"
 style="position: absolute;
        top: 80px;
-       left: 650px;"
->nbdkit --filter=cow \</pre>
-<pre
+       left: 30%;"
+>nbdkit --filter=cow</pre>
+<pre class="outline over"
 style="position: absolute;
-       top: 250px;
-       left: 650px;"
->       --filter=delay \</pre>
-<pre
+       top: 280px;
+       left: 30%;"
+>       --filter=partition</pre>
+<pre class="outline over"
 style="position: absolute;
-       top: 420px;
-       left: 650px;"
->       --filter=partition \</pre>
-<pre
+       top: 480px;
+       left: 30%;"
+>       --filter=xz</pre>
+<pre class="outline over"
 style="position: absolute;
-       top: 595px;
-       left: 650px;"
->       xz file.xz \<br/>
-       partition=1 \<br/>
-       rdelay=20ms</pre>
+       top: 680px;
+       left: 30%;"
+>       file disk.xz<br/>
+            partition=1</pre>