doc/sample.xhtml

   1 <!DOCTYPE html ""
   2 [
   3   <!ENTITY global-title "<h1>SimpleWebSlides</h1><h1>An HTML5 presentation framework</h1>">
   4 ]>
   5 <html>
   6   <head>
   7     <title>&global-title;</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         &global-title;
  31         <a href="mailto:kim@nguyen.vg">kim@nguyen.vg</a>
  32       </div>
  33     </div>
  34
  35
  36     <h1>Introduction</h1>
  37
  38     <div class="slide" data-foo="44">
  39       <h1>What is it?</h1>
  40       <em>SimpleWebSlides</em> is an HTML5 framework that allows
  41       you to build presentation slides:<i class="pause"/>
  42       <ul>
  43         <li>Write your slides in HTML5!</li>
  44         <li>Script your slides with Javascript!</li>
  45         <li>Theme your slides with CSS!</li>
  46       </ul>
  47     </div>
  48
  49     <div class="slide">
  50       <h1>Modalités de Contrôle des Connaissances (MCC)</h1>
  51       <ul>
  52         <li><em>Première session (100%)</em>
  53         <ul>
  54           <li>Un partiel (25%)</li>
  55           <li>Une ou deux interro. de TD/TP (25%)</li>
  56           <li>Un examen (50%)</li>
  57         </ul>
  58         </li>
  59         <li><em>Deuxième session (100%)</em></li>
  60         <li><em>Rappel</em>
  61         <blockquote><p>
  62           La défaillance fait obstacle au calcul de la moyenne
  63           et implique l'ajournement.<br/>
  64           La présence de l'étudiant étant obligatoire en TP […], plus
  65           d'une absence injustiée dans un enseignement peut entraîner
  66           la défaillance de l'étudiant dans l'enseignement concerné
  67         </p>
  68       </blockquote>
  69         </li>
  70       </ul>
  71     </div>
  72
  73
  74     <div class="slide">
  75       <h1>Organisation</h1>
  76       <ul>
  77         <li>10 semaines de cours
  78         <ul>
  79           <li>17/9, 24/9, 1/10, _, 15/10, 22/10</li>
  80           <li>Partiel la semaine du 29/10</li>
  81           <li>5/11, 12/11, 19/11, 26/11, 3/12</li>
  82         </ul>
  83         </li>
  84         <li>Cours tous les lundi (~ 1h)</li>
  85         <li>TD tous les mardis</li>
  86         <li>TPs les mercredi/jeudi</li>
  87       </ul>
  88     </div>
  89     <div class="slide">
  90       <div class="toc"/>
  91     </div>
  92
  93
  94   </body>
  95 </html>