Merge commit 'eb98affc5b5916de814d4fc666df87963bdde1e2' as 'clickslide'

[vhs_kurs] / clickslide / example / demo.short
diff --git a/clickslide/example/demo.short b/clickslide/example/demo.short

new file mode 100644 (file)

index 0000000..f2ab688
--- /dev/null
+++ b/clickslide/example/demo.short
@@ -0,0 +1,85 @@
+[html [head
+  [title ClickSlide Demo]
+] [body
+  [footer Clickslide Demo]
+
+  [slide
+    [h1 Clickslide]
+    a Compiler for Browser based Slideshows
+  ]
+  [slide
+    [ul
+      [li Why would I write another Slideshow system]
+      [li What's wrong with JavaScript?]
+      [li How do you simplify HTML?]
+    ]
+  ]
+  [slide
+    [h2 Why Write another Slideshow System?]
+    [ul .uncover
+      [li WYSIWYG Slideshow applications are annoying [ul
+        [li too much fiddling, not straight to point]
+      ]]
+      [li [em LaTeX] is not exactly casual]
+      [li Existing Browser Slideshows are [ul 
+        [li based on JavaScript (see next slide)]
+        [li Either verbous HTML, or unflexible markup]
+      ]]
+    ]
+  ]
+  [slide
+    [h2 Why avoid JavaScript]
+    [ul .uncover
+      [li Nothing wrong with JS as a programming language, [strong but...]]
+      [li Freedom to [em Use], [em Study], [em Share], and [em Improve] can in practice not be applied to code served from another Computer (regardless of the license this code is under)]
+      [li Impossible to get Browser security straight for Turing complete programs [ul
+        [li &#8594; Massive security problems, which are fundamentally unresolvable]
+        [li HTML and CSS are not Turing complete (CSS is a [em regular] language)]
+      ]]
+      [li Performance killer in practice]
+    ]
+  ]
+  [slide [h2 Simplifying HTML]
+    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\>
+  \</head\>
+  \<body id="frontpage"\>
+    \<h1 class="top"\>Headline\</h1\>
+  \</body\>
+\</html\>
+    ]
+    [pre style="display: inline-block; width: 46%; background-image: url(exb3_light.jpg);"
+\[html
+  \[head
+    \[title Demo\]
+  \]
+  \[body \#frontpage
+    \[h1 .top Headline\]
+  \]
+\]
+    ]
+  ]
+  [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]
+    ]
+  ]
+]