]> git.plutz.net Git - clickslide/blob - example/demo.short
ae866d48dc2f63179d97b68b67f0708f6a3293d6
[clickslide] / example / demo.short
1 [html [head
2   [title ClickSlide Demo]
3 ] [body
4   [footer Clickslide Demo]
5
6   [slide
7     [h1 Clickslide]
8     a Compiler for Browser based Slideshows
9   ]
10   [slide
11     [ul
12       [li Why would I write another Slideshow system]
13       [li What's wrong with JavaScript?]
14       [li How do you simplify HTML?]
15     ]
16   ]
17   [slide
18     [h2 Why Write another Slideshow System?]
19     [ul .uncover
20       [li WYSIWYG Slideshow applications are annoying [ul
21         [li too much fiddling, not straight to point]
22       ]]
23       [li [em LaTeX] is not exactly casual]
24       [li Existing Browser Slideshows are [ul 
25         [li based on JavaScript (see next slide)]
26         [li Either verbous HTML, or unflexible markup]
27       ]]
28     ]
29   ]
30   [slide
31     [h2 Why avoid JavaScript]
32     [ul .uncover
33       [li Nothing wrong with JS as a programming language, [strong but...]]
34       [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)]
35       [li Impossible to get Browser security straight for Turing complete programs [ul
36         [li → Massive security problems, which are fundamentally unresolvable]
37         [li HTML and CSS are not Turing complete (CSS is a [em regular] language)]
38       ]]
39       [li Performance killer in practice]
40     ]
41   ]
42   [slide [h2 Simplifying HTML]
43     Maintain the flexibility of plain HTML. Decrease the verbosity of the code. [br]
44     [pre style="display: inline-block; width: 46%;"
45 \<html\>
46   \<head\>
47     \<title\>Demo\</title\>
48   \</head\>
49   \<body id="frontpage"\>
50     \<h1 class="top"\>Headline\</h1\>
51   \</body\>
52 \</html\>
53     ]
54     [pre style="display: inline-block; width: 46%;"
55 \[html
56   \[head
57     \[title Demo\]
58   \]
59   \[body \#frontpage
60     \[h1 .top Headline\]
61   \]
62 \]
63     ]
64   ]
65 ]