docutils/test/functional/expected/standalone_rst_s5_html_1.html

   1 <?xml version="1.0" encoding="utf-8" ?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   4 <head>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6 <meta name="generator" content="Docutils 0.13: http://docutils.sourceforge.net/" />
   7 <meta name="version" content="S5 1.1" />
   8 <title>Slide Shows</title>
   9 <meta name="author" content="David Goodger" />
  10 <meta name="date" content="2005-11-28" />
  11 <link rel="stylesheet" href="../input/data/html4css1.css" type="text/css" />
  12 <!-- configuration parameters -->
  13 <meta name="defaultView" content="slideshow" />
  14 <meta name="controlVis" content="hidden" />
  15 <!-- style sheet links -->
  16 <script src="ui/small-black/slides.js" type="text/javascript"></script>
  17 <link rel="stylesheet" href="ui/small-black/slides.css"
  18       type="text/css" media="projection" id="slideProj" />
  19 <link rel="stylesheet" href="ui/small-black/outline.css"
  20       type="text/css" media="screen" id="outlineStyle" />
  21 <link rel="stylesheet" href="ui/small-black/print.css"
  22       type="text/css" media="print" id="slidePrint" />
  23 <link rel="stylesheet" href="ui/small-black/opera.css"
  24       type="text/css" media="projection" id="operaFix" />
  25
  26 <style type="text/css">
  27 #currentSlide {display: none;}
  28 </style>
  29 </head>
  30 <body>
  31 <div class="layout">
  32 <div id="controls"></div>
  33 <div id="currentSlide"></div>
  34 <div id="header">
  35
  36 </div>
  37 <div id="footer">
  38 <h1>Slide Shows</h1>
  39 <h2>Location • Date</h2>
  40 </div>
  41 </div>
  42 <div class="presentation">
  43 <div class="slide" id="slide0">
  44 <h1 class="title">Slide Shows</h1>
  45 <table class="docinfo" frame="void" rules="none">
  46 <col class="docinfo-name" />
  47 <col class="docinfo-content" />
  48 <tbody valign="top">
  49 <tr><th class="docinfo-name">Author:</th>
  50 <td>David Goodger</td></tr>
  51 <tr><th class="docinfo-name">Date:</th>
  52 <td>2005-11-28</td></tr>
  53 </tbody>
  54 </table>
  55 <!-- Definitions of interpreted text roles (classes) for S5/HTML data. -->
  56 <!-- This data file has been placed in the public domain. -->
  57 <!-- Colours
  58 ======= -->
  59 <!-- Text Sizes
  60 ========== -->
  61 <!-- Display in Slides (Presentation Mode) Only
  62 ========================================== -->
  63 <!-- Display in Outline Mode Only
  64 ============================ -->
  65 <!-- Display in Print Only
  66 ===================== -->
  67 <!-- Display in Handout Mode Only
  68 ============================ -->
  69 <!-- Incremental Display
  70 =================== -->
  71 <div class="contents handout topic" id="contents">
  72 <p class="topic-title first">Contents</p>
  73 <ul class="simple">
  74 <li><a class="reference internal" href="#introduction" id="id1">Introduction</a></li>
  75 <li><a class="reference internal" href="#features-1" id="id2">Features (1)</a></li>
  76 <li><a class="reference internal" href="#features-2" id="id3">Features (2)</a></li>
  77 <li><a class="reference internal" href="#checklist" id="id4">Checklist</a></li>
  78 </ul>
  79 </div>
  80 <p class="handout">This is a test.  This is only a test.  If this were a real slide
  81 show, there would be a projector handy.</p>
  82 <p>Let's test the S5/HTML writer!</p>
  83 <ul class="small simple">
  84 <li>Use the arrow keys to navigate.</li>
  85 <li>Click the &quot;Ø&quot; button to switch between presentation &amp;
  86 handout/outline modes.</li>
  87 </ul>
  88 <div class="handout docutils container">
  89 In presentation mode, mouse over to the lower right-hand corner to
  90 display the controls.</div>
  91
  92 </div>
  93 <div class="slide" id="introduction">
  94 <h1>Introduction</h1>
  95 <ul class="compact simple">
  96 <li>reStructuredText<p class="handout">Uses normal reStructuredText as input.</p>
  97 </li>
  98 <li>One section per slide<p class="handout">Each first-level section is converted into a single slide.</p>
  99 </li>
 100 <li>(X)HTML output<p class="handout">Presentations can be viewed using any modern graphical web browser.
 101 The browser must support CSS, JavaScript, and XHTML.  S5 even works
 102 with IE!</p>
 103 </li>
 104 <li>Themes<p class="handout">A variety of themes are available.</p>
 105 </li>
 106 <li><tt class="docutils literal">rst2s5.py</tt><p class="handout">The front-end tool to generate S5 slide shows.</p>
 107 </li>
 108 </ul>
 109 </div>
 110 <div class="slide" id="features-1">
 111 <h1>Features (1)</h1>
 112 <p class="left">A flush-left paragraph</p>
 113 <p class="center">A centered paragraph</p>
 114 <p class="right">A flush-right paragraph</p>
 115 <p>Some colours: <span class="black">black</span> [black], <span class="gray">gray</span>, <span class="silver">silver</span>,
 116 <span class="white">white</span> [white], <span class="maroon">maroon</span>, <span class="red">red</span>,
 117 <span class="magenta">magenta</span>, <span class="fuchsia">fuchsia</span>, <span class="pink">pink</span>,
 118 <span class="orange">orange</span>, <span class="yellow">yellow</span>, <span class="lime">lime</span>, <span class="green">green</span>,
 119 <span class="olive">olive</span>, <span class="teal">teal</span>, <span class="cyan">cyan</span>, <span class="aqua">aqua</span>,
 120 <span class="blue">blue</span>, <span class="navy">navy</span>, <span class="purple">purple</span></p>
 121 </div>
 122 <div class="slide" id="features-2">
 123 <h1>Features (2)</h1>
 124 <p><span class="incremental">Some</span> <span class="incremental">incremental</span> <span class="incremental">text.</span></p>
 125 <ul class="incremental open">
 126 <li><p class="first"><span class="tiny">tiny</span> (class &amp; role name: &quot;tiny&quot;, e.g. &quot;<tt class="docutils literal"><span class="pre">:tiny:`text`</span></tt>&quot;)</p>
 127 </li>
 128 <li><p class="first"><span class="small">small</span> (&quot;small&quot;)</p>
 129 </li>
 130 <li><p class="first">normal (unstyled)</p>
 131 </li>
 132 <li><p class="first"><span class="big">big</span> (&quot;big&quot;)</p>
 133 </li>
 134 <li><p class="first"><span class="huge">huge</span> (&quot;huge&quot;)</p>
 135 </li>
 136 </ul>
 137 </div>
 138 <div class="slide" id="checklist">
 139 <h1>Checklist</h1>
 140 <ul class="simple">
 141 <li>The document title should be duplicated on each slide in the footer
 142 (except for the first slide, <tt class="docutils literal">slide0</tt>, where the entire footer is
 143 disabled).</li>
 144 <li>The footer also contains a second line, &quot;Location • Date&quot;</li>
 145 <li>There's no table of contents on the first slide, although it does
 146 appear in the handout/outline.</li>
 147 <li>Handout material is not displayed in presentation mode.</li>
 148 <li>The theme directories should be created, and the theme files copied
 149 over.</li>
 150 </ul>
 151 </div>
 152 </div>
 153 </body>
 154 </html>