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

diff --git a/doc/demo.xhtml b/doc/demo.xhtml
index 7955f1d..472982b 100644
--- a/doc/demo.xhtml
+++ b/doc/demo.xhtml
@@ -2,7 +2,9 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
 >
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html xmlns="http://www.w3.org/1999/xhtml"
+      class="sws-aspect-16-9"
+>
   <head>
     <title>SimpleWebSlides</title>
 
@@ -15,11 +17,10 @@
     <script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
 
     <!-- Initialize the library -->
-    <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css"
-          media="all" />
     <script src="../simpleWebSlides.js" type="text/javascript" >
     </script>
-
+    <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css"
+          media="all" />
     <!-- Load a custom Theme -->
     <link rel="stylesheet"  title="Web 2.0"
           href="../themes/webTwoPointO.css"
@@ -39,9 +40,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 +85,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 +118,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 +203,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 +353,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>
