X-Git-Url: http://git.plutz.net/?p=vhs_kurs;a=blobdiff_plain;f=demo%2Fdemo.short;fp=demo%2Fdemo.short;h=9b239f6a33f484a1971071cacd28c5b2893c41e5;hp=0000000000000000000000000000000000000000;hb=2c91cc63d0e28a4f202ee2db9a8d769e63d54f7f;hpb=eb98affc5b5916de814d4fc666df87963bdde1e2 diff --git a/demo/demo.short b/demo/demo.short new file mode 100644 index 0000000..9b239f6 --- /dev/null +++ b/demo/demo.short @@ -0,0 +1,105 @@ +[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!]] +]