[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!]]
]