=======================
Example slides using S5
=======================

:author:   Cezary Sobaniec
:Version:  $Revision: 1.3 $
:Date:     12/04/2008
:Contact:  Cezary.Sobaniec at put.edu.pl


Simple Standards-Based Slide Show System
========================================

* S5 is a slide show format based entirely on XHTML, CSS, and JavaScript.

* You can run a complete slide show and have a printer-friendly version as well.

* The markup used for the slides is very simple, highly semantic, and completely
  accessible.

* Anyone familiar with CSS can create their own slide show theme.

* It's totally simple, and it's totally standards-driven.


Enumerated and Itemized Lists
=============================

The following is an example list:

1. The list starts here
2. This is the second item

   * *italic*
   * **bold**
   * ``monospace``

3. S5 web site is located at http://meyerweb.com/eric/tools/s5/


Definition Lists
================

There are the following types of lists:

Ordered lists
  start with a number or a letter followed by a colon.  The list can be also
  automatically ordered if it starts with a ``#`` character.

Unordered lists
  start with ``*``, ``-`` or ``+`` character.  All types of lists can be nested
  by default.

Definition lists
  are marked up using appropriate indentation.  They may be used for presenting
  new concepts and terms.  As usual, the lists can be nested.


Listings
========

This is an example class definition::

  class String
  {
  public:
      char *txt;
      String()
      {
          txt = new char[1];
          strcpy(txt, "");
      }
      String(char* t)
      {
          txt = new char[strlen(t)+1];
          strcpy(txt, t);
      }
      ~String()
      {
          delete [] txt;
      }
  };


Quotes
======

Here is an example quote:

  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  consequat.

And some text that follows:

* The first item
* The second item


Topics
======

There are several methods of creating objects.

.. topic:: Object creation

   In order to create an object use the ``new`` operator::

     x = new Object();

   The code:

   * creates a new object,
   * issues the constructor of the class,
   * returns a reference to the object.


Containers
==========

.. container::

   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
   incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
   nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

   * The first item
   * The second item

   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
   incididunt ut labore et dolore magna aliqua.


Sidebars
========

.. sidebar:: Sidebar Example

   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
   quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
   consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Images
======

Obviously you can include images in your presentation:

.. image:: kdenow.png
   :align: center

.. image:: kdenow.png
   :align: left

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

.. image:: kdenow.png
   :align: right

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Tables
======

This is an example (simple) table:

========= ==========
Symbol    Meaning
========= ==========
Monday    Campground
Tuesday   Lake
Wednesday Mountain
========= ==========

.. topic:: Warning

   Simple tables cannot contain multiline paragraphs in the first column.


Navigation
==========

+-------------------+--------------------------------+
|Key                |Action                          |
+===================+================================+
|Space, Enter,      |Go to next slide.               |
|Right arrow,       |                                |
|Down arrow,        |                                |
|Page Down, click   |                                |
+-------------------+--------------------------------+
|Left arrow,        |Go to previous slide.           |
|Up arrow,          |                                |
|Page Up            |                                |
+-------------------+--------------------------------+
|Home               |Go to the first slide.          |
+-------------------+--------------------------------+
|End                |Go to the last slide.           |
+-------------------+--------------------------------+
|*Num* + Enter      |Go to *Num* slide.              |
+-------------------+--------------------------------+
|C                  |Show/hide navigation controls.  |
+-------------------+--------------------------------+
|T                  |Toggle between show and outline |
|                   |view.                           |
+-------------------+--------------------------------+