Implement a new control panel.

[hacks/simpleWebSlides.git] / doc / demo.xhtml
diff --git a/doc/demo.xhtml b/doc/demo.xhtml

index 472982b..c028779 100644 (file)
--- a/doc/demo.xhtml
+++ b/doc/demo.xhtml
@@ -2,9 +2,7 @@
  <!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"
-      class="sws-aspect-16-9"
->
+<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
      <title>SimpleWebSlides</title>
  
@@ -15,16 +13,18 @@
  
      <!-- Load jQuery -->
      <script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
+    <!-- Load the library -->
+    <script src="../simpleWebSlides.js" type="text/javascript" ></script>
  
-    <!-- Initialize the library -->
-    <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"
-          type="text/css" />
+    <!-- Load a custom Theme, the class-element marks this style-sheet
+      a "theme" that can be swtiched dynamicaly -->
+    <link class="sws-theme" rel="stylesheet"  title="Web 2.0"
+          href="../themes/webTwoPointO.css" type="text/css" />
+    <link class="sws-theme" rel="alternate stylesheet"  title="Default style"
+          href="../themes/default.css" type="text/css" />
+
      <!-- Customize some templates and initialize -->
  
      <script type="text/x-mathjax-config">
@@ -42,8 +42,6 @@
        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-object-deactivate'] =  SWS.Effects.objectDeactivateFadeOut;
        SWS.Config['sws-object-activate'] = SWS.Effects.objectActivateFadeIn;