.
[hacks/simpleWebSlides.git] / doc / sample.html
diff --git a/doc/sample.html b/doc/sample.html
new file mode 100644 (file)
index 0000000..a48a84f
--- /dev/null
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>SimpleWebSlides</title>
+
+    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
+    <meta name="copyright"
+          content="Copyright &#169; 2013 Kim Nguyễn" />
+
+    <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css"
+          media="all" />
+    <!-- allows to switch themes in firefox -->
+
+    <link rel="stylesheet" title="Default" href="../themes/default.css"
+          type="text/css" />
+    <link rel="alternate stylesheet"  title="Web 2.0"
+          href="../themes/webTwoPointO.css"
+          type="text/css" />
+
+    <script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
+    <script src="../simpleWebSlides.js" type="text/javascript" ></script>
+  </head>
+  <body>
+
+    <div class="slide cover nofooter">
+      <div class="centerbox">
+        <h1>SimpleWebSlides</h1>
+        <h1>An <em>HTML</em><img style="height:28pt"
+               src="http://www.w3.org/html/logo/downloads/HTML5_Badge.svg" alt="5"/>
+          Presentation framework</h1>
+        <a href="mailto:kim@nguyen.vg">kim@nguyen.vg</a>
+      </div>
+    </div>
+
+
+    <h1>Introduction</h1>
+
+    <div class="slide">
+      <h1>What is it?</h1>
+      <em>SimpleWebSlides</em> is an HTML5 framework that allows
+      you to build presentation:<br class="pause" />
+      <ul>
+        <li>Write your slides in HTML5!</li>
+        <li>Script your slides with Javascript!</li>
+        <li>Theme your slides with CSS!</li>
+      </ul>
+    </div>
+
+    <div class="slide">
+      <h1>Modalités de Contrôle des Connaissances (MCC)</h1>
+      <ul>
+        <li><em>Première session (100%)</em>
+        <ul>
+          <li>Un partiel (25%)</li>
+          <li>Une ou deux interro. de TD/TP (25%)</li>
+          <li>Un examen (50%)</li>
+        </ul>
+        </li>
+        <li><em>Deuxième session (100%)</em></li>
+        <li><em>Rappel</em>
+        <blockquote><p>
+          La défaillance fait obstacle au calcul de la moyenne
+          et implique l'ajournement.<br/>
+          La présence de l'étudiant étant obligatoire en TP […], plus
+          d'une absence injustiée dans un enseignement peut entraîner
+          la défaillance de l'étudiant dans l'enseignement concerné
+        </p>
+      </blockquote>
+        </li>
+      </ul>
+    </div>
+
+
+    <div class="slide">
+      <h1>Organisation</h1>
+      <ul>
+        <li>10 semaines de cours
+        <ul>
+          <li>17/9, 24/9, 1/10, _, 15/10, 22/10</li>
+          <li>Partiel la semaine du 29/10</li>
+          <li>5/11, 12/11, 19/11, 26/11, 3/12</li>
+        </ul>
+        </li>
+        <li>Cours tous les lundi (~ 1h)</li>
+        <li>TD tous les mardis</li>
+        <li>TPs les mercredi/jeudi</li>
+      </ul>
+    </div>
+    <div class="slide">
+      <div class="toc"/>
+    </div>
+
+
+  </body>
+</html>