Implement a simple control panel.

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

diff --git a/doc/demo.xhtml b/doc/demo.xhtml
index 7955f1d..490173b 100644 (file)
--- a/doc/demo.xhtml
+++ b/doc/demo.xhtml
@@ -39,9 +39,10 @@
     <script type="text/javascript">
 /*
       SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeVerticalSlide;
+      SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeHorizontalSlide; */
       SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeFadeOutIn;
-*/
-      SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeHorizontalSlide;
+
+
       SWS.Config['sws-object-deactivate'] =  SWS.Effects.objectDeactivateFadeOut;
       SWS.Config['sws-object-activate'] = SWS.Effects.objectActivateFadeIn;
 
@@ -83,7 +84,7 @@ o.attr("style",a.join(";"));
       <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"/>
+             src="HTML5_Badge.svg" alt="5"/>
           Presentation framework</h1>
         <a href="mailto:kim@nguyen.vg">kim@nguyen.vg</a>
       </div>
@@ -116,7 +117,7 @@ o.attr("style",a.join(";"));
     </div>
 
     <div class="sws-slide">
-      <h1>What's wrong with Beamer/LateX/Tikz?</h1>
+      <h1>What's wrong with Beamer/L<sub>A</sub>T<sup>E</sup>X/Tikz?</h1>
       <ul>
         <li class="sws-pause">Does not easily support smooth
         animations</li>
@@ -201,7 +202,8 @@ o.attr("style",a.join(";"));
     <em>SWS.Presentation.registerCallback("3_6", zoom_title);</em>
 &lt;script&gt;
 </code></pre>
-
+    (That's not a bug, you should keep pressing next, see how many
+    steps there are on this slide)
   </p>
 
 <script type="text/javascript">
@@ -350,11 +352,22 @@ Of course we can animate it with some javascript!
   SWS.Presentation.registerCallback(2, function(o){
   set_color(o.find("#middledisk"), "#ffa500");
   set_color(o.find("#bottomdisk"), "#000a1a");
+/**/
+  SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeFadeOutIn;
   });
   SWS.Presentation.registerCallback(3, function(o){
   set_color(o.find("#bottomdisk"), "#00ff00");
+  SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeHorizontalSlide;
+/* */
   });
 </script>
+</div>
+<div class="sws-slide">
+  <h1>Totally customizable</h1>
+  <p>
+    BTW did you see how I changed the transition effect for the
+    previous slide ?
+  </p>
 </div>
 
   </body>