From: Paul Hänsch Date: Tue, 18 Jun 2019 15:36:14 +0000 (+0200) Subject: finished demo X-Git-Url: http://git.plutz.net/?p=clickslide;a=commitdiff_plain;h=da2c6e7af3cd9ca4aae291c7857d9422a7725661 finished demo --- diff --git a/example/Makefile b/example/Makefile new file mode 100644 index 0000000..7cb4080 --- /dev/null +++ b/example/Makefile @@ -0,0 +1,2 @@ +demo.html: demo.short + ../clickslide.sh <$< >$@ diff --git a/example/demo.short b/example/demo.short index f2ab688..9b239f6 100644 --- a/example/demo.short +++ b/example/demo.short @@ -3,10 +3,10 @@ ] [body [footer Clickslide Demo] - [slide - [h1 Clickslide] + [slide [h1 Clickslide] a Compiler for Browser based Slideshows ] + [slide [ul [li Why would I write another Slideshow system] @@ -14,34 +14,37 @@ [li How do you simplify HTML?] ] ] - [slide - [h2 Why Write another Slideshow System?] + + [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 Existing browser slideshows are [ul + [li based on JavaScript] [li Either verbous HTML, or unflexible markup] ]] ] ] - [slide - [h2 Why avoid JavaScript] + + [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 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: url(exb0_light.jpg);" + [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\ @@ -51,7 +54,7 @@ \ \ ] - [pre style="display: inline-block; width: 46%; background-image: url(exb3_light.jpg);" + [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\] @@ -62,24 +65,41 @@ \] ] ] - [slide [h1 This is a \] - [pre \[h1 This is a \\\\]] - ] - [slide - [h2 This is a \] + + [slide [h2 Example Slide Show] [pre - \[h2 This is a \\\\] - \[ul .uncover - \[li This list ...\] - \[li ... gets uncovered ...\] - \[li ... item by item\] - \] +\[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\] +\]\]\]\] ] - [br] - [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!]] ] diff --git a/example/exb0_light.jpg b/example/exb0_light.jpg deleted file mode 100644 index ea6dd7f..0000000 Binary files a/example/exb0_light.jpg and /dev/null differ diff --git a/example/exb1_light.jpg b/example/exb1_light.jpg deleted file mode 100644 index 7a094dd..0000000 Binary files a/example/exb1_light.jpg and /dev/null differ diff --git a/example/exb2_light.jpg b/example/exb2_light.jpg deleted file mode 100644 index 0c6c058..0000000 Binary files a/example/exb2_light.jpg and /dev/null differ diff --git a/example/exb3_light.jpg b/example/exb3_light.jpg deleted file mode 100644 index 3808929..0000000 Binary files a/example/exb3_light.jpg and /dev/null differ