image and uncover examples

[clickslide] / example / demo.short

diff --git a/example/demo.short b/example/demo.short
index ae866d48dc2f63179d97b68b67f0708f6a3293d6..f2ab688c1113d8603afdc70b6065acf8463d9c7a 100644 (file)
--- a/example/demo.short
+++ b/example/demo.short
@@ -40,8 +40,8 @@
     ]
   ]
   [slide [h2 Simplifying HTML]
-    Maintain the flexibility of plain HTML. Decrease the verbosity of the code. [br]
-    [pre style="display: inline-block; width: 46%;"
+    Maintain the flexibility of plain HTML. Decrease verbosity of the code. [br]
+    [pre style="display: inline-block; width: 46%; background-image: url(exb0_light.jpg);"
 \<html\>
   \<head\>
     \<title\>Demo\</title\>
@@ -51,7 +51,7 @@
   \</body\>
 \</html\>
     ]
-    [pre style="display: inline-block; width: 46%;"
+    [pre style="display: inline-block; width: 46%; background-image: url(exb3_light.jpg);"
 \[html
   \[head
     \[title Demo\]
@@ -62,4 +62,24 @@
 \]
     ]
   ]
+  [slide [h1 This is a \<h1\>]
+    [pre \[h1 This is a \\\<h1\\\>\]]
+  ]
+  [slide
+    [h2 This is a \<h2\>]
+    [pre
+      \[h2 This is a \\\<h2\\\>\]
+      \[ul .uncover
+       \[li This list ...\]
+        \[li ... gets uncovered ...\]
+        \[li ... item by item\]
+      \]
+    ]
+    [br]
+    [ul .uncover
+      [li This list ...]
+      [li ... gets uncovered ...]
+      [li ... item by item]
+    ]
+  ]
 ]