Working "pause" command.
[hacks/simpleWebSlides.git] / doc / sample.xhtml
1 <?xml version="1.0" encoding="utf-8" ?>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
3           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
4 >
5 <html xmlns="http://www.w3.org/1999/xhtml">
6   <head>
7     <title>SimpleWebSlides</title>
8
9     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
10     <meta name="copyright"
11           content="Copyright &#169; 2013 Kim Nguyễn" />
12
13     <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css"
14           media="all" />
15     <!-- allows to switch themes in firefox -->
16
17     <link rel="stylesheet" title="Default" href="../themes/default.css"
18           type="text/css" />
19     <link rel="alternate stylesheet"  title="Web 2.0"
20           href="../themes/webTwoPointO.css"
21           type="text/css" />
22
23     <script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
24     <script src="../simpleWebSlides.js" type="text/javascript" ></script>
25   </head>
26   <body>
27
28     <div class="slide cover nofooter">
29       <div class="centerbox">
30         <h1 class="pause" >SimpleWebSlides</h1>
31         <h1 class="pause" >An <em>HTML</em><img style="height:28pt"
32              src="http://www.w3.org/html/logo/downloads/HTML5_Badge.svg" alt="5"/>
33           Presentation framework</h1>
34         <a class="pause" href="mailto:kim@nguyen.vg">kim@nguyen.vg</a>
35       </div>
36     </div>
37
38
39     <h1>Introduction</h1>
40
41     <div class="slide" >
42       <h1>What is it?</h1>
43       <em>SimpleWebSlides</em> is an HTML5 framework that allows
44       you to build presentation slides:
45       <ul>
46         <li>Write your slides in HTML5!</li>
47         <li>Script your slides with Javascript!</li>
48         <li>Theme your slides with CSS!</li>
49       </ul>
50     </div>
51
52     <div class="slide">
53       <h1>Modalités de Contrôle des Connaissances (MCC)</h1>
54       <ul>
55         <li><em>Première session (100%)</em>
56         <ul>
57           <li>Un partiel (25%)</li>
58           <li>Une ou deux interro. de TD/TP (25%)</li>
59           <li>Un examen (50%)</li>
60         </ul>
61         </li>
62         <li><em>Deuxième session (100%)</em></li>
63         <li><em>Rappel</em>
64         <blockquote><p>
65           La défaillance fait obstacle au calcul de la moyenne
66           et implique l'ajournement.<br/>
67           La présence de l'étudiant étant obligatoire en TP […], plus
68           d'une absence injustiée dans un enseignement peut entraîner
69           la défaillance de l'étudiant dans l'enseignement concerné
70         </p>
71       </blockquote>
72         </li>
73       </ul>
74     </div>
75
76
77     <div class="slide">
78       <h1>Organisation</h1>
79       <ul>
80         <li>10 semaines de cours
81         <ul>
82           <li>17/9, 24/9, 1/10, _, 15/10, 22/10</li>
83           <li>Partiel la semaine du 29/10</li>
84           <li>5/11, 12/11, 19/11, 26/11, 3/12</li>
85         </ul>
86         </li>
87         <li>Cours tous les lundi (~ 1h)</li>
88         <li>TD tous les mardis</li>
89         <li>TPs les mercredi/jeudi</li>
90       </ul>
91     </div>
92     <div class="slide">
93       <div class="toc"/>
94     </div>
95
96
97   </body>
98 </html>