--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>SimpleWebSlides</title>
+
+ <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
+ <meta name="copyright"
+ content="Copyright © 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>
--- /dev/null
+@import url(http://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
+
+/* Default document properties */
+body {
+ font-family: 'Armata',sans-serif;
+ font-size: 18pt;
+}
+
+/* The slide should be positioned w.r.t. to the canvas.
+ The canvas takes up the whole window in screen mode and a
+ whole page in print mode
+*/
+
+.slide {
+ margin: 0pt;
+ left:0pt;
+ right:0pt;
+ top:0pt;
+ bottom:0pt;
+ padding:5mm;
+}
+
+.cover {
+ text-align:center;
+ vertical-align:middle;
+}
+.cover .centerbox {
+ display:inline-block;
+ vertical-align: middle;
+}
+.cover:before {
+ content: "";
+ display: inline-block;
+ width:10pt;
+ height:100%;
+ vertical-align:middle;
+}
+
+a { text-decoration: none; }
+ul {
+ list-style-type: square;
+}
+@media screen {
+ body, .slide {
+ background-color: black;
+ color: white;
+ }
+ .slide h1 {
+ color: #f14a29;
+
+ }
+ a,em {
+ color: #0092bf;
+ text-decoration:none;
+ font-style:normal;
+ }
+}
+@media print {
+ body, .slide {
+ background-color: white;
+ color: black;
+ }
+ em {
+ font-style:italic;
+ }
+}
+
+/* slide title */
+.slide h1 {
+ font-size: xxx-large;
+ font-weight: bolder;
+ text-align: center;
+}
+
+span.slide_num_sep:after {
+ content : "⋯";
+}
+.footer {
+ text-align: center;
+}
+.alert {
+ color: red;
+}
+
+
+@media screen {
+.other_slides {
+ opacity: 0.0;
+ transition: opacity 0.25s ease-in;
+}
+.current_slide {
+ opacity: 1.0;
+ transition: opacity 0.25s ease-out 0.25s;
+}
+}
\ No newline at end of file