Add an 'sws-' namespace to every class name used in CSS.

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

index abc768d..c4f0b9e 100644 (file)
--- a/doc/sample.xhtml
+++ b/doc/sample.xhtml
@@ -25,7 +25,7 @@
    </head>
    <body>
  
-    <div class="slide cover nofooter">
+    <div class="sws-slide sws-cover sws-option-nofooter">
        <div class="centerbox">
          <h1>SimpleWebSlides</h1>
          <h1>An <em>HTML</em><img style="height:28pt"
@@ -38,31 +38,25 @@
  
      <h1>Introduction</h1>
  
-    <div class="slide" >
+    <div class="sws-slide" >
        <h1>What is it?</h1>
        <em>SimpleWebSlides</em> is an HTML5 framework that allows
        you to build presentation slides:
        <ul>
-        <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>
+        <li class="sws-pause" >Write your slides in HTML5!</li>
+        <li class="sws-pause" >Theme your slides with <em>CSS</em>!</li>
+        <li class="sws-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); 
+          h1.animate({"font-size":old_size }, 500);
            });
          </script>
        </ul>
      </div>
  
-    <div class="slide">
-      
-    </div>
-
    </body>
  </html>