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 c780251..7530d59 100644 (file)
--- a/2019-fosdem/4600-about-nbdkit-layers-command.html
+++ b/2019-fosdem/4600-about-nbdkit-layers-command.html
@@ -4,94 +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")
 
-<script>
 plugins()
 
 document.getElementById("plugin-file").classList.add("highlighted")
 </script>
 
-<pre
+<style>
+pre.over {
+    color: white;
+    font-size: 28pt;
+    font-weight: bold;
+}
+</style>
+
+<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>