From: Paul Hänsch Date: Wed, 27 Feb 2019 17:37:30 +0000 (+0100) Subject: including example, developing styles X-Git-Url: https://git.plutz.net/?a=commitdiff_plain;h=05bb8e1d605b94d3f513c13600ffc43158ca9434;p=clickslide including example, developing styles --- diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9b71e08 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +.*.swo +.*.swp +*.html diff --git a/cgilite b/cgilite index 441856d..4feaa19 160000 --- a/cgilite +++ b/cgilite @@ -1 +1 @@ -Subproject commit 441856d88c45de3a8a12a8e3ac74f23f3d9b273b +Subproject commit 4feaa19ab266bca60388152b6c1f550d09b1184b diff --git a/clickslide.css b/clickslide.css index 6dd12e8..56313c8 100644 --- a/clickslide.css +++ b/clickslide.css @@ -170,6 +170,13 @@ div.slide > ol { margin: .25em auto; } +div.slide pre { + background-color: rgba(192,192,192,128); + padding: 1ex; + text-align: left; + font-family: monospace; +} + /* ==== Slide Display ==== */ div.slide:target { diff --git a/example/demo.short b/example/demo.short new file mode 100644 index 0000000..ae866d4 --- /dev/null +++ b/example/demo.short @@ -0,0 +1,65 @@ +[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 → 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 the verbosity of the code. [br] + [pre style="display: inline-block; width: 46%;" +\ + \ + \Demo\ + \ + \ + \

Headline\ + \ +\ + ] + [pre style="display: inline-block; width: 46%;" +\[html + \[head + \[title Demo\] + \] + \[body \#frontpage + \[h1 .top Headline\] + \] +\] + ] + ] +]