From 15c7d39533a1eb1da0748011f3378fd0f02ed14d Mon Sep 17 00:00:00 2001 From: Matthew Burgess Date: Tue, 8 Oct 2013 20:03:29 +0000 Subject: Update stylesheets to docbook-xsl-1.78.1. git-svn-id: http://svn.linuxfromscratch.org/LFS/trunk/BOOK@10355 4aa44e1e-78dd-0310-a6d2-fbcd4c07a689 --- .../docbook-xsl-1.78.1/slides/s5/index-osf.html | 200 +++++++++++++++++++++ 1 file changed, 200 insertions(+) create mode 100755 stylesheets/lfs-xsl/docbook-xsl-1.78.1/slides/s5/index-osf.html (limited to 'stylesheets/lfs-xsl/docbook-xsl-1.78.1/slides/s5/index-osf.html') diff --git a/stylesheets/lfs-xsl/docbook-xsl-1.78.1/slides/s5/index-osf.html b/stylesheets/lfs-xsl/docbook-xsl-1.78.1/slides/s5/index-osf.html new file mode 100755 index 000000000..abe5e8516 --- /dev/null +++ b/stylesheets/lfs-xsl/docbook-xsl-1.78.1/slides/s5/index-osf.html @@ -0,0 +1,200 @@ + + + + + +S5: An Introduction + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+ +
+ +
+

S5 Testbed

+

Eric A. Meyer

+

Complex Spiral Consulting

+
+
+ + +
+

What Is S5?

+
    +
  • It's a Simple Standards-based Slide Show System
    • +
  • One XHTML document provides all of the slide show's content
    • +
  • CSS handles the layout and look of the slides
    • +
  • JavaScript handles the dynamic aspects of the show
    • +
  • That's all there is to it! (skip to summary; demonstrates links internal to the slide show)
    • +
+ +
+
    +
  • I have notes here!
    • +
  • Keen.
    • +
  • Remember to tell people that notes are a new feature in 1.2
    • +
+
+ +
+ + +
+

Operatic Origins

+
    +
  • Opera 4 introduced Opera Show, a projection-mode style sheet technology (link demonstrates external link styling and window spawning)
    • +
  • Allows a single XHTML document to be turned into a PowerPoint-like slide show
    • +
  • Adding screen and print style sheets allows for multi-medium views of a single document
    • +
  • Highly efficient, but highly browser centric...
    • +
+ +
+
    +
  • S5 and OperaShow diverged greatly in S5 1.1
    • +
  • S5 1.2 should (we hope) bring them into harmony once more
    • +
+
+ +
+ + +
+

Incremental Display

+
    +
  • Keep hitting/clicking "next" as long as it isn't the control link (»)
    • +
  • Bullet points are revealed one by one +
      +
    • All based on class name of inc
      • +
    • Lists can be classed to make items appear individually
      • +
    • Individual items can be classed as well to create "animations"; see Derek Featherstone's example
      • +
    +
    • +
  • Let's try it again, but without the first bullet point being pre-highlighted...
    • +
+
+ + +
+

Incremental Display II

+
    +
  • Keep hitting/clicking "next" as long as it isn't the control link (»)
    • +
  • Bullet points are revealed one by one +
      +
    • All based on class name of incremental
      • +
    • Lists can be classed to make items appear individually
      • +
    • Individual items can be classed as well to create "animations"; see Derek Featherstone's example
      • +
    +
    • +
  • Notice how the sub-list was part of the parent bullet point; that was done on purpose
    • +
  • Now to move on to other test slides!
    • +
+
+ + +
+

PNG Alpha Tests

+
+

DIV with PNG background followed by foreground PNG

+ +
+
+

DIV with PNG background followed by foreground PNG

+ +
+
+ +
+

S5 Default File Structure

+

+ +

+
+ + +
+

S5 Themes

+

+ + + + +(one way of presenting multiple graphics) +

+
+ + +
+

Incremental S5 Themes

+

+ + + + +(one by one!) +

+
+ + +
+

Incremental Animation

+
    +
  • A demonstration of just one of the many ways to accomplish simple animation-like effects (using a diagram from "XFN and...")
    • +
+

+ + + + + +

+
+ + +
+

In Summary

+
    +
  • With minimal scripting, we have recreated and improved upon a (currently) browser-specific technology, making it cross-browser in the process
    • +
  • The S5 format is OSF 1.0 compatible
    • +
  • S5 is a very flexible and lightweight slide show system available for anyone to use
    • +
+
+ +
+ + + -- cgit v1.2.3-54-g00ecf