doc/sample.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>SimpleWebSlides</title>
   5
   6     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
   7     <meta name="copyright"
   8           content="Copyright &#169; 2013 Kim Nguyễn" />
   9
  10     <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css"
  11           media="all" />
  12     <!-- allows to switch themes in firefox -->
  13
  14     <link rel="stylesheet" title="Default" href="../themes/default.css"
  15           type="text/css" />
  16     <link rel="alternate stylesheet"  title="Web 2.0"
  17           href="../themes/webTwoPointO.css"
  18           type="text/css" />
  19
  20     <script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
  21     <script src="../simpleWebSlides.js" type="text/javascript" ></script>
  22   </head>
  23   <body>
  24
  25     <div class="slide cover nofooter">
  26       <div class="centerbox">
  27         <h1>SimpleWebSlides</h1>
  28         <h1>An <em>HTML</em><img style="height:28pt"
  29                src="http://www.w3.org/html/logo/downloads/HTML5_Badge.svg" alt="5"/>
  30           Presentation framework</h1>
  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">
  39       <h1>What is it?</h1>
  40       <em>SimpleWebSlides</em> is an HTML5 framework that allows
  41       you to build presentation:<br 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>