Working inline script.

[hacks/simpleWebSlides.git] / doc / sample.xhtml

diff --git a/doc/sample.xhtml b/doc/sample.xhtml
index 6bc4546..abc768d 100644 (file)
--- a/doc/sample.xhtml
+++ b/doc/sample.xhtml
@@ -27,11 +27,11 @@
 
     <div class="slide cover nofooter">
       <div class="centerbox">
-        <h1 class="pause" >SimpleWebSlides</h1>
-        <h1 class="pause" >An <em>HTML</em><img style="height:28pt"
+        <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 class="pause" href="mailto:kim@nguyen.vg">kim@nguyen.vg</a>
+        <a href="mailto:kim@nguyen.vg">kim@nguyen.vg</a>
       </div>
     </div>
 
@@ -43,56 +43,26 @@
       <em>SimpleWebSlides</em> is an HTML5 framework that allows
       you to build presentation slides:
       <ul>
-        <li>Write your slides in HTML5!</li>
-        <li>Script your slides with Javascript!</li>
-        <li>Theme your slides with CSS!</li>
+        <li class="pause" >Write your slides in HTML5!</li>
+        <li class="pause" >Theme your slides with <em>CSS</em>!</li>
+        <li class="pause" >Script your slides with Javascript!</li>
+        <script type="text/javascript">
+          SimpleWebSlides.registerCustom(3, function (canvas) {
+          console.log("calling callback");
+          var h1 = canvas.find("h1");
+          console.log(h1);
+          var old_color = h1.css('color');
+          var old_size = h1.css('font-size');
+          h1.animate({"font-size":"100pt" }, 500);
+          h1.animate({"font-size":old_size }, 500); 
+          });
+        </script>
       </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>