Use "Javascript include" for filters.

[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..b62ef6d 100644 (file)
--- a/2019-fosdem/4600-about-nbdkit-layers-command.html
+++ b/2019-fosdem/4600-about-nbdkit-layers-command.html
@@ -4,70 +4,19 @@
 
 <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-delay").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-partition").classList.add("highlighted")
 
-<script>
 plugins()
 
 document.getElementById("plugin-file").classList.add("highlighted")
@@ -76,22 +25,22 @@ document.getElementById("plugin-file").classList.add("highlighted")
 <pre
 style="position: absolute;
        top: 80px;
-       left: 650px;"
+       left: 850px;"
 >nbdkit --filter=cow \</pre>
 <pre
 style="position: absolute;
-       top: 250px;
-       left: 650px;"
+       top: 280px;
+       left: 850px;"
 >       --filter=delay \</pre>
 <pre
 style="position: absolute;
-       top: 420px;
-       left: 650px;"
+       top: 480px;
+       left: 850px;"
 >       --filter=partition \</pre>
 <pre
 style="position: absolute;
-       top: 595px;
-       left: 650px;"
->       xz file.xz \<br/>
+       top: 680px;
+       left: 850px;"
+>       file disk.img \<br/>
        partition=1 \<br/>
        rdelay=20ms</pre>