[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] [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 → 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 [h1 Usage and Features]] [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: linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.5)), url(exb0.jpg);" \ \ \Demo\ \ \ \

Headline\ \ \ ] [pre style="display: inline-block; width: 46%; background-image: linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.5)), url(exb3.jpg);" \[html \[head \[title Demo\] \] \[body \#frontpage \[h1 .top Headline\] \] \] ] ] [slide [h2 Example Slide Show] [pre \[html \[head \[title Example Slideshow\] \]\[body \[footer Title | Author | Date and Place\] \[slide \[h1 Title\]\] \[slide \[h2 A Slide\] \[ul .uncover \[li This list\] \[li gets uncovered\] \[li item by item\] \]\]\]\] ] ] [slide [h2 Syntax] [ul [li Clickslide uses [a "//plutz.net/software/shorthand.html" Shorthand] syntax] [li it introduces the [code slide]-tag to make up a single slide] [li lists belonging to the [code \.uncover]-class will be uncovered item by item when the list is clicked] [li You can view the source code of this presentation: [a "demo.short" click here]] ] ] [slide [h2 Features] [ul [li Whole slideshow is contained in one document] [li Images get embedded into the document via base64-coding] [li Slideshow can be put on a website, emailed, or passed around on a thumbdrive] [li Slideshow can be viewed on virtually all desktop and mobile devices] [li Source files can be easily tracked via version control] ] ] [slide [h1 Thank you for listening!]] ]