X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=doc%2Fdemo.xhtml;h=490173b861ca1514f2344b3a6b6991d32437d76b;hb=84e2c90ea8d41d08c996bd84bd459ba5ad23de0b;hp=7955f1dbd40d1795fb94a92fd189a00ea59c3835;hpb=84940d8f7c885110f6ce355ba467dba4f71d7f4d;p=hacks%2FsimpleWebSlides.git

diff --git a/doc/demo.xhtml b/doc/demo.xhtml
index 7955f1d..490173b 100644
--- 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>