]> git.plutz.net Git - clickslide/commitdiff
finished demo
authorPaul Hänsch <paul@plutz.net>
Tue, 18 Jun 2019 15:36:14 +0000 (17:36 +0200)
committerPaul Hänsch <paul@plutz.net>
Tue, 18 Jun 2019 15:36:14 +0000 (17:36 +0200)
example/Makefile [new file with mode: 0644]
example/demo.short
example/exb0_light.jpg [deleted file]
example/exb1_light.jpg [deleted file]
example/exb2_light.jpg [deleted file]
example/exb3_light.jpg [deleted file]

diff --git a/example/Makefile b/example/Makefile
new file mode 100644 (file)
index 0000000..7cb4080
--- /dev/null
@@ -0,0 +1,2 @@
+demo.html: demo.short
+       ../clickslide.sh <$< >$@
index f2ab688c1113d8603afdc70b6065acf8463d9c7a..9b239f6a33f484a1971071cacd28c5b2893c41e5 100644 (file)
@@ -3,10 +3,10 @@
 ] [body
   [footer Clickslide Demo]
 
 ] [body
   [footer Clickslide Demo]
 
-  [slide
-    [h1 Clickslide]
+  [slide [h1 Clickslide]
     a Compiler for Browser based Slideshows
   ]
     a Compiler for Browser based Slideshows
   ]
+
   [slide
     [ul
       [li Why would I write another Slideshow system]
   [slide
     [ul
       [li Why would I write another Slideshow system]
       [li How do you simplify HTML?]
     ]
   ]
       [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]
     [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]
       ]]
     ]
   ]
         [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...]]
     [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 &#8594; 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]
     ]
   ]
         [li &#8594; 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]
   [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);"
 \<html\>
   \<head\>
     \<title\>Demo\</title\>
 \<html\>
   \<head\>
     \<title\>Demo\</title\>
@@ -51,7 +54,7 @@
   \</body\>
 \</html\>
     ]
   \</body\>
 \</html\>
     ]
-    [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\]
 \[html
   \[head
     \[title Demo\]
 \]
     ]
   ]
 \]
     ]
   ]
-  [slide [h1 This is a \<h1\>]
-    [pre \[h1 This is a \\\<h1\\\>\]]
-  ]
-  [slide
-    [h2 This is a \<h2\>]
+
+  [slide [h2 Example Slide Show]
     [pre
     [pre
-      \[h2 This is a \\\<h2\\\>\]
-      \[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 (file)
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 (file)
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 (file)
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 (file)
index 3808929..0000000
Binary files a/example/exb3_light.jpg and /dev/null differ